Meray Website

化粧品業界ではじめて「試して選ぶ」という体験をコンセプトに掲げたブランド、MERAY（ミレイ）のブランディングおよびアートディレクションを担当しました。ロゴ、グラフィック、パッケージ、WEB、SNSまで、ブランドに関わるすべての視覚設計をトータルでデザインしています。単に商品を並べるのではなく、「選ぶ」という行為そのものが前向きな体験になるよう、全体のトーンを整えました。

ブランドサイトは透明性や正直さを大切にし、納得したうえで購入していただくために、情報量のあるブランドサイトとして設計しています。成分の説明や開発の変遷まで丁寧に言語化し、細かく背景を開示しています。対談コンテンツでは、ユーザーインタビューや毛穴・ニキビなど、多くの人が気にする肌の悩みについて、読み応えのある内容を用意しています。

デザイン面では、スクロールにあわせて箱がひらくアニメーションを取り入れるなど、長くなりがちなコンテンツでも、飽きずに読み進められるように設計しています。

また、購入時にはLINE登録を必須とし、ユーザーとのコミュニケーションをLINEに集約しているのも特徴のひとつです。そのためPC表示は最小限にとどめ、スマートフォンでの体験を前提に構築しています。

さらに、「試してみたものの、どれを選べばいいか迷う」というユーザーのために、肌診断コンテンツも用意。イラストはニューヨーク在住のイラストレーターChloe Takahashiさんに依頼し、ニュートラルで親しみやすいビジュアルに仕上げています。サイト上ではさりげないモーションを加えることで、診断の体験そのものが心地よく進んでいくよう設計しています。

Client:: Beauty Architect Inc.

Category:: Art direction, Graphic Design, Web Design, Shooting Photography

Url:: https://meray.tokyo/

Credits:: Chloe Takahashi (Illustration)