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

オンラインPCR検査キットのランディングページを制作

大森駅前内科小児科クリニックさまのオンラインPCR検査キットのレスポンシブランディングページを制作いたしました。

オンラインPCR検査キットのランディングページを制作

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

PCR検査の実績豊富な医療機関が行うオンラインPCR検査

新型コロナウイルスが拡大する中で、実際に東京都の感染症患者の診療実績が数万件以上ある医療機関として、オンラインPCR検査キットを自宅に届けるプロジェクトを開始。ページ上では、東京都から直接委託を受けた保険医療機関が実施する検査であることや変異株にも対応していることが分かりやすく伝わるようUIを設計しました。また、万が一陽性になった場合でも同院の医師とオンライン診療可(保険)ができることも案内。刻々と情勢が変化する中で、ページの内容を柔軟に変更できるようにCVX上に構築。ユーザーのページ内行動を分析しながら、迷わせないページづくりを意識し、スムーズな検査申し込みができる流れをつくりました。

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

  • 改修を前提にデバイスフォントを主体としたデザイン設計
  • メインコピーが視認しやすいファーストビューデザイン
  • ネイビーをベースカラーにし、強調箇所やCVボタンをオレンジに設定
  • 検査回数に合わせたコンバージョンエリアを制作
  • レスポンシブでも単調にならない動きのあるレイアウト設計
  • 自宅での検査フローをシンプルな表でわかりやすく訴求

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

  • PC/スマホそれぞれに最適化したレスポンシブコーディング
  • SEOを考慮し、プレーンテキストを中心としたマークアップ
  • CVXでのコンテンツの複製や編集のしやすさを意識したマークアップ
  • ボタンリンクのクリックを誘導するためにホバー時アニメーションを実装
  • アンカーリンクを実装し、CV導線を確保
  • 特定の商品ではボタンクリックのみでカートに入った状態にするなど、CVボタンの商品に応じたUX設計

クライアント様からの評価

御社には素晴らしいサポートをしていただいていることを認識しております。

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

英語コーチングサービスのランディングページを制作

英語コーチングサービスのランディングページを制作

appArrayさまが手がける英語コーチングサービス「Sparta Buddy(スパルタバディ)」のランディングページを制作しました。

「いい就職.com」様公式サイトのスマートフォンランディングページを制作

第二新卒・既卒の就職支援サイトのスマートフォンランディングページを制作

ブラッシュアップ・ジャパン株式会社さまが運営する公式サイト「いい就職.com」のスマーフォン向けトップページのUIデザインを担当。

外装、内装塗装、防水工事専門の施工会社様のコーポレートページを制作

外装、内装塗装、防水工事専門の施工会社様のコーポレートページを制作

塗装、防水工事を手がける株式会社プロテクトホームさまのコーポレートサイトを、シングルページ形式でデザイン制作いたしました。

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

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

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

サンマーク出版さま新卒採用サイトを制作

サンマーク出版さま新卒採用サイトを制作

数多くのベストセラー作品を出版されているサンマーク出版さまの新卒採用サイトをデザイン制作しました。

女性のための中古マンション情報サイトを制作

女性のための中古マンション情報サイトを制作

株式会社エンラージ様が立ち上げた新規サービス”CUTIE HOUSE”のサイトをデザイン制作いたしました。

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

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