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

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

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

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

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

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

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

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

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

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

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

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

持ち運び専用モバイルPCの製品ランディングページを制作

持ち運び専用モバイルPCの製品ランディングページを制作

株式会社サードウェーブさまの開発するモバイルPC「デジノス アルタイル F-13KR」のレスポンシブランディングページを制作いたしました。

教育業界の中途採用LPを制作

教育業界の中途採用ランディングページを制作

やる気スイッチグループさまの中途採用向けのランディングページをリニューアル制作いたしました。公開後も採用LPとして継続的に活用されており、「数字で見るやる気スイッチグループ」や「社員インタビュー」など、更新性の高いコンテ…

有名人・著名人キャスティングのLPをリニューアル制作

有名人・著名人キャスティングのLPをリニューアル制作/LPOを担当

様々なジャンルの有名人・著名人の派遣を全国向けに行うヒーローキャスティングさまのレスポンシブランディングページをリニューアル制作いたしました。ページ公開後は、既存ページとの広告流入上でのA/Bテストで効果検証を実施し、その…

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
  • お問い合わせフォーム