概要

採用担当者やWeb業界の関係者に向け、自身のWebサイト制作・バナー制作スキル、事務経験をアピールするためのポートフォリオサイトを制作しました。自身の目指すWebディレクター像も同時に伝えられる構成にしています。

コンセプト

「舗装された道は、誰もが歩きやすい。」をコンセプトに、クライアントの要望を的確に汲み取り、方向性のはっきりしたプロジェクトを進行できるディレクターを目指す姿を表現しました。ファーストビューでその想いを伝え、道や靴、夏や清潔感といったキーワードを随所に盛り込み、視覚でも統一感を出しています。

制作にあたって

ベースカラーは清潔感と優しさのある暗めの灰色（#404344）と白（#FFFFFF）、アクセントに夏と空をイメージした青緑（#60BECC）を使用。フォントやパーツの色にも配慮し、サイト全体に統一感と親しみやすさを持たせました。各セクションの区切りには横断歩道を歩く足元のイラストを配置し、「道」をテーマにした世界観を持たせています。

構成

ファーストビューから、Work、About、Skill Timeline、Strengths、Contactと続くシンプルな構成で、モバイル・PCどちらでも快適に閲覧できるレスポンシブ設計を実装しました。 Aboutでは自身の後ろ姿や足元の写真を使い、見る人が人物像を想像しやすい工夫も行いました。

制作期間

企画・構成からデザイン、コーディング、調整までを約3週間で実施。

使用ソフト

HTML / CSS / Figma / Photoshop

振り返り

全体の導線が明確で、伝えたいコンセプトも表現できた点が良かったと感じています。ただし、構成設計に時間がかかってしまったため、今後は目的をしっかりと意識し、方向性を早い段階で明確化することを意識して取り組んでいきたいです。