khin|新規LPサイト制作

Website

https://ss954450.stars.ne.jp/khin/
khinのサイト
概要

架空化粧品「khin」の新規LPサイト制作(架空)

ターゲット

手の乾燥や手荒れをケアしながら、香りや美容効果も楽しみたい10代後半〜20代の女性

現状課題

新商品を出しても成果が出ない。
ユーザーが「自分に合っているか」を判断できる情報が不足している。

改善策

お客様の声をもとに情報設計を見直し、ターゲットが共感できるコンテンツを提供する。使用後の変化を明確に伝えるコンテンツや信頼性を確立する情報を加えることで不安を解消。購入特典による限定性と組み合わせることで、購買意欲およびコンバージョンの向上を図る。

コンテンツ設計

同業他社のハンドクリーム商品の口コミをもとにキーワードを選定しました。「自分に合うか分からない」「効果への不安」といった心理の共感より、可愛らしさやトレンド感などターゲットの興味を優先にコンテンツ設計を考えました。構成面では「商品理解 → 納得 → 信頼 → 購入」のプロセスをスムーズに進められるよう設計しました。また、ターゲット層がネットで化粧品を購入する人の多くがスマートフォンを利用することを想定し、スマホ特化型デザインしたウェブサイトを作成しました。

意匠設計

スマートフォンでの閲覧を前提に余白や情報の文字量を最適化し、ストレスなく読み進められるUIを意識しています。配色はピーチやオレンジを基調とし、左記2色でのグラデーションカラーを背景色として使用しております。また、枠線のあしらいを取り入れ、強調やコンテンツ領域の境界に活用しております。フォントにおいては、強調箇所には明朝体、その他の個所にはゴシック体を用いており、ジャンプ率によるメリハリのついた強調を行っております。

制作期間

企画:7日

デザイン:7日

コーディング:7日

使用ツール・言語

Photoshop / Figma / HTML / CSS / jQuery

LPサイトのモックアップ