【HerTech架空案件】アパレルECサイト

制作の流れ

：クライアントへのヒアリング後、ペルソナを設定しポイントを整理。次にワイヤーフレームを作成し、情報設計とテキスト量についてクライアントと合意形成。その後デザインのトンマナを固め、デザインカンプ作成に着手。ファーストビューを先行して制作し、全体のイメージを確認していただきながら進めました。担当範囲は全般です。

✓ビジュアルイメージ

ブランドの雰囲気に合わせ、柔らかさと上品さをキーワードに20代女性がファッションを楽しみたくなるような女性らしく洗練されたデザインを目指しました。

メインビジュアルにはやわらかな印象の写真を使用し、落ち着きのある透明感を表現しています。

またモデルの写真を大きく配置することで、ファーストビューでブランドの世界観が伝わるようにしました。

✓カラー

白をベースにやわらかなオリーブ系のカラーをアクセントとして使用しました。

オリーブ系の落ち着いた色身を取り入れることで甘くなり過ぎない上品な印象に仕上げています。

文字部分にも同系色を使用し、ページ全体に統一感を持たせました。

✓タイポグラフィー

見出しにはCenturyと明朝体を使用し、クラシカルで上品な印象を表現しました。

しっかりとしたフォントを使用することで、女性らしい柔らかさだけではなく、大人っぽさも感じられるよう意識しています。

✓工夫したポイント

メインビジュアルからSALE商品、カテゴリー、コーディネートへと視線が自然と下へ流れるよう情報を整理しました。

商品画像を大きく見せることで、視覚的に商品へ目が向きやすくし、画像だけではなく価格や割引率も併せて確認できるようにしています。

オシャレな雰囲気と情報の見やすさを両立させることを意識し、装飾が多くなり過ぎないようにしています。