作ったもの・デザインしたもの

スタイリッシュでシンプルなデザインをコンセプトに制作しました。
ブログサイトは記事を読むことが目的となるため、装飾を最小限に抑え、余白を活かすことでコンテンツそのものが引き立つ構成を意識しています。また、情報が整理され、読みやすく、直感的に操作できるブログサイトになるようデザインしました。

ファーストビューに使用している写真は、自分で撮影したものを使用しています。 サイトの雰囲気に合う写真を選び、シンプルで落ち着いた印象になるよう意識しました。

全体のデザインでは、装飾を徹底的に削ぎ落とし、余白を活かすことで見やすく整ったレイアウトになるよう意識しました。 余計な要素を減らすことで、コンテンツや記事が引き立つデザインを目指しています。

記事ページでは、記事一覧で使用しているアイキャッチ画像をそのままファーストビューとして表示しています。 記事の内容やテーマが一目で伝わる構成にしました。また、h1・h2・h3と階層ごとに装飾を変え、情報の構造が分かりやすくなるようデザインしています。 見出しの違いが視覚的に分かることで、記事の内容を読みやすくしています。

「what’s new」のカテゴリーを設けることで、サイトに訪れた際にすぐ最新の記事へアクセスできる導線を設計しました。 また、記事の最大表示数を6件に制限し、情報量が多くなりすぎないよう調整しています。 記事同士の余白や、タイトル・カテゴリー周りの間隔にも注意し、視認性を高めました。

「スクロールすると、ロゴとグローバルメニューが少し上に移動しながら追従表示されるようにしています。 画面の邪魔にならない位置を保ちつつ、どの位置からでもメニューへアクセスできるよう工夫しました。

記事ページには「prev」「all view」「next」のリンクを設置しました。 前後の記事や記事一覧へ移動しやすくすることで、サイト内の回遊性を高めています。