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

小林製薬さまの快眠サポートサプリの販促LPを制作

小林製薬株式会社さまが開発された、良質な睡眠をサポートする健康サプリメントの販促用レスポンシブランディングページを制作いたしました。

小林製薬さまの快眠サポートサプリの販促LPを制作

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

夜中に何度も目が醒める「中途覚醒」に悩む中高年のための快眠サポートサプリ

年齢とともに浅く・短くなる睡眠の質を向上させる機能性関与成分「クロセチン」を配合した快眠サポートサプリ
「ナイトミン 眠る力」。小林製薬さまの研究力によって開発されたサプリの有用性を説明するロジックを構築。
事前調査段階から、不眠の悩みの顕在度や理解度によってユーザーを2つのカテゴリーに分類し、カテゴリーごとに最適な訴求ロジックを展開するLPをそれぞれ用意。また、集客用のバナーも媒体に応じて複数用意し、ユーザーニーズやターゲット属性に応じた幅広いデザイン訴求パターンを作成。WEBマーケティングの効果最大化に向け、点ではなく、面での獲得を実現する環境を構築しました。

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

  • 機能性関与成分摂取前後の対比を分かりやすく表現することで購入意欲を喚起
  • 昼と夜のシーンを対比的なカラーリングで表現
  • メインビジュアルは、複数ある訴求要素をバランスよく配置
  • 情報の直感的な伝わりやすさを重視し、写真や図解・表を効果的に活用
  • レスポンシブでありながらも、LPとしてメリハリがあるデザインを実施
  • 「情報の視認性/伝達力」を重視したフォント選定
  • コンバージョンボタンのカラーは目立つようにオレンジを選定

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

  • PC/スマートフォンそれぞれに最適化したレスポンシブコーディング
  • スピーディーに修正に対応するために画像コンテンツと文字コンテンツを使い分け
  • よくあるご質問コンテンツをコンパクトに収めるため、アコーディオンを実装
  • 表示を速くするためにファーストビューの画像を先に読み込み
  • Googleフォントを読み込んでそれぞれのデバイスの表示を担保

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

小学生向け3Dプログラミング教室のランディングページを制作

小学生向け3Dプログラミング教室のランディングページを制作

小学生向けの3Dプログラミング教室「みらいのおねんど教室」(株式会社SonoSakiさま運営)のレスポンシブランディングページを制作いたしました。

ロケーションフォトウェディングの体験レポートランディングページを制作

ロケーションフォトウェディングの体験レポートランディングページを制作

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

オフィス移転案内のランディングページを制作

オフィス移転案内のランディングページを制作

ブラッシュアップ・ジャパン株式会社さまのオフィス移転案内のレスポンシブランディングページを制作いたしました。

アイドル「CoverGirls」の公式サイトを制作

アイドルグループ「CoverGirls」の公式サイトを制作

2011年10月に活動を開始したCoverGirlsのWEBサイトをデザイン制作いたしました。

すし職人育成教室のサービスサイトを制作

すし職人育成教室のサービスサイトを制作

西麻布の人気寿司屋「すし天」が新たにスタートされた、現役の寿司職人が直接指導する育成教室「すし大学」のサービスサイトをデザイン制作しました。

株式会社ロビンさまコーポレートサイトを制作

リフォーム会社さまのコーポレートサイトを制作

名古屋・岐阜で設計・新築・リフォーム事業を展開されている株式会社Robinさまのコーポレートサイトをデザイン制作いたしました。

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

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