WORKS DETAILランディングページ&サイト制作実績の詳細
頭皮・毛髪ケア専用のシャンプー/トリートメント/ローションセットのLPを制作
ヒューマンフローラ株式会社さまが開発・販売されている、頭皮・毛髪ケア専用のシャンプー/トリートメント/ローションセットのスマホ向けLPを制作いたしました。
![頭皮・毛髪ケア専用のシャンプー/トリートメント/ローションセットのLPを制作](https://conversion-labo.jp/wp-content/uploads/2023/05/hf_works2.jpg)
ランディングページのテーマ
頭皮・毛髪のトラブルを解決する、善玉菌の力
頭皮・全身の肌トラブルと向き合い続けているヒューマンフローラ様の「整菌ラボ」。20年の研究によって誕生した、肌悩みと密接に関わる「菌」の役割に着目し、肌環境を良くも悪くもする「菌」の働きを応援する独自発想を集約した「整菌シリーズ」。今回はそのシリーズの中でも「頭皮・毛髪」に着目したシャンプー・トリートメント・ローションのセット商品のランディングページを制作。トラブルに悩むユーザーに対して、数多あるアプローチの中で「菌」に着目すべき必然性と重要性をわかりやすく伝えながら、使用後のお悩み解消イメージが想起できるような情緒的なコミュニケーションを意識した情報設計を実現しました。
ランディングページのデザインコンセプト
- トラブルに悩む方に寄り添う、優しさと効き目感を両立したデザイン。
- 情報要素をメリハリのあるレイアウトで整理し、内容が分かりやすく伝わるLPに。
- 利用シーンを想起する写真を要所に配置し、商品の魅力を直観的に訴求。
- 品質感と温かみを醸成するために、柔らかく上品な明朝体をセレクト。
- 要所にイラストを活用し、情緒的な世界観を構築。
- スマホデバイスでの閲覧を考慮した使いやすいUIデザインを採用。
ランディングページのコーディング
- 画像に次世代フォーマットを使用し、表示速度や品質スコアを意識
- よくあるご質問コンテンツをコンパクトに収めるため、アコーディオンを実装
- スピーディーにコンテンツを変更できるように、画像コンテンツと文字コンテンツの使い分けを意識
カテゴリー | ランディングページ |
---|
提供サービス |
ランディングページ制作 |
---|
ランディングページ&サイト制作実績
![学習型転職支援サービス「DX大学」のランディングページを制作](https://conversion-labo.jp/wp-content/themes/conversion_lab_v3/images/common/works_loader.gif)
学習型転職支援サービス「DX大学」のランディングページを制作
DX企業のCEOと直接つながりキャリアアップできる学習型転職支援サービス「DX大学」(ブラッシュアップ・ジャパン株式会社さま運営)のレスポンシブランディングページを制作いたしました。
![書籍「ランティングページ・デザインメソッド」の紹介用ランディングページを制作](https://conversion-labo.jp/wp-content/themes/conversion_lab_v3/images/common/works_loader.gif)
書籍「ランティングページ・デザインメソッド」の紹介用ランディングページを制…
ランディングページの専門書「ランディングページ・デザインメソッド(株式会社ポストスケイプ著/MDNコーポーレーション発行)」を紹介するランディングページを制作いたしました。
![FRENCH CONNECTION JAPANのECサイトを制作](https://conversion-labo.jp/wp-content/themes/conversion_lab_v3/images/common/works_loader.gif)
FRENCH CONNECTION JAPANのECサイトを制作
日本に再上陸したイギリス・ロンドン発のストリートファッションブランドFRENCH CONNECTION JAPANのECサイトをデザイン制作・構築しました。