Blog

おんたまBLOGの記事を集めたボードです。 Web制作におけるディレクションやUI/UXで学んだことを中心に紹介しています。
·
44 Pins
 2w
Collection by
私の旦那さんはITエンジニアでブログをやっていまして、今回ブログをリニューアルするということで情報設計〜デザインまでを担当させてもらいました!(コーディングは旦那さん自身で行いました。) そのため今回は、完成したサイトと […] Blog
【制作実績】ブログサイトのWebデザイン|Amateur Engineer’s Blog
私の旦那さんはITエンジニアでブログをやっていまして、今回ブログをリニューアルするということで情報設計〜デザインまでを担当させてもらいました!(コーディングは旦那さん自身で行いました。) そのため今回は、完成したサイトと […]
ブログを開設して1年9ヶ月が経ち、先日ようやく50記事に到達しました。だいぶマイペース更新でやっとという感じですが…それでもここまで続けてこれた達成感を感じています! 正直PV数もブログから得る収入も微々たる […] Analysis
【GA4を活用】ブログの運用改善に向けて分析してみた。
ブログを開設して1年9ヶ月が経ち、先日ようやく50記事に到達しました。だいぶマイペース更新でやっとという感じですが…それでもここまで続けてこれた達成感を感じています! 正直PV数もブログから得る収入も微々たる […]
UIデザインの勉強を始めて約1年半ですが制作ツールはFigmaを使うようになりました。プライベートなので無料プランの範囲で使用していますが、それでも十分制作に活用できている状況です。 Figmaの良さはなんといってもプラ […] Figma, Plugins
Web・UIデザインで活躍!無料利用可能なFigmaのプラグイン7選
UIデザインの勉強を始めて約1年半ですが制作ツールはFigmaを使うようになりました。プライベートなので無料プランの範囲で使用していますが、それでも十分制作に活用できている状況です。 Figmaの良さはなんといってもプラ […]
前回記事にしたBONOの出張申請ソフトの課題に引き続き取り組みました。今回も後半の課題の学習記録を残したいと思います! 課題内容 お題は出張申請の管理画面デザインで、今回は承認者が出張申請を確認し、承認または差し戻しする […] Bono
【学習記録】出張申請ソフトのUIデザイン(承認フロー編)|BONO
前回記事にしたBONOの出張申請ソフトの課題に引き続き取り組みました。今回も後半の課題の学習記録を残したいと思います! 課題内容 お題は出張申請の管理画面デザインで、今回は承認者が出張申請を確認し、承認または差し戻しする […]
昨年からスタートさせたUIUXデザインが学べるコミュニティのBONOですが、現在情報設計を学ぶための課題に取り組んでいます。まだ後半の課題に取り組み中ですが、振り返りも兼ねて前半分の学習記録を残したいと思います! 課題内 […]
【学習記録】出張申請ソフトのUIデザイン(作成フロー編)|BONO
昨年からスタートさせたUIUXデザインが学べるコミュニティのBONOですが、現在情報設計を学ぶための課題に取り組んでいます。まだ後半の課題に取り組み中ですが、振り返りも兼ねて前半分の学習記録を残したいと思います! 課題内 […]
突然ですが、皆さんは毎年プライベートや仕事で1年の目標を立てていますでしょうか?私は目標を立てたものの途中で折してしまった経験があります…。 ただ今年は個人的に叶えたいことが明確にあるため、目標設定とそれに伴 […] Goals, Goal Setting
NotionとTickTickを活用!1年間の目標の決め方と進め方
突然ですが、皆さんは毎年プライベートや仕事で1年の目標を立てていますでしょうか?私は目標を立てたものの途中で折してしまった経験があります…。 ただ今年は個人的に叶えたいことが明確にあるため、目標設定とそれに伴 […]
気づけば2023年も最終日となってしまいました!今年を振り返ると資格取得やUIUXのコミュニティに参加したりと自己研鑽に注力した1年となりました。 また自己研鑽のひとつとして本も色々読みました。以前ブログにも書いた通りこ […] Books
2年目Webディレクターが2023年に読んだ自己啓発本4選
気づけば2023年も最終日となってしまいました!今年を振り返ると資格取得やUIUXのコミュニティに参加したりと自己研鑽に注力した1年となりました。 また自己研鑽のひとつとして本も色々読みました。以前ブログにも書いた通りこ […]
約1年前からUIUX分野の勉強を独学で続けてきましたが、今年10月からBONOというUIUXデザインのコミュニティにも参加しさらに実践的な学習に取り組んでいます。 BONOでは動画コンテンツの視聴とお題の実践がメインです […] Website, Research
【UI/UX学習】課題発見力を鍛えるためのサイト分析
約1年前からUIUX分野の勉強を独学で続けてきましたが、今年10月からBONOというUIUXデザインのコミュニティにも参加しさらに実践的な学習に取り組んでいます。 BONOでは動画コンテンツの視聴とお題の実践がメインです […]
仕事ではほぼ全ての業務をパソコン1本でこなしていますが、プライベートで行なっているブログや勉強などでは紙のノートとiPad、ノートパソコンを用途や目的に合わせて使い分けています。 今回は試行錯誤の末に行き着いた、私なりの […] Ipad, Used Tools, Being Used
「書くこと」に対する紙・iPad・パソコンでの使い分け方法
仕事ではほぼ全ての業務をパソコン1本でこなしていますが、プライベートで行なっているブログや勉強などでは紙のノートとiPad、ノートパソコンを用途や目的に合わせて使い分けています。 今回は試行錯誤の末に行き着いた、私なりの […]
今までUI/UXの勉強に関してはDailyUIや書籍での学習が中心でしたが、より実践的な制作や情報設計・UXについて学びたいと思い、10月からBONOというデザインコミュニティに入会しました。 このコミュニティでは動画コ […] Ui Ux
【学習記録】連絡帳アプリのUIデザイン|BONO
今までUI/UXの勉強に関してはDailyUIや書籍での学習が中心でしたが、より実践的な制作や情報設計・UXについて学びたいと思い、10月からBONOというデザインコミュニティに入会しました。 このコミュニティでは動画コ […]
このブログを始めて1年ちょっと、だいぶ亀更新ではありますがやっと40記事を超えました…! ブログ運営はアイディア出しから投稿までの一連の作業を苦労しつつも楽しく続けていますが、その中でもアイキャッチ作成が個人 […]
ブログのアイキャッチを作成するときに工夫している4つのポイント
このブログを始めて1年ちょっと、だいぶ亀更新ではありますがやっと40記事を超えました…! ブログ運営はアイディア出しから投稿までの一連の作業を苦労しつつも楽しく続けていますが、その中でもアイキャッチ作成が個人 […]
リモートワークが主流になった昨今、コミュニケーションの手段としてメールやチャットが一番多いという方も増えてきているのではないでしょうか?私自身コロナ前と比べてテキストコミュニケーションの割合がグッと増えました。 またWe […] Writing, We, Email Writing
仕事の中で学んだ円滑なコミュニケーションのためのメール文章術
リモートワークが主流になった昨今、コミュニケーションの手段としてメールやチャットが一番多いという方も増えてきているのではないでしょうか?私自身コロナ前と比べてテキストコミュニケーションの割合がグッと増えました。 またWe […]
Webディレクターに転身してもうすぐ2年経ちますが、その間にITやWebに関わる基本的な資格を5つ取得しました。 資格は取ってもあまり意味がないのでは?という意見を耳にしますし、私自身も実務に勝る学びはないと考えています […] Astronomy, Study, Qualifications
【勉強法の参考本紹介あり】めんどくさがり社会人が資格勉強を続ける理由とコツ
Webディレクターに転身してもうすぐ2年経ちますが、その間にITやWebに関わる基本的な資格を5つ取得しました。 資格は取ってもあまり意味がないのでは?という意見を耳にしますし、私自身も実務に勝る学びはないと考えています […]
Webディレクターに転職して早いものでもうすぐ2年が経ちます。 実は元々デザイナーを目指していたのですが、転職活動の中で自身のスキルや将来のキャリアを考慮した結果、Webディレクターに転身しました。 そこで今回は業界未経 […] Director, Change, Art Director, Career, Career Change
【転職活動記】未経験でデザイナーを目指してからWebディレクターになるまで
Webディレクターに転職して早いものでもうすぐ2年が経ちます。 実は元々デザイナーを目指していたのですが、転職活動の中で自身のスキルや将来のキャリアを考慮した結果、Webディレクターに転身しました。 そこで今回は業界未経 […]
やっとですが、DailyUI10個目のお題�にチャレンジしました!今回も制作過程やデザインを紹介していきたいと思います。 お題 今回のお題は「Social Share」です。お題のヒントは翻訳すると下記の通りです。 ソーシ […] Songs, Jazz, Jazz Songs
DailyUI 010|ソーシャルシェアのUIデザイン
やっとですが、DailyUI10個目のお題にチャレンジしました!今回も制作過程やデザインを紹介していきたいと思います。 お題 今回のお題は「Social Share」です。お題のヒントは翻訳すると下記の通りです。 ソーシ […]
おんたまが運営しているこのブログは「WordPress」というCMSを使用しています。おそらくブログやWeb制作をする人には聞き馴染みのあるサービスですね。 しかし、世の中にはWordPressに限らずたくさんの種類のC […] Wordpress, Cms
【IT基礎知識】CMSとは?導入や運用のポイント・注意点
おんたまが運営しているこのブログは「WordPress」というCMSを使用しています。おそらくブログやWeb制作をする人には聞き馴染みのあるサービスですね。 しかし、世の中にはWordPressに限らずたくさんの種類のC […]
みなさんはプロジェクトの計画を立てたものの、予想外の事態が起きたり予定通り進めることができなかった経験はありますか?おんたまはWebディレクターになってから何度かありました…。 そこで今回は、約1年半のWeb […] Management
Webディレクターがプロジェクトマネジメントで心掛けている5つのポイント
みなさんはプロジェクトの計画を立てたものの、予想外の事態が起きたり予定通り進めることができなかった経験はありますか?おんたまはWebディレクターになってから何度かありました…。 そこで今回は、約1年半のWeb […]
Webディレクターの重要な仕事の一つにスケジュールの作成、管理があります。 今回はおんたまがWeb制作会社に勤めて約1年半実践している、プロジェクトをスムーズに進行するためのスケジュールの立て方をご紹介します。 スケジュ […] Schedule
【Web制作】WBSを活用!スケジュールの立て方とポイント
Webディレクターの重要な仕事の一つにスケジュールの作成、管理があります。 今回はおんたまがWeb制作会社に勤めて約1年半実践している、プロジェクトをスムーズに進行するためのスケジュールの立て方をご紹介します。 スケジュ […]
おんたまは昨年の夏頃にUI/UXに携わる仕事に関わりたいと思い始め、独学で勉強を始めました。DailyUIの実践やHCD基礎検定の受検などをやってきましたが、体系的な知識をインプットするため本も何冊か読みました。 そこで […]
UI/UX未経験者が勉強を始めて1年目で読んだおすすめ本8選
おんたまは昨年の夏頃にUI/UXに携わる仕事に関わりたいと思い始め、独学で勉強を始めました。DailyUIの実践やHCD基礎検定の受検などをやってきましたが、体系的な知識をインプットするため本も何冊か読みました。 そこで […]
Webディレクターとして案件対応をする際にクライアントから画像を支給いただく機会も多いのですが、普段あまり見かけない種類の画像ファイルをもらい認識不足でちょっとした失敗をしかけました…。 特に大きなトラブルに […] Type, Image Types
【Web向き?印刷物向き?】画像ファイルの種類と違いについて
Webディレクターとして案件対応をする際にクライアントから画像を支給いただく機会も多いのですが、普段あまり見かけない種類の画像ファイルをもらい認識不足でちょっとした失敗をしかけました…。 特に大きなトラブルに […]
Webディレクターに転職して約1年半。業務内容も一通り慣れてきた近頃、今後のキャリアやライフプランについてあれこれ思いを馳せる時間��が増えてきました。 そこで今回初めて「」というキャリア相談サービスを受けてみました。どんな […]
キャリア相談初心者におすすめ!coacheeで副業・働き方の相談をしてみた
Webディレクターに転職して約1年半。業務内容も一通り慣れてきた近頃、今後のキャリアやライフプランについてあれこれ思いを馳せる時間が増えてきました。 そこで今回初めて「」というキャリア相談サービスを受けてみました。どんな […]
DailyUI9つ目のお題に挑戦しましたので、今回も制作過程やデザインを紹介していきたいと思います。 お題 今回のお題は「Music Player」です。お題のヒントは翻訳すると下記の通りです。 音楽プレーヤーをデザイン […] Music, Good Day
DailyUI 009|音楽アプリのUIデザイン
DailyUI9つ目のお題に挑戦しましたので、今回も制作過程やデザインを紹介していきたいと思います。 お題 今回のお題は「Music Player」です。お題のヒントは翻訳すると下記の通りです。 音楽プレーヤーをデザイン […]
今回はUI/UXの勉強の一環で読んだ『見えにくい、読みにくい「困った!」を解決するデザイン』をご紹介していきたいと思います! リンク 書籍の概要 著者はフリーランスデザイナーの間嶋沙知さんという方です。 デザインというと […]
【アクセシビリティについて学ぶ】『見えにくい、読みにくい「困った!」を解決するデザイン』を読んで
今回はUI/UXの勉強の一環で読んだ『見えにくい、読みにくい「困った!」を解決するデザイン』をご紹介していきたいと思います! リンク 書籍の概要 著者はフリーランスデザイナーの間嶋沙知さんという方です。 デザインというと […]
今年の3月に「HCD基礎検定」というUI/UXに関わる検定を受験しました。検定が発足して1回目の実施だったので、今回は受験レポを書いていきたいと思います。 この記事は2023年3月に受験した際の内容となっています。今後検 […]
HCD基礎検定を受けてみた〜検定内容と勉強方法について〜
今年の3月に「HCD基礎検定」というUI/UXに関わる検定を受験しました。検定が発足して1回目の実施だったので、今回は受験レポを書いていきたいと思います。 この記事は2023年3月に受験した際の内容となっています。今後検 […]
今回はDailyUI8つ目のお題に挑戦したので、デザインの制作過程やポイントをご紹介していきたいと思います。 お題 今回のお題は「404 Page」です。お題のヒントは翻訳すると下記の通りです。 404ページをデザインす […] Page
DailyUI 008|404ページのUIデザイン
今回はDailyUI8つ目のお題に挑戦したので、デザインの制作過程やポイントをご紹介していきたいと思います。 お題 今回のお題は「404 Page」です。お題のヒントは翻訳すると下記の通りです。 404ページをデザインす […]
久々となってしまいましたがDailyUI7つ目のお題に挑戦しました!今回も作成したデザインの制作過程やポイントをご紹介していきたいと思います。 お題 今回のお題は「Settings」です。お題のヒントは翻訳すると下記の通 […]
DailyUI 007|設定画面のUIデザイン
久々となってしまいましたがDailyUI7つ目のお題に挑戦しました!今回も作成したデザインの制作過程やポイントをご紹介していきたいと思います。 お題 今回のお題は「Settings」です。お題のヒントは翻訳すると下記の通 […]
今回はWebディレクターとしてコーディングの制作依頼をする際に気をつけているポイントをまとめました。以前デザイン依頼時のポイントをまとめた記事を書きましたので宜しければあわせてお読みください。 今回はおんたまの経験をもと […] Css, Directions, Coding, Let It Be
【指示書事例あり】制作依頼をするときのポイント|コーディング編
今回はWebディレクターとしてコーディングの制作依頼をする際に気をつけているポイントをまとめました。以前デザイン依頼時のポイントをまとめた記事を書きましたので宜しければあわせてお読みください。 今回はおんたまの経験をもと […]
2023年になって3ヶ月が経ちましたが、2月末に「HTML5プロフェッショナル認定試験 レベル1」という資格を取得しました。今回はHTML5プロフェッショナル認定試験 レベル1の受験を決めたきっかけから、勉強方法、学んだ […] Html5
HTML5プロフェッショナル認定試験 レベル1(Ver2.5)勉強方法 〜2年目Webディレクターの受験記録〜
2023年になって3ヶ月が経ちましたが、2月末に「HTML5プロフェッショナル認定試験 レベル1」という資格を取得しました。今回はHTML5プロフェッショナル認定試験 レベル1の受験を決めたきっかけから、勉強方法、学んだ […]
Webディレクターに限らずですが、仕事をす�る中で大小関わらず何かしらのミスを起こしてしまったことは誰でも経験があるのではないかと思います。実際おんたまは前職でも現職でも様々なミスをやらかしてきました…。 ただ […]
Webディレクターになって学んだ!仕事でのケアレスミス対策
Webディレクターに限らずですが、仕事をする中で大小関わらず何かしらのミスを起こしてしまったことは誰でも経験があるのではないかと思います。実際おんたまは前職でも現職でも様々なミスをやらかしてきました…。 ただ […]
社会人になってからプライベートで大活躍しているガジェットの一つがiPadでして、デザインやブログ執筆はPCがメインでありつつ、勉強や読書など様々な場面で活用しています。今回はどんなiPadを使用していて、どんな場面で活用 […]
【デザインや勉強に大活躍!】WebディレクターのiPad活用方法
社会人になってからプライベートで大活躍しているガジェットの一つがiPadでして、デザインやブログ執筆はPCがメインでありつつ、勉強や読書など様々な場面で活用しています。今回はどんなiPadを使用していて、どんな場面で活用 […]