【HerTech架空案件】リップクリーム商品紹介

制作の流れ

まずファーストビューを見たときに「気になる」「買ってみたい」と思ってもらえるように商品の紹介や魅力などが伝わるようにワイヤーフレームの制作を行いました。その後、配色を決定し、素材や情報を整理しながらレイアウトをしていきました。

カラー

ベースカラーはホワイトを使用し、清潔感のある明るい印象が持てるようにしました。メインカラーではブラウンを使用し、落ち着いた雰囲気にし、アクセントカラーにくすみピンクを使用することで女性らしい華やかさと上品さを表現しました。

タイポグラフィ

上品で落ち着いた印象を与えるShippoiMinchoを中心に使用し、見出しと本文でメリハリをつけました。CONSEPT・POINT・ITEMには　Italianaを使用し、上品さと統一感が出るように設定しました。文字のサイズや余白のバランスにも配慮しています。

情報設計

ファーストビューでは商品とキャチコピーで世界観を伝え、その後コンセプト・ポイント・アイテムについて説明し、最後に購入への導線という順番で構成しました。それぞれ文章の見せ方を変えて読みやすく、内容を理解しやすいように設計しました。

工夫したポイント

全体的に柔らかい印象になるような背景や素材を選びました。

POINT部分では円形の素材を使用することで目に留まりやすく、また３つのポイントを書くことで少しでも商品を気になってもらえるように工夫しました。