ウェブデザイン
自社製品ページ

プロジェクト概要

プロジェクト内容
トップセールスを誇るSaaS製品の紹介ページリニューアル
業務内容
製品ページデザイン
担当フェーズ
ワイヤーフレーム作成 / デザイン / コーディング
期間
2023年2月~2023年4月
使用ツール
Adobe Photoshop / Adobe Illustrator / Adobe XD / Adobe Dreamweaver / HTML / CSS / Javascript

デザインのコンセプト

  • トップページで製品のセールスポイントを分かりやすく表現する
  • 用途が多岐にわたるため、多くのユースケースを提示
  • 豊富な数の導入事例をできるだけページ内で見せる

工夫した点・実績

最初に製品情報と仕組みを端的に表す説明、イラスト
製品名で多く検索されていることから、「名前は知っているけど何ができるか分からない」という訪問者に向け、まず知りたい情報(=「どんな製品なのか?」)を最初に提示。
これまでは、ぼんやりとしたイメージしか提示されていなかった部分を改善した。 最初に特長と仕組みを端的に表す説明、イラスト
セールスポイントを4つに絞って説明
ビジネスで役立つ特徴的な機能を「4つのサイクル」と分かりやすく絞って提示。こちらも、「何ができるのか」を明確にしておらず説明も不足していたため、セールスポイントの説明が重要と判断した。 セールスポイントを4つに絞って説明
用途別に絞り込める導入事例紹介
幅広い業務で使われる製品のため、来訪者が自分のニーズに近いものを探せるよう用途を絞り込める導入事例紹介(導入事例ページ)。 用途別に絞り込める導入事例紹介
過去のランディングページへのリンク
過去に使用していたランディングページを掘り起こし「業界別活用例」として有効利用(業界別活用例ページ)。