■ 構成

・まず、HOMEページで全体の雰囲気や制作物をざっくりと把握していただけるようにしました。ABOUTページへの導線も設けており、さらに詳しい情報に興味を持っていただけた場合は、そちらをご覧いただけるようにしています。ABOUTページでは自分の特徴やスキルを率直に示し、人となりが伝わるようにしています。WORKSページでは各作品の詳細なビジュアルと説明を掲載し、スキルレベルを具体的に示しています。全体として情報が段階的に提供されるよう配慮しました。


■ デザイン

・淡いベージュと水色の配色に、明朝体とセリフ体のフォントを使用した落ち着いたデザインが特徴です。本サイトもタイトル通り「ほのかな色合い」で構成し、作品の雰囲気との調和を図っています。

・HOMEページはサイトの顔となるため、見てくださる方々に「届ける」という意味を込めて「手紙」をイメージしたデザインを取り入れました。例えば、切手やはんこ、リボンを模した装飾や紙のテクスチャを用いています。作品画像は正方形に統一し、整然としたレイアウトにすることで作品を見比べやすくしました。

・ABOUTページは情報量が多くなるため、さらに見やすく整ったレイアウトを心がけました。情報を簡潔にカテゴリー化し、視覚的に整理することで、一目で内容を把握できるようにしました。

・各WORKSページの制作ポイントや反省点は文章量が多いため、アコーディオンパネルにまとめました。必要な情報だけを展開して閲覧できるため、視覚的な負担が軽減されるかと思います。また、WORKSページでは作品が主役となるように、水色の使用を控えめにしています。

３ヶ月

Illurstrator / Photoshop / XD / Visual Studio Code

・制作に時間がかかりすぎたことが最大の反省点です。調査に多くの時間を費やしたこと、制作過程で「もっとこうしたい」というアイデアが浮かび、レイアウト変更や素材作成を行ったこと、変更点を加えたために見直しに時間がかかったことが要因だと考えられます。今後は、初期段階でデザインを確定すること、自分の技量をしっかり把握した上で計画を立てることにより注意を払いたいと考えます。