下和田間ポートフォリオサイト

DATE: 2021.5 - 2021.6

ROLE: design, coding

TOOL: XD, Photoshop, Illustrator, Visual Studio Code

View Site

株式会社サウンドトップが提供する、オンライン配信サービスのランディングページを制作しました。

※架空の会社。現在の社会情勢に合わせて要件定義から制作まで行いました。

PLANNING要件定義

GOAL目的
1. サービスの新規受注を増やし、コロナ下でも売り上げを確保すること。
2. 既存顧客の認知度を上げ、サービス利用者を増やすこと。
TARGETターゲット
- コロナ下でオンラインライブ・イベントを開催したいイベント関連会社。オンライン配信のノウハウが無く、どのように準備すれば良いかわからず迷走している。集客や収録場所の準備など、配信に関わる業務を一括してサポートしてくれる会社を探している。
DETAILS制作の経緯（想定）
- コロナの影響で、音響会社として主な収入源のライブやイベントが中止、収益を得るため新規事業としてオンライン配信サービスを開始。しかし、すでに取引があったクライアント以外にアプローチできず、売り上げが伸び悩んでいる。
- 新規顧客のほとんどは既存顧客からの紹介だが、全体に占める割合はごくわずか。
- 音響会社のイメージが強く、既存顧客にも本サービスが認知されていないケースがある。
FEATUREクライアントの特徴
- 音響会社として40年の実績があり、技術力にも定評はあるが、新しく始めたオンライン配信サービスはあまり認知されていない。
- 集客から当日の配信まで配信に必要な工程をサポートするため、ノウハウがないお客様でも配信を行うことができる。
- お客様の予算と要望に応じて、柔軟に対応を行っている。

DESIGNデザイン

DETAILデザインの詳細
- 時代の変化に合わせて開始した新しいサービスのため、グラデーションを取り入れ先端的なイメージにデザイン。
- ターゲットがオンライン配信のノウハウがない企業のため、少しでも親しみやすく敷居を高く感じないように、角に丸みを持たせ柔らかい印象に。
- 黒と青をメインで配色したコーポレートサイトと統一感がでるように、グラデーションにはコーポレートサイトで使用している青と同じ色を使用。
STRUCTURE構成
- ターゲットが関心を持つよう、ファーストビューでサービスの内容を簡潔にまとめてアピール。離脱を減らすために、上部のコンテンツ「選ばれる4つオン理由」ででお客様のお悩みに対する解決策と強みをアピール。
- 感染対策に信憑性を持たせるため、公のガイドラインに準拠していることを記載。
- お問い合わせ後に、会社からどんなアクションがあるのか明示（1営業日以内に担当から連絡）

IN REAL PROJECTこのサイトが実案件だった場合

- コンテンツにプラン内容と金額、各プランのサービス内容の比較一覧表を追加。（架空案件でサービス金額の適正価格が不明なため、現時点では省略している）
- 実績の配信映像の一部を掲載し、よりリアルに実績を見れるようにする。
- 資料請求ページを追加し、資料請求をしたい人が手軽にダウンロードできるようにする。現在は資料請求ボタンからお問い合わせフォームに飛ぶようになっており、資料請求のみしたい人にとっては入力内容が多い。資料請求のための入力情報は最低限にしてユーザーの手間を減らし、サイト離脱を防ぐ。