WORKS DETAILランディングページ&サイト制作実績の詳細
頭皮・毛髪ケア専用のシャンプー/トリートメント/ローションセットのLPを制作
ヒューマンフローラ株式会社さまが開発・販売されている、頭皮・毛髪ケア専用のシャンプー/トリートメント/ローションセットのスマホ向けLPを制作いたしました。

ランディングページのテーマ
頭皮・毛髪のトラブルを解決する、善玉菌の力
頭皮・全身の肌トラブルと向き合い続けているヒューマンフローラ様の「整菌ラボ」。20年の研究によって誕生した、肌悩みと密接に関わる「菌」の役割に着目し、肌環境を良くも悪くもする「菌」の働きを応援する独自発想を集約した「整菌シリーズ」。今回はそのシリーズの中でも「頭皮・毛髪」に着目したシャンプー・トリートメント・ローションのセット商品のランディングページを制作。トラブルに悩むユーザーに対して、数多あるアプローチの中で「菌」に着目すべき必然性と重要性をわかりやすく伝えながら、使用後のお悩み解消イメージが想起できるような情緒的なコミュニケーションを意識した情報設計を実現しました。
ランディングページのデザインコンセプト
- トラブルに悩む方に寄り添う、優しさと効き目感を両立したデザイン。
- 情報要素をメリハリのあるレイアウトで整理し、内容が分かりやすく伝わるLPに。
- 利用シーンを想起する写真を要所に配置し、商品の魅力を直観的に訴求。
- 品質感と温かみを醸成するために、柔らかく上品な明朝体をセレクト。
- 要所にイラストを活用し、情緒的な世界観を構築。
- スマホデバイスでの閲覧を考慮した使いやすいUIデザインを採用。
ランディングページのコーディング
- 画像に次世代フォーマットを使用し、表示速度や品質スコアを意識
- よくあるご質問コンテンツをコンパクトに収めるため、アコーディオンを実装
- スピーディーにコンテンツを変更できるように、画像コンテンツと文字コンテンツの使い分けを意識
カテゴリー | ランディングページ |
---|
提供サービス |
ランディングページ制作 |
---|
ランディングページ&サイト制作実績

フォトウェディング撮影キャンペーンのPC/スマホランディングページを制作
自社運営しているロケーションフォトウェディング専門サイト「ロケ婚」の無料撮影体験会のPC/スマートフォンランディングページをデザイン制作いたしました。

学習型転職支援サービス「DX大学」のランディングページを制作
DX企業のCEOと直接つながりキャリアアップできる学習型転職支援サービス「DX大学」(ブラッシュアップ・ジャパン株式会社さま運営)のレスポンシブランディングページを制作いたしました。

FRENCH CONNECTION JAPANのECサイトを制作
日本に再上陸したイギリス・ロンドン発のストリートファッションブランドFRENCH CONNECTION JAPANのECサイトをデザイン制作・構築しました。

中学生、高校生のためのITキャンプ「Life is Tech!」のサービスサイトを制作
ライフイズテック株式会社さまが手掛けるシリコンバレーの教育法で学ぶ、中高生のためのIT教育プログラム“”Life is Tech!”のサイトを、サマーキャンプのLPに続き、デザイン制作いたしました。