ビジネス向けチャットサービスLP（架空）
- Web Design
- Illust
明確なターゲットを定めて、架空のクライアント・サービス（アプリUIデザイン）から
ランディングページまで作成
サイト名 Chant（架空サイト）
チャットアプリのUIデザイン / サイトデザイン
Adobe XD / Photoshop
制作期間 情報収集2日/UIデザイン2日/サイトデザイン2日
▼ 案件概要
BtoB向けのチャットサービスを新規でリリースすることになった。ターゲットに対して訴求力の高いランディングページを作成してほしい。
▼ クライアントの意向
競合他社が多いので、「簡単にはじめることにできる」ことをアピールして差別化をしてほしい。
メインカラーはアプリデザインカラーを基調として、統一感のあるデザインにしてほしい。
▼ ターゲット
既にグループウェアは導入済みだが、社内用に簡単に始められるチャットサービスを検討している企業の担当者。
チャットを使ってみてほかの機能も使えそうであれば、グループウェアの機能の移行も考えているため、拡張性のあるチャットアプリであることが望ましい。
ビジネス向けのチャットサービスはたくさんあるので必要な情報や提案資料はすぐ手に入ると嬉しい。
▼ コンバージョン
「商品説明パンフレットダウンロード」 もしくは 「フル機能無料版（１か月）の登録」
▼ ポイント
上記に定めたターゲットを想定して、ブランド・クライアントイメージ、チャットアプリのUIデザイン（画面イメージ）をすべて設定・作成してからサイトを作成。競合サイトの多くが下層ページで詳細に行く構成のため、コンバージョン以外は下層ページにいかなくても「基本的な必要な情報を得る」ことができるように構築
アプリUIの作成
まずはチャット機能に特化したアプリUIを作成しました。スマフォはアプリ・PCはブラウザ版の利用を想定して作成しています。既に導入されているであろうグループウェア機能に「チャット機能だけがない（使い勝手が悪い）」という顧客を想定して作成しているため、チャット機能は無料で人数制限なく使用することができます。無料版で利用者を増やし、企業が必要なグループウェアの機能(カレンダー共有・タスク機能共有)に応じてオプションを追加していくことで収益を得る仕組みです。
ファーストビューとアプリ特性
あくまで「ビジネス向けのチャットサービス」であることをアピールしています。トップにスマホとPCのビジュアルを置き、雲のイメージを載せたことから「どこでも使える」というイメージも持たせています。リンクが貼られた場所から飛んできた人向けに、最初のコンバージョンボタンを設置。実際の画面イメージをもとに使用しやすい印象であること、チャットだけではないチャントのアプリ特性も記載。
導入の判断材料
担当者がみたときに、簡単に始めらるかどうかを判断ができるように導入方法を設置しました。まずは無料版を使ってもらうことをコンバージョンとしているのページ中盤でもアピールをしつつ、コンバージョンボタンの色を統一してコントラストを持たせています。拡張する場合の金額もすぐに確認できるように一覧にして表示。安心して利用してもらえるように、実際の使用感を伝えるパートも設置しました。自社と同じ業界の事例が見れるという想定ができるように、[業種]と[利用サービス]をタグ付けして絞り込みが出来ることを想定して作成しています。
