top of page

Web Design

[Web Design]

使用スキル

Figma, Illustrator, Photoshop

2023.6 ~ 2023.7

Personal Work

制作背景

昨年4月、新しい香水を買おうと思い、いくつかの香水ECサイトをチェックしていた。そのときに気になったのが、多くのサイトでは文字情報が多く、香水が演出する華やかでワクワクが伝わって来ないという点だ。

利用者が香りを想像しやすい設計の香水ECサイトを通じて、フレグランスを求める人が楽しみながら買い物をして欲しいという想いを実現するため、独自のWebデザインに取り掛かった。

ターゲット

普段から香水を利用し、香水に使用される素材にこだわりを持っている30 代前半の男女


ターゲットの設定背景：

知人の30代前半女性から、香水を購入するとき、実店舗まで足を運ばないと香りの情報を知ることができないという悩みを聞いた。働き盛りの年代にとって貴重なプライベートの時間を有効活用するためにも、サイトから楽しく香水の情報を受け取って欲しいという想いから、ターゲットを設定した。

ビジュアルデザイン

架空の香水ブランドとして「HUELE BIEN」(スペイン語で良い香り)を立ち上げた。全体的には、商品が最大限引き立つようなモダンでシンプルなデザインに仕上げた。商品や香りのピラミッドにホバーすると作動するアニメーションなど変化も加えた。

また香りを想像しやすいように素材写真とその説明を含むセクションを設けることや、調香師本人からのメッセージを挿入する工夫を施した。

成果物

・ラップトップ版デザイン（Figmaで作成）

・モバイル版デザイン（Figmaで作成）

・カスタマージャーニーマップ

Solutions

Solutions

香水ECサイト

Web Design

[Web Design]

2023.6 ~ 2023.7

使用スキル

Figma, Illustrator, Photoshop

制作背景

昨年4月、新しい香水を買おうと思い、いくつかの香水ECサイトをチェックしていた。そのときに気になったのが、多くのサイトでは文字情報が多く、香水が演出する華やかでワクワクが伝わって来ないという点だ。

利用者が香りを想像しやすい設計の香水ECサイトを通じて、フレグランスを求める人が楽しみながら買い物をして欲しいという想いを実現するため、独自のWebデザインに取り掛かった。

ターゲット

普段から香水を利用し、香水に使用される素材にこだわりを持っている30 代前半の男女


ターゲットの設定背景：

知人の30代前半女性から、香水を購入するとき、実店舗まで足を運ばないと香りの情報を知ることができないという悩みを聞いた。働き盛りの年代にとって貴重なプライベートの時間を有効活用するためにも、サイトから楽しく香水の情報を受け取って欲しいという想いから、ターゲットを設定した。

ビジュアルデザイン

架空の香水ブランドとして「HUELE BIEN」(スペイン語で良い香り)を立ち上げた。全体的には、商品が最大限引き立つようなモダンでシンプルなデザインに仕上げた。商品や香りのピラミッドにホバーすると作動するアニメーションなど変化も加えた。

また香りを想像しやすいように素材写真とその説明を含むセクションを設けることや、調香師本人からのメッセージを挿入する工夫を施した。

成果物

・ラップトップ版デザイン（Figmaで作成）

・モバイル版デザイン（Figmaで作成）

・カスタマージャーニーマップ

bottom of page