実際に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ボタンは形や色を揃え、他の要素を区別かし目立たせる
- なるべく文章は避けて箇条書きにし、ユーザにストレスを与えない
- 長い文章には強調したい箇所を目立たせる