Webサイト改善の施策事例

スタートアップ企業の公式サイト改善支援としてシングルページから公式サイトへの拡大を社内チームと連携して実施

概要と担当範囲

日々機能やターゲットが変化するスタートアップ企業において、シングルページ構成だった公式サイトを本格的な企業サイトへと拡張する支援を行いました。

当社はサイト拡張の制作面を主導しつつ、社内のメインデザイナー・エンジニア・マーケティング担当・営業担当と連携。既存のデザイントーンやコーディングルールに合わせた制作を行い、社内チームの一員として参画しました。

  • CV最適化
  • UI/UX設計
  • 導線改善

課題背景

事業の急成長に伴い、シングルページの公式サイトではカバーしきれない状況が生まれていました。

  • プロダクトの機能追加やターゲットの変化が頻繁に起き、シングルページでは情報が収まらなくなっていた
  • マーケティングや営業活動に必要なページ(機能紹介・導入事例・料金等)が不足
  • 社内にメインデザイナーとエンジニアがいるが、サイト拡張を推進するリソースが足りない
  • 外部パートナーを入れたいが、既存のデザインルールやコーディング規約との整合性が取れるか不安

スタートアップ特有のスピード感の中で、既存チームと摩擦なく協働できるパートナーが求められていました。

改善の考え方

外部の制作会社として「納品」するのではなく、社内チームの一員として参画し、既存のトーン&マナーやコーディングルールに合わせて制作を進めるアプローチを取りました。デザイナーにはデザインの言葉で、エンジニアにはエンジニアの言葉で会話することで、認識のズレや手戻りを最小限に抑えました。

当社の関与領域

  • サイト設計・拡張
  • UI/UXデザイン
  • フロントエンド実装
  • チーム連携・進行管理

社内チームと連携したサイト拡張のため、以下の領域に関与しました。

  • シングルページから複数ページ構成への情報設計・サイト構造の策定
  • マーケティング・営業担当へのヒアリングを通じた必要ページ・コンテンツの洗い出し
  • 社内デザイナーが定めたトーン&マナーに準拠したページデザインの制作
  • 社内エンジニアのコーディングルールに合わせたフロントエンド実装
  • 各メンバーとの個別のやりとりを通じた合意形成と進行管理

当社自身にデザイン知見・エンジニア知見の両方があるため、それぞれの現場担当者と実務レベルで直接会話でき、伝言ゲームによる認識のズレやハレーションを防いで進行できました。

チーム連携の進め方

社内にデザイナー・エンジニアがいる体制への参画だからこそ、「どう連携するか」が成否を分けるポイントでした。

  • マーケ・営業担当とは「何を伝えたいか」「どんなページが必要か」を議論
  • デザイナーとはトーン&マナーの解釈やコンポーネントの使い方をすり合わせ
  • エンジニアとはコーディング規約・命名規則・ブランチ運用などの開発ルールを確認
  • 「外部が勝手に作ったもの」にならないよう、各工程でレビューと合意を挟む
  • スタートアップのスピード感に合わせた短いサイクルでの制作・フィードバック

制作スキルだけでなく、既存チームの文化やルールを理解し尊重できることが、この体制で成果を出すための前提条件でした。

主な取り組み

  • シングルページの情報を整理し、複数ページ構成のサイトマップを策定
  • 機能紹介・導入事例・料金など、事業成長に必要なページの新規制作
  • 既存デザインのトーン&マナーに準拠したUIデザインとコンポーネント設計
  • 社内コーディングルールに合わせたマークアップ・実装
  • プロダクトの変化に合わせた柔軟なページ追加・更新対応

日々変化するスタートアップの状況に合わせて、サイトも継続的にアップデートできる体制を構築しました。

変化・成果

  • シングルページから本格的な企業サイトへの拡張が完了し、事業成長に見合う情報発信基盤が整った
  • マーケティング・営業活動に必要なページが揃い、商談や採用の場面で活用できるようになった
  • 社内チームとの連携体制が確立され、外部パートナーとして継続的にサイト改善を進められる関係が構築された
  • デザイン・コーディングの統一性が保たれたまま、サイト規模を拡張できた

※具体的な数値は非公表