Works
「透明美肌」の鍵、一つの瓶に。
ソワン ミネラル美容クリーム
Website
concept
架空の美容クリームのランディングページを制作しました。乾燥が気になる秋・冬を前に購入促進のためのキャンペーンを実施するという設定で、ターゲットは25歳後半~30歳代の肌ケアに興味のある女性です。構成は、「キャッチコピー」～「キャンペーン情報」～「問題提起」～「商品説明」～「使用方法」～「お客様の声」～「FAQ」とし、ターゲット層の女性に伝わりやすい構成になるよう工夫しました。
design
白色の背景を基調にしつつ、コーポレートカラーのレッドをメインカラーに使用し「安心感」や「清潔感」を表現しました。フォントにはserif体を使用し、「高級感」や「信頼感」も追加で演出しました。
- ＃AB2239
- ＃E1BEAA
- ＃F1EACE
- ＃FFFFFF
contents
メインビジュアルには、「透明美肌」「オールインワン美容クリーム」というメインのコンセプトに合ったキャッチフレーズを配置し、アピールしたいポイント「美白効果」「アルコール無添加」「アンチエイジング」のキーワードを目立たせました。
20%オフのキャンペーン紹介のセクションでは、ナチュラルな雰囲気を演出するため、背景に植物の画像を使用しました。購買意欲を刺激するため、「10月限定」や「20%オフ」などの言葉と、割引価格が目立つよう工夫しました。
「こんなお悩みありませんか？」とターゲット層の女性が感じやすい肌のお悩みを載せ、問題提起しています。
商品の説明が、より詳しく伝わるように、また、お悩みを解決できる要素が揃っていることが伝わりやすくなるよう、ポイントをリスト形式で表現しました。
使用方法は写真と共に解説し、購入後のイメージが持ちやすくなるようにしました。
初めて商品を購入するときは口コミが決め手となることが多いので、「お客様の声」のセクションを作成しました。
FAQのセクションでは、JavaScriptでアコーディオンメニューを実装しました。
data
- 制作範囲 サイト設計・デザイン・コーディング
- 制作期間 2023年7月〜 約1ヶ月
-
使用ツール
Figma, Adobe Photoshop, Adobe Illustlator(デザイン),
Visual Studio Code(コーディング） - 使用言語 HTML, CSS, JavaScript
- url https://tomatonft.github.io/soin-company/
