課題
Sollectiveの成長とともに、提供する価値の幅も広がっていきました。
- フリーランスのマッチングサービス
- ワークフローツール
- 活発なユーザーコミュニティ
一方で、既存のウェブサイトにはいくつかの重要な課題がありました。
- メッセージの不明瞭さ： 広がった提供価値が伝わりにくく、初めて訪れた人がサービスの全体像をつかみづらい状態でした。
- エンゲージメントの低さ： ランディングページにユーザーを引き込むストーリーの流れがなく、直帰率が高くなっていました。
- 古びたビジュアル： デザインが、成長を続ける企業のダイナミックなアイデンティティを反映しなくなっていました。
- ターゲットの曖昧さ： メッセージが混在していたためフリーランスと法人ユーザーの双方を混乱させ、どちらに対しても訴求力が弱まっていました。
全体を通じた課題は、サイトのデザインとメッセージを、Sollectiveのブランドミッションである「フリーランスの価値を証明する」に沿わせることでした。つまり、プラットフォームをキャリアの成長、協働、そして効率化の拠点として打ち出す必要があったのです。
アプローチ
ストーリーの構造化
まずはストーリーテリングを起点に考えました。ランディングページに求められたのは、次の点です。
- 初めて訪れる人にとって、親しみやすく歓迎されていると感じられること。
- フリーランスにとっての価値を明確に伝え、重要な問いに冒頭で答えること。
- Sollectiveとは何か？
- なぜ登録すべきなのか？
- 自分にとってどんなメリットがあるのか？
コミュニケーションを整理するため、フリーランス向けのメッセージと法人向けのコンテンツを分離し、後者は専用のB2Bサイトへ移しました。これにより、フリーランスに的を絞ったストーリーを組み立てられるようになりました。
ページ構成の再設計
ランディングページは、次のようなセクションへと再構成しました。
- フリーランスの紹介： 実際の成功事例を前面に出し、共感と信頼を生む。
- 案件とマッチング： 意義のある機会にどうつながるのかを具体的に示す。
- 主要機能とメリット： 使いやすさと効率性に重点を置いて機能を分解して伝える。
- 導入事例と安心材料： 利用者の声や実績を共有し、信頼性を高める。
- ワークフローツール： フリーランスの業務を効率化するツール群を紹介する。
- コミュニティとエコシステム： 協働やプラットフォーム外の取り組みの価値を伝える。
この論理的な流れによって、ユーザーを「知る」から「行動する」までなめらかに導けるようになりました。
Framerによる高速な開発
サイトの構築にはFramerを採用し、次のことを可能にしました。
- 高速な反復： 事業のスピードに合わせた素早いプロトタイピングと公開。
- 独自機能の実装： 固有のインタラクションやアニメーションに合わせたコンポーネントのカスタマイズ。
- 魅力的なビジュアル： 遊び心のあるアニメーションと既製アセットが好奇心を生み、探索を促す。
解決策
リニューアルしたランディングページは、当初の課題に的確に応えるものになりました。
- 明快なメッセージ： Sollectiveが提供するものとその価値が、ひと目で伝わるようになりました。
- 引き込むデザイン： 刷新したビジュアルアイデンティティが、ブランドの成長とミッションに沿うものになりました。
- 明確なターゲティング： フリーランスを中心に据えたメッセージが、主要な読み手に響くようになりました。
- 最適化された導線： 論理的なコンテンツ構成がユーザーの関心を保ち、登録へと導きます。
成果
リニューアルによって、測定可能な改善が得られました。
- 平均エンゲージメント時間が50%向上： ユーザーがサイト内をより長く回遊するようになりました。
- 理解しやすさの向上： ユーザビリティテストのフィードバックから、プラットフォームの価値がより伝わるようになったことが確認できました。
- コンバージョン率の向上： 一貫したストーリーとデザインにより、登録率が上がりました。
学び
- ストーリーが効く： ページ全体をひとつの物語として構成することで、ユーザーの関心を保ちやすくなりました。
- ユーザー中心の設計： フリーランス向けと法人向けのコンテンツを分けたことで、焦点と訴求力が高まりました。
- 拡張性のあるツール選び： Framerを使ったことで、プラットフォームの変化に追随できる素早く拡張しやすいデザインが可能になりました。