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

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

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

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

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

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

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

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

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

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

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

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

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

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

第二新卒者向けPC/スマホランディングページ

第二新卒者向け就職支援サービスのPC/スマホランディングページを制作

ブラッシュアップ・ジャパン株式会社さまが運営する「いい就職.com」の第二新卒者向けPC/スマホランディングページを制作いたしました。

老舗メーカー「モテナシベーカー」のランディングページを制作

老舗メーカー「モテナシベーカー」のPC/スマホランディングページを制作

創業八十有余年の業務用電熱メーカー石崎電機製作所さまが開発した家庭用マルチサンドベーカー「モテナシベーカー」のPC/スマートフォンランディングページをデザイン制作いたしました。

営業職に特化した人材紹介サービスのランディングページを制作

営業職に特化した人材紹介サービスのランディングページを制作

株式会社hapeさまが展開する、営業職に特化した人材紹介サービスの求職者向けランディングページを制作しました。

関東近郊人材活用サービス「TokyoDive」のサービスサイトをデザイン制作

関東近郊人材活用サービス「TokyoDive」のサイトデザイン制作

地方の若手人材の東京での就業を支援する「TokyoDive」(株式会社アプリ様運営)のサービスサイトをデザイン制作いたしました。

すし職人のノウハウ動画サイトを制作

すし職人のノウハウ動画サイトを制作

都内で10店舗の飲食店を運営しているテンスターズダイニング様。新規事業であるコンサルティング事業のプロモーションとして、西麻布の人気店「すし天」がお送りする「すし天チャンネル」という動画サイトをデザイン制作しました。

ペットの行動や感情を可視化するスマートフォンアプリ「anicall」のサービスサイトをデザイン制作

ペットの行動や感情を可視化するアプリのサービスサイトをデザイン制作

ブランドコンサルティング会社クリオーゾ様ディレクションのもと、株式会社Anicallさまがご提供されているスマートフォンアプリ「anicall」のサービスサイトをデザイン制作。

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

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