株式会社イマジカデジタルスケープ デザイン&デベロップメントスタジオ サイトイメージ

実際にLPのリニューアルサイトとして使っていただくことを前提に、3人体制で提案書の作成からプレゼンテーションを行い、その後各個人でデザイン作成、コーディングを行いました。
リニューアルの目的としては、PV数に対してのCV数が低いためとなります。
現行LPの問題抽出や解決方法をチームで洗い出し、現行LPよりもさらに見やすくサービス内容が理解できるようにリニューアルいたしました。
また、今回作成した本サイトをABテストに利用いただいております。

URL

https://dds-lp.suzukitakaya.work/

  • ユーザ名:admin
  • パスワード:Q8iFucf-

担当

  • 企画書作成
  • ワイヤーフレーム作成
  • プレゼンテーション
  • デザインカンプ作成
  • コーディング

使用したツール

  • Adobe XD
  • Adobe Photoshop
  • HTML5
  • CSS3
  • JavaScript/jQuery

サイトの目的

  • 主目的:弊社のサービスに共感していただきお問い合わせをいただきます。
  • 目標:問い合わせのコンバージョン数増加を目指します。

ターゲット

  • WEBサイト構築・運用を考えている企業
  • ベンチャー企業やこれから伸びてくるであろう企業
  • 地方のWEB制作会社
  • 既存のお客さま

ペルソナ

  • 業種:都内の web 制作会社
  • 企業の規模:中規模
  • 商品やサービス:web サイト制作/運用保守
  • 従業員数:100 人
  • 売上高:9,000 万円
  • 担当者の所属:web サイト制作
  • 雰囲気:社員一人一人のやる気が溢れている
  • 企業の悩み:案件増加に合わせ人員を増やしていきたい

デザイン/コーディングについて

今回のデザインコンセプトを「誰が見てもサービス内容が理解でき、サービスのメリットや強みを伝える。」としており、余計なデザインや不要な装飾はしないように心がけつつ、情報を整理し分かりやすく伝えられるように下記を考慮しました。

  • ユーザーにストレスを感じさせない
  • CTAボタンは形や色を揃え、他の要素を区別かし目立たせる
  • なるべく文章は避けて箇条書きにし、ユーザにストレスを与えない
  • 長い文章には強調したい箇所を目立たせる