ECサイト デザイン制作

ECサイト デザイン制作

案件概要

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

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

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

対応範囲

  • ECサイトのトップページ・商品一覧ページのデザイン

  • スマートフォンUIに最適化した情報設計

  • ティーン向けの世界観に合わせたビジュアル設計(カラー/タイポグラフィ/アイコン)

工夫したポイント

  • アイコンはアウトライン細めで軽やかな印象に

  • フォントサイズはやや小さめに設定し、可愛らしさと“詰め込み感”を演出

  • パステルカラーや高明度の色合いを中心に、やさしく甘めのトーンで統一


Mimu Fujiwara

フリーランスのWebディレクター/デザイナー。 職種にとらわれず、プロジェクトの状況に応じて「判断と整理」を担う立場で関わっています。 要件定義や情報設計を起点に、UI設計・CMS構築・運用改善まで一貫して対応。 見た目を整えることよりも、「なぜそうするのか」「どうすれば無理なく回るか」を大切にしています。 アクセス状況や利用実態などの数字も判断材料として扱いながら、制作を“納品で終わらせない”改善パートナーとして伴走しています。