WORKS DETAILランディングページ&サイト制作実績の詳細

頭皮・毛髪ケア専用のシャンプー/トリートメント/ローションセットのLPを制作

ヒューマンフローラ株式会社さまが開発・販売されている、頭皮・毛髪ケア専用のシャンプー/トリートメント/ローションセットのスマホ向けLPを制作いたしました。

頭皮・毛髪ケア専用のシャンプー/トリートメント/ローションセットのLPを制作

ランディングページのテーマ

頭皮・毛髪のトラブルを解決する、善玉菌の力

頭皮・全身の肌トラブルと向き合い続けているヒューマンフローラ様の「整菌ラボ」。20年の研究によって誕生した、肌悩みと密接に関わる「菌」の役割に着目し、肌環境を良くも悪くもする「菌」の働きを応援する独自発想を集約した「整菌シリーズ」。今回はそのシリーズの中でも「頭皮・毛髪」に着目したシャンプー・トリートメント・ローションのセット商品のランディングページを制作。トラブルに悩むユーザーに対して、数多あるアプローチの中で「菌」に着目すべき必然性と重要性をわかりやすく伝えながら、使用後のお悩み解消イメージが想起できるような情緒的なコミュニケーションを意識した情報設計を実現しました。

ランディングページのデザインコンセプト

  • トラブルに悩む方に寄り添う、優しさと効き目感を両立したデザイン。
  • 情報要素をメリハリのあるレイアウトで整理し、内容が分かりやすく伝わるLPに。
  • 利用シーンを想起する写真を要所に配置し、商品の魅力を直観的に訴求。
  • 品質感と温かみを醸成するために、柔らかく上品な明朝体をセレクト。
  • 要所にイラストを活用し、情緒的な世界観を構築。
  • スマホデバイスでの閲覧を考慮した使いやすいUIデザインを採用。

ランディングページのコーディング

  • 画像に次世代フォーマットを使用し、表示速度や品質スコアを意識
  • よくあるご質問コンテンツをコンパクトに収めるため、アコーディオンを実装
  • スピーディーにコンテンツを変更できるように、画像コンテンツと文字コンテンツの使い分けを意識

ランディングページ&サイト制作実績

フォトウェディング撮影キャンペーンのランディングページを制作

フォトウェディング撮影キャンペーンのPC/スマホランディングページを制作

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

学習型転職支援サービス「DX大学」のランディングページを制作

学習型転職支援サービス「DX大学」のランディングページを制作

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

保育士向け転職支援サービスのランディングページを制作

保育士向け転職支援サービスのランディングページを制作

ReM株式会社さまが運営する保育士向け転職支援サービスのランディングページを制作いたしました。

有名人・著名人キャスティングサービスのサイトを制作

有名人・著名人キャスティングサービスのランディングサイトを制作

タレント・文化人・専門家・スポーツ選手・芸人・歌手の派遣を全国向けに行うヒーローキャスティング様のサイトをデザイン制作いたしました。

FRENCH CONNECTION JAPANのECサイトを制作

FRENCH CONNECTION JAPANのECサイトを制作

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

中学生、高校生のためのITキャンプ「Life is Tech!」のサービスサイトを制作

中学生、高校生のためのITキャンプ「Life is Tech!」のサービスサイトを制作

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

もっと詳しい事例をご覧になりたい方は

  • 03-6427-2311 平日10:00~18:00
  • お問い合わせフォーム