top
right
left

MERAY Web Design

client:
Beauty Architect Inc.
works:
Art direction, Web Design
化粧品業界ではじめて「試して選ぶ」をコンセプトにしたブランドMERAY(ミレイ)のウェブのデザイン。

- ブランドサイト
透明性や正直さ、しっかりと納得して購入していただきたいので、かなりのボリュームのサイトになっています。ここまで成分の説明や、開発の変遷なども細かく記載しているブランドは、なかなかないかと思います。
対談コンテンツではユーザーインタヴューや毛穴、ニキビのことなど、気になる肌についてのことなど読み応えのある内容に。 デザインとしてはスクロールにあわせて箱がひらくアニメーションなど、長くなりがちなコンテンツを飽きないように配慮してデザインしました。
また購入時に必ずLINE登録をしてもらい、ユーザーとのコミュニケーションをLINEに絞っているのも特徴です。そのためPCビューはほぼ考慮せず、スマホビューのみで構築。スマホのみなこともあり、画像はすべてWebPで構築しています。このLINEでのコミュニケーションもぜひ体験していただきたいポイントです。

- 肌診断
「試してみたけど、やっぱりどれか悩む」という人のために肌診断も用意しました。イラストはニューヨークのイラストレーターChloe Takahashiさんに依頼。すばらしいイラストで、サイトではニュートラルなモーションをつけました。

Webにあわせ ロゴ / グラフィック / プロダクト もふくめて、トータルでブランドデザインを担当しています。

MERAY Web Design MERAY Web Design MERAY Web Design MERAY Web Design MERAY Web Design MERAY Web Design MERAY Web Design MERAY Web Design