案件概要

前職で担当していたECサイト構築プロジェクトにて、ティーン向けファッション通販サイトのデザイン制作を担当しました。
最終的に案件自体は中止となったものの、スマートフォンでの閲覧を重視し、色味・フォント・アイコンに至るまで「かわいく、若年層に響くUI」を意識して設計を行いました。

商品画像そのものを大きく見せるよりも、「たくさんの商品が並んでいる」印象を与える一覧性の高いレイアウトを採用し、回遊しやすさを重視しています。
架空のECサイトのデザインを行いました。PCよりもスマホ向けを重視し、色味やアイコン、フォントなど全体的に「かわいくティーン向け」を意識して仕上げました。また、ページを開いた際の各コンテンツにおいて一覧性を高めるため、商品画像よりも「多くの商品が並んでいる感」を出しています。

結果的に公開には至りませんでしたが、苦手意識のあった「女性向けデザイン」に正面から向き合ったことで、自身の表現の幅が広がったと感じられる経験となりました。

対応範囲

  • ECサイトのトップページ・商品一覧ページのデザイン
  • スマートフォンUIに最適化した情報設計
  • ティーン向けの世界観に合わせたビジュアル設計(カラー/タイポグラフィ/アイコン)

工夫したポイント

  • アイコンはアウトライン細めで軽やかな印象に
  • フォントサイズはやや小さめに設定し、可愛らしさと“詰め込み感”を演出
  • パステルカラーや高明度の色合いを中心に、やさしく甘めのトーンで統一


Mimu Fujiwara

フリーランスのテクニカルPM/Webディレクター。 Webサイトのリニューアルや改善の相談を受ける中で、「本当に解決したいこと」と「依頼内容」が少しずれている場面によく出会います。 依頼されたものをそのまま作る前に、目的や課題、運用状況を整理し、「何を作るべきか」から一緒に考える立場で関わっています。 WordPressやHubSpotなどのCMS案件を中心に、要件整理・情報設計・技術調整・運用改善までを横断して支援。公開して終わりではなく、その後も無理なく運用・改善できる状態をつくることを大切にしています。