【URL】 https://tou-skincare.studio.site/ 【担当範囲】 デザイン、制作 【概要】 架空のスキンケアセットのLPをデザインし、STUDIOで実装しました。 【使用ツール】 Figma、Photoshop、STUDIO 【Figma file】 https://www.figma.com/file/OLNWFxG7Pw9vEyKuORlHBZ/TO_U?type=design&node-id=0-1&mode=design 【Figma preview】 ・PC https://www.figma.com/proto/OLNWFxG7Pw9vEyKuORlHBZ/TO_U?type=design&node-id=2-2&scaling=min-zoom&page-id=0%3A1 ・SP https://www.figma.com/proto/AopH5tKcT2FhHk3uHxOnCv/TO-U_sp?page-id=0%3A1&type=design&node-id=1-11&viewport=438%2C417%2C0.1&scaling=min-zoom 【目的】 パーソナライズ診断＋スキンケア化粧品の販売 ＃ターゲットなど 【ペルソナ】 ・30歳、女性、事務職。東京都内で一人暮らし。 ・いろいろな商品を試してみたがしっくりくる化粧品がまだ見つかっていない ・オーダーメイドやカスタマイズが好き ・他の人と同じものは好まない 自分に合うスキンケア商品がわからないため、長年化粧品を探し続けていたところ、たまたまネットの広告で、スキンケアセットのブランド、TO Uを見つけた。パーソナル診断をして、自分に合う化粧品を教えてくれたり、お試しセットを購入できるのが良いなと思い、興味を持つ。 【5W1H】 What：スキンケアセットを購入して欲しい。 Who：30代女性でスキンケアにこだわっている人。 Why：自分に合うスキンケア商品がわからないため。 When：毎日。 Where：自宅、通勤中の電車の中など。 How：Google検索。 【イメージ】 高級、上品、シンプル。 【制作ポイント】 ・パーソナル診断を申し込んだ後、どのような流れで商品が自宅まで届くか、ユーザーにわかりやすく明確化。 ・メインビジュアルにCTAボタンを配置し、ユーザーにパーソナル診断をしてもらうよう促す。 【配色】 黒、白、紫で統一。高級感が出るように暗めの色合いにして落ち着いた印象をイメージしています。