おんたまBLOG

【制作実績】テニスのダブルス組み合わせ表サイト｜インスタントマッチ

こんにちは、おんたまです。 今月旦那さんとの共同制作でテニスのダブルス組み合わせ表を生成するウェブアプリをリリースしました。その名もインスタントマッチです。 このアプリでできることは主に以下3点です。 参加者の名前と試合数を入力すると自動で

2024/08/31 08:23

【学習記録】タスク管理アプリのUIデザイン｜BONO

こんにちは、おんたまです。 今回はUIUXデザインコミュニティのBONOで行われた「#2024年春だよ全員集合uiみんなで作ろうぜ会」に参加しました。名前の通り参加メンバーみんなで一つのお題に対して期間を決めて取り組むイベントです。 いつも

2024/05/31 23:32

自分の心や生活と向き合う3つのジャーナリング方法

著者であるおんたまが自己肯定感や気持ちのコントロールに役立つことを実感し、心の充実を目指すために実践している3つのジャーナリング方法を紹介しています。

2024/04/28 22:18

【業務効率UP】IT企業で学んだPCフォルダの整理方法

元々整理整頓が苦手で欲しいデータを探すことに一苦労していた筆者が、IT企業にWebディレクターとして転職してから学んだPCフォルダの整理術をご紹介します。

2024/04/15 22:28

【制作実績】ブログサイトのWebデザイン｜Amateur Engineer’s Blog

こんにちは、おんたまです。 私の旦那さんはITエンジニアでブログをやっていまして、今回ブログをリニューアルするということで情報設計〜デザインまでを担当させてもらいました！（コーディングは旦那さん自身で行いました。） そのため今回は、完成した

2024/03/31 17:00

【GA4を活用】ブログの運用改善に向けて分析してみた。

こんにちは、おんたまです。 ブログを開設して1年9ヶ月が経ち、先日ようやく50記事に到達しました。だいぶマイペース更新でやっとという感じですが...それでもここまで続けてこれた達成感を感じています！ 正直PV数もブログから得る収入も微々たる

2024/03/30 19:02

Web・UIデザインで活躍！無料利用可能なFigmaのプラグイン7選

こんにちは、おんたまです。 UIデザインの勉強を始めて約1年半ですが制作ツールはFigmaを使うようになりました。プライベートなので無料プランの範囲で使用していますが、それでも十分制作に活用できている状況です。 Figmaの良さはなんといっ

2024/02/26 20:51

【学習記録】出張申請ソフトのUIデザイン（承認フロー編）｜BONO

こんにちは、おんたまです。 前回記事にしたBONOの出張申請ソフトの課題に引き続き取り組みました。今回も後半の課題の学習記録を残したいと思います！ 課題内容 お題は出張申請の管理画面デザインで、今回は承認者が出張申請を確認し、承認または差し

2024/02/18 15:28

【学習記録】出張申請ソフトのUIデザイン（作成フロー編）｜BONO

こんにちは、おんたまです。 昨年からスタートさせたUIUXデザインが学べるコミュニティのBONOですが、現在情報設計を学ぶための課題に取り組んでいます。まだ後半の課題に取り組み中ですが、振り返りも兼ねて前半分の学習記録を残したいと思います！

2024/01/31 11:41

NotionとTickTickを活用！1年間の目標の決め方と進め方

こんにちは、おんたまです。 突然ですが、皆さんは毎年プライベートや仕事で1年の目標を立てていますでしょうか？私は目標を立てたものの途中で折してしまった経験があります...。 ただ今年は個人的に叶えたいことが明確にあるため、目標設定とそれに伴

2024/01/18 23:42

2年目Webディレクターが2023年に読んだ自己啓発本4選

2年目WEBディレクターがライフスタイルや仕事の立ち回りなどを見直すきっかけになった2023年に読んだ自己啓発本をご紹介したいと思います。

2024/01/01 00:18

【UI/UX学習】課題発見力を鍛えるためのサイト分析

WebディレクターからPdMへのキャリアチェンジを目指すおんたまがUI/UX学習の一環として実践しているサイト分析の目的と手法をまとめました。

2023/12/18 22:02

「書くこと」に対する紙・iPad・パソコンでの使い分け方法

仕事ではほぼ全ての業務をパソコン1本でこなしていますが、プライベートで行なっているブログや勉強などでは紙のノートとiPad、ノートパソコンを用途や目的に合わせて使い分けています。 今回は試行錯誤の末に行き着いた、私なりの「書くこと」に対する各ツールの使い分けをご紹介したいと思います。

2023/10/28 23:09

【学習記録】連絡帳アプリのUIデザイン｜BONO

こんにちは、おんたまです。 今までUI/UXの勉強に関してはDailyUIや書籍での学習が中心でしたが、より実践的な制作や情報設計・UXについて学びたいと思い、10月からBONOというデザインコミュニティに入会しました。 このコミュニティで

2023/10/22 14:20

ブログのアイキャッチを作成するときに工夫している4つのポイント

デザインシステムをもとにサイト運用の仕事をしているWebディレクターが、自身のブログサイトで心がけているアイキャッチ作成のポイントをご紹介します。

2023/10/15 17:58

仕事の中で学んだ円滑なコミュニケーションのためのメール文章術

昨今リモートワークの浸透などで、メールやチャットなどのテキストコミュニケーションが中心の会社も多いのではないでしょうか。 今回はWebディレクターとして円滑なコミュニケーションを行うためにこ心がけているメール文章の作成ポイントを6つご紹介します。

2023/09/30 15:23

【勉強法の参考本紹介あり】めんどくさがり社会人が資格勉強を続ける理由とコツ

こんにちは、おんたまです。 Webディレクターに転身してもうすぐ2年経ちますが、その間にITやWebに関わる基本的な資格を5つ取得しました。 資格は取ってもあまり意味がないのでは？という意見を耳にしますし、私自身も実務に勝る学びはないと考え

2023/09/24 23:09

【転職活動記】未経験でデザイナーを目指してからWebディレクターになるまで

未経験でデザイナーを目指してからWebディレクターとして転職するまでにどんな転職活動をしたかご紹介します。

2023/09/18 13:38

DailyUI 010｜ソーシャルシェアのUIデザイン

DailyUIのお題である「ソーシャルシェア」のUIデザインに挑戦しました。本記事では制作過程やポイントをご紹介します。

2023/08/27 16:25

【IT基礎知識】CMSとは？導入や運用のポイント・注意点

WordPressで有名なCMS（コンテンツ管理システム）ついて、そもそもどんなシステムでどういうメリット・デメリットがあるか、また導入時のポイントや注意点をご紹介したいと思います。

2023/08/19 15:50

Webディレクターがプロジェクトマネジメントで心掛けている5つのポイント

現役Webディレクターがサイト制作で実践している、プロジェクトを円滑に進行するために心がけているポイントをご紹介します！

2023/07/30 12:29

【Web制作】WBSを活用！スケジュールの立て方とポイント

現役Webディレクターがサイト制作で実践している、WBSを活用したスケジュールの作成方法とポイントをご紹介します！

2023/07/21 15:01

UI/UX未経験者が勉強を始めて1年目で読んだおすすめ本8選

現在UI/UXについて勉強をしているおんたまがここ1年で読んだおすすめ本を、用途や種類ごとにご紹介します。

2023/07/06 23:37

【Web向き？印刷物向き？】画像ファイルの種類と違いについて

JPEG（JPG）、PNG、GIF、SVG、PSD、EPS、TIFF（TIF）、BMPの8つの画像の特徴と、制作で画像を扱う際の確認ポイントをご紹介します。

2023/06/20 00:11

キャリア相談初心者におすすめ！coacheeで副業・働き方の相談をしてみた

アラサーOL女子がcoacheeで副業や働き方などのキャリア相談を体験したのでご紹介をします。

2023/06/09 23:28

DailyUI 009｜音楽アプリのUIデザイン

こんにちは、おんたまです。 DailyUI9つ目のお題に挑戦しましたので、今回も制作過程やデザインを紹介していきたいと思います。 お題 今回のお題は「Music Player」です。お題のヒントは翻訳すると下記の通りです。 音楽プレーヤーを

2023/06/03 16:01

【アクセシビリティについて学ぶ】『見えにくい、読みにくい「困った！」を解決するデザイン』を読んで

こんにちは、おんたまです。 今回はUI/UXの勉強の一環で読んだ『見えにくい、読みにくい「困った！」を解決するデザイン』をご紹介していきたいと思います！ リンク 書籍の概要 著者はフリーランスデザイナーの間嶋沙知さんという方です。 デザイン

2023/05/23 22:24

HCD基礎検定を受けてみた〜検定内容と勉強方法について〜

こんにちは、おんたまです。 今年の3月に「HCD基礎検定」というUI/UXに関わる検定を受験しました。検定が発足して1回目の実施だったので、今回は受験レポを書いていきたいと思います。 この記事は2023年3月に受験した際の内容となっています

2023/05/06 16:39

DailyUI 008｜404ページのUIデザイン

こんにちは、おんたまです。 今回はDailyUI8つ目のお題に挑戦したので、デザインの制作過程やポイントをご紹介していきたいと思います。 お題 今回のお題は「404 Page」です。お題のヒントは翻訳すると下記の通りです。 404ページをデ

2023/05/05 19:36

DailyUI 007｜設定画面のUIデザイン

こんにちは、おんたまです。 久々となってしまいましたがDailyUI7つ目のお題に挑戦しました！今回も作成したデザインの制作過程やポイントをご紹介していきたいと思います。 お題 今回のお題は「Settings」です。お題のヒントは翻訳すると

2023/05/01 15:07

【指示書事例あり】制作依頼をするときのポイント｜コーディング編

こんにちは、おんたまです。 今回はWebディレクターとしてコーディングの制作依頼をする際に気をつけているポイントをまとめました。以前デザイン依頼時のポイントをまとめた記事を書きましたので宜しければあわせてお読みください。 今回はおんたまの経

2023/04/11 23:43

HTML5プロフェッショナル認定試験 レベル1（Ver2.5）勉強方法 〜2年目Webディレクターの受験記録〜

こんにちは、おんたまです！ 2023年になって3ヶ月が経ちましたが、2月末に「HTML5プロフェッショナル認定試験 レベル1」という資格を取得しました。今回はHTML5プロフェッショナル認定試験 レベル1の受験を決めたきっかけから、勉強方法

2023/04/02 16:47

Webディレクターになって学んだ！仕事でのケアレスミス対策

こんにちは、おんたまです。 Webディレクターに限らずですが、仕事をする中で大小関わらず何かしらのミスを起こしてしまったことは誰でも経験があるのではないかと思います。実際おんたまは前職でも現職でも様々なミスをやらかしてきました...。 ただ

2023/01/28 10:54

【デザインや勉強に大活躍！】WebディレクターのiPad活用方法

こんにちは、おんたまです。 社会人になってからプライベートで大活躍しているガジェットの一つがiPadでして、デザインやブログ執筆はPCがメインでありつつ、勉強や読書など様々な場面で活用しています。今回はどんなiPadを使用していて、どんな場

2023/01/03 12:01

DailyUI 006｜ユーザープロフィールのUIデザイン

こんにちは、おんたまです！ 今回DailyUI6つ目のお題に挑戦しました。制作過程やポイントをご紹介していきたいと思います。 お題 今回のお題は「User Profile」です。お題のヒントは翻訳すると下記の通りです。 ユーザープロフィール

2022/12/27 23:22

DailyUI 005｜アプリアイコンのUIデザイン

こんにちは、おんたまです。 今回もDailyUIに挑戦し、5つ目のお題のデザインが完成しました。作品の制作過程やポイントをご紹介していきます。 お題 今回のお題は「App Icon」です。お題のヒントは翻訳すると下記の通りです。 アプリアイ

2022/12/14 20:23

Web制作・ディレクションにおすすめ！Google Chrome拡張機能8選

こんにちは、おんたまです。 今回はWeb制作に役立つおすすめのGoogle Chrome拡張機能をご紹介します。 Web業界に入る前は拡張機能の存在すら知らなかったのですが、知っていると知らないとでは作業効率も変わってくるので、今まであまり

2022/11/28 21:48

DailyUI 004｜電卓アプリのUIデザイン

こんにちは、おんたまです。 今回DailyUI4つ目のお題に挑戦しました。今までのお題同様、制作過程やデザインのポイントをご紹介していきます。 お題 今回のお題は「Calculator」です。お題のヒントは翻訳すると下記の通りです。 電卓を

2022/11/15 08:25

DailyUI 003｜ランディングページのUIデザイン

こんにちは、おんたまです。 今回DailyUI3つ目のお題にチャレンジしました。001や002とは趣旨がガラッと変わったお題になったのでかなり悩んで時間がかかってしまいましたが、なんとか形にしました...！ お題 今回のお題は「Landin

2022/10/31 21:01

DairyUI 002｜クレジットカード決済のUIデザイン

こんにちは、おんたまです。 今回DairyUI2つ目のお題を制作しましたので、制作する際に学んだことやデザインのポイントをご紹介したいと思います。 お題 今回のお題は「Credit Card Checkout」です。お題のヒントは翻訳すると

2022/10/16 22:20

DairyUI 001｜サインアップのUIデザイン

こんにちは、おんたまです。 以前のブログ記事でUI・UXデザインの勉強でやることの一つにあげていたDairyUIをスタートさせました。今回よりお題で制作したUIデザインについてまとめを記事にしていきたいと思います。 お題 記念すべき一つ目の

2022/10/06 23:04

【Chrome】ブラウザのタブ整理方法｜拡張機能（OneTab）紹介あり

こんにちは、おんたまです。 みなさん、PCでサイト閲覧をしているとついついタブがたくさんになってしまいませんか？おんたまは職業柄Webディレクターでサイトチェックや調べ物をしているとすぐにタブが増えて煩雑になってしまいがちです。 今回は前回

2022/09/23 10:57

【Chrome】作業効率UP！ブラウザのブックマーク整理方法

こんにちは、おんたまです。 突然ですが、みなさんはブラウザのブックマークは活用していますか？おんたまは昔からよく使うページのブックマークをしていたのですが正直かなり煩雑で活用しきれていない状態でした。 でもそれが普通だと思っていてあまり気に

2022/09/18 22:09

【未経験・初心者向け】Webディレクターのためのおすすめ本6選！

こんにちは、おんたまです。 今回は未経験でWebディレクターに転職する際に、最低限の知識を得るために読んだ書籍をご紹介したいと思います。 おんたまの経歴としてグラフィックのデザイン・ディレクション経験はありましたが、Web業界の知識がほとん

2022/09/14 08:34

【一歩あか抜け！】見た目で合わせるデザインテクニック

こんにちは、おんたまです。 デザインをするとき、Adobeなどのツールソフトではサイズ、配置、色などをほぼ全て数値や機能できっちり合わせることができます。 ただ、数値頼りでデザインをするとなぜだか全体の収まりやバランスが悪く感じる…というこ

2022/09/10 09:51

【決意表明】1年目Webディレクター、UI・UXを学ぶ。

こんにちは、おんたまです。 今回は現在Webディレクター1年目であるおんたまがスキルアップのためにUI・UXデザインを学ぼうと思った理由と、どんな勉強を具体的にするか決意表明の意味も込めて記事にしました。 勉強方法は今後変わる可能性もありま

2022/09/05 21:26

【指示書事例あり】制作依頼をするときのポイント｜デザイン編

こんにちは、おんたまです。 前回Webディレクターがどんな職業かについてのブログ記事を投稿しましたが、Webディレクターの大変なところの一つとして「クライアントと制作担当者の間で生まれるギャップをいかに埋めてスムーズに進行させるか」という点

2022/08/27 21:23

【未経験でも始められる？】Webディレクターという職種について

こんにちは、おんたまです。 未経験でWebやデザイン業界を目指す人の中には、デザイナーやコーダーとして就職活動する人が多いような気がします。ただ、前職での経験やその人の強みによってはディレクターからスタートすることも選択肢としてはありなので

2022/08/20 00:27

【RSSリーダーを活用】スキマ時間に見るWebデザイン・マーケティング関連のおすすめブログ・記事サイト8選

こんにちは、おんたまです。 今回はWebデザインやマーケティング関連でよく見るブログや記事サイトをご紹介します。 おんたまの定期的な記事の閲覧方法ですが、「Fe

2022/08/07 11:46

「今すぐ転職を考えていない人のためのキャリア戦略」を読んで、今後のキャリアについて考えてみた

こんにちは、おんたまです。 今回は最近購入した「今すぐ転職を考えていない人のための キャリア戦略」という本をご紹介したいと思います。 購入のきっかけ この本は元

2022/07/31 22:36

【効率UP・ミス防止】IT企業に転職して知ったメール活用術3選

今回ご紹介するメール活用術は正直「そんなこと当たり前だよ！」みたいに思われることもあるかもしれません。ただ、実際におんたまが前職の時には教えてもらったり知る機会

2022/07/23 18:06

【Googleアプリを活用！】ズボラでも続けられているタスク管理術

今回はおんたまが実践しているタスク管理方法をご紹介したいと思います。 そもそもおんたまはタスク管理は苦手な方で、デジタル・アナログ含め様々な方法を模索しては途中

2022/07/18 15:34

【未経験スタート】Webディレクターになるまでの勉強方法｜IT知識編

前回よりご紹介してきたおんたまがWebディレクターになるまでの勉強方法について、「デザイン編」「コーディング編」に続き、最後に「IT知識編」をご紹介したいと思い

2022/07/10 13:47

【未経験スタート】Webディレクターになるまでの勉強方法｜コーディング編

今回は前回記事のデザイン編に続いて、コーディングについての勉強方法をご紹介していきます。 デザインについては印刷物の制作で前職の時から実務経験がありましたが、コ

2022/07/03 14:15

【未経験スタート】Webディレクターになるまでの勉強方法｜デザイン編

今回はおんたまがWebディレクターになるまでに勉強してきた方法を「デザイン編」「コーディング編」「IT知識編」に分けてご紹介します。今回は「デザイン編」です！

2022/06/28 23:03

おんたまBLOGのロゴを作ろう！｜アイディア出しから完成まで

ブログを作る上で合わせて用意したい！と思っていたのはオリジナルのロゴデザイン。今回はブログタイトルとファビコンで使用しているロゴができるまでの流れを紹介したいと

2022/06/17 08:25