WORKS

WEBデザイン香水ECサイト

自主制作

ターゲット: 20〜30代の女性を中心に、香水やライフスタイル雑貨に関心がある層。上品で洗練されたデザインや世界観を重視して商品を選ぶ層。
目的: 香水ブランド「Repi」の世界観をオンライン上で体感できるようにし、ブランドの魅力を伝えながら購入へとつなげるECサイトを構築すること。
使用ツール: Figma
制作時間: デザイン4時間

デザインプロセス

上品さと洗練を軸に、余白を活かしたレイアウトで“香りの透明感”を表現しました。トップにはブランドを象徴するビジュアルを配置し、第一印象で世界観と信頼感を訴求。商品一覧では視認性と購買導線を意識し、商品理解から購入までの流れをスムーズに設計しています。

また、季節限定の香りや新商品の情報を更新しやすい構成とすることで、リピート訪問を促進。 Instagram投稿や限定アイテムの紹介をサイト内で展開し、SNS経由の集客から購買への導線を強化しました。

色味はベージュとホワイトを基調に深緑をアクセントに採用し、上品で統一感のあるブランドトーンを形成。タイポグラフィはセリフ体とサンセリフ体を組み合わせ、高級感と可読性、そして購買意欲を高める視覚的リズムを意識しました。

全体を通して、ブランド体験と購買体験を両立させ、 “見る人がRepiの世界観に共感し、自然と行動に移るデザイン”を目指しました。

制作内容

自主制作として、上品で綺麗めなデザインに挑戦したプロジェクト。香水ボトルやロゴなど、ブランドの世界観をトータルで設計しました。

デザインでは、余白とマットな質感を意識し、シンプルながらも高級感を感じられるよう構成。また、figmaでオートレイアウトやコンポーネントを使用し、コーディングを想定してデザインカンプを制作。
要素の整列や余白設計を丁寧に行うことを意識しました。

ビジュアル面では、ロゴやボトルデザインを自作し、商品画像はAI生成を活用してリアルな質感を表現。デザインとテクノロジーの両面からブランドを構築することで、実務に近い制作プロセスを意識しました。