ウェブデザイン
自社製品ページ
プロジェクト概要
- プロジェクト内容
-
トップセールスを誇るSaaS製品の紹介ページリニューアル
- 業務内容
-
製品ページデザイン
- 担当フェーズ
-
ワイヤーフレーム作成 / デザイン / コーディング
- 期間
-
2023年2月~2023年4月
- 使用ツール
-
Adobe Photoshop / Adobe Illustrator / Adobe XD / Adobe Dreamweaver / HTML / CSS / Javascript
デザインのコンセプト
- トップページで製品のセールスポイントを分かりやすく表現する
- 用途が多岐にわたるため、多くのユースケースを提示
- 豊富な数の導入事例をできるだけページ内で見せる
工夫した点・実績
- 最初に製品情報と仕組みを端的に表す説明、イラスト
-
製品名で多く検索されていることから、「名前は知っているけど何ができるか分からない」という訪問者に向け、まず知りたい情報(=「どんな製品なのか?」)を最初に提示。
これまでは、ぼんやりとしたイメージしか提示されていなかった部分を改善した。
- セールスポイントを4つに絞って説明
-
ビジネスで役立つ特徴的な機能を「4つのサイクル」と分かりやすく絞って提示。こちらも、「何ができるのか」を明確にしておらず説明も不足していたため、セールスポイントの説明が重要と判断した。
- 用途別に絞り込める導入事例紹介
-
幅広い業務で使われる製品のため、来訪者が自分のニーズに近いものを探せるよう用途を絞り込める導入事例紹介(導入事例ページ)。
- 過去のランディングページへのリンク
-
過去に使用していたランディングページを掘り起こし「業界別活用例」として有効利用(業界別活用例ページ)。