「Blue Notes」

はじめまして、殖田結貴です。

現在、トライデントコンピュータ専門学校でWebデザインを学んでいます。

今回は「Blue Notes」という個人ブログを開設したので、

ブログのコンセプトやこのブログを制作するにあたって大変だったこと、自分がこだわったポイントなどをお話していきます。

ブログのコンセプト

今回のブログは「海」をテーマに制作しました。

私は海が好きなので、訪れた人にもその爽やかさや心地よさが伝わるようなデザインを意識しました。

特にこだわったのは、シンプルさの中にも可愛らしさを感じられるバランスです。

海をイメージさせるブルー系を基調に、柔らかく温かみのある色を組み合わせました。

さらに、TopページやAboutページ、Footerには波をイメージした背景を取り入れ、サイト全体を通して海を感じられる構成にしています。

ロゴは太陽をモチーフにし、その中に波の要素を組み合わせることで、爽やかで明るい雰囲気を表現できるように工夫しました。

シンプルながらも遊び心を取り入れたデザインで、見る人が少しでも「海の心地よさ」を感じてもらえるように仕上げています。

ブログを制作するうえで大変だったのは、全体のまとまりをどうつくるかでした。

「海」をコンセプトに、可愛らしい要素を取り入れたいと思い、波のモチーフを多く使ったデザインも考えました。

しかし、モチーフや要素を入れすぎるとブログのレイアウトがごちゃごちゃしてしまい、訪問者がどこに何があるのか分かりにくくなることがありました。

ブログ制作の初めから、訪問者にとって見やすく、操作しやすいサイトにしたいという思いがあったため、まずはシンプルさを最優先にデザインを整えました。そのうえで、どこに海の要素を取り入れると可愛らしさを感じながらも迷わずに見たい情報にたどり着けるかを工夫し、全体のバランスを調整しました。

さらに、記事一覧ページのページネーションにもこだわり、見た目の統一感を保ちながらクリックしやすいデザインにしました。また、各記事のアイキャッチ画像もこだわって作り、海や爽やかさを感じられる雰囲気を自然に演出できるようにしました。

こうしてシンプルさと可愛らしさを両立させることで、訪問者が迷わずに読み進められ、ブログ全体の世界観を感じながら楽しんでもらえるサイトに仕上げることができました。

専門学校に入学してから5ヶ月が経ち、9月からはいよいよ後期が始まりました。

後期には前期よりも学習内容が難しくなるだけでなく、進級制作や就職活動も本格的にスタートします。

まだ後期が始まったばかりだからと後回しにするのではなく、気を引き締めて学習や就職活動にしっかり向き合い、将来の自分につなげていきたいです。

最後までお読みいただき、ありがとうございました。