外出先の設備を探せる、検索Webアプリとブログ

概要

外出先で利用できる設備・スポットの情報をスマートフォンアプリで提供している企業さまに、そのWeb版となる検索Webアプリと、コラムを発信するブログ、ブログを運用するためのCMSを開発しました。

検索エンジンから新しい利用者との接点をつくり、アプリのダウンロードにつなげることを目的としています。

課題

• サービスはアプリだけで提供しており、新しい利用者の流入が限られていました。Web上の接点はほとんどなく、アクセスの計測もできていない状態でした。
• SEOのためにコンテンツを発信したい一方で、ブログを運用する仕組みがありませんでした。
• Webで情報をすべて公開すると、アプリを使う理由が薄れてしまうという懸念もありました。

解決のアプローチ

1. 01

   検索エンジンに見つけてもらえるWeb版

   サーバーサイドでページを生成し、構造化データやサイトマップにも対応。検索結果から見つけてもらいやすい構成にしました。

2. 02

   Webとアプリの役割分担

   詳細情報の一部をWebで公開し、続きはアプリで見られる設計に。検索・詳細画面からアプリのダウンロードへ誘導し、その成果を計測できるようにしています。

3. 03

   地図と条件で探せる検索

   地図上のピンと一覧を連動させ、エリアや設備・種別などの条件、現在地から探せるようにしました。

4. 04

   社内で続けられるブログ運用

   記事の作成から予約公開、カテゴリ・タグ、利用者の権限までをCMSで管理でき、定期的なコラム発信を支えます。

開発したもの

• 検索Webアプリ

  利用者が外出先で使える設備を、地図と条件で探せるWebアプリ。

  • エリア・条件での検索と絞り込み
  • 地図と一覧の連動、現在地からの検索
  • 写真・設備・経路などを載せた詳細ページ
  • アプリのダウンロード導線と計測

• ブログ

  サービスに関わるコラムを発信し、検索からの流入をつくるためのブログ。

  • 記事一覧・詳細、関連記事
  • カテゴリ・タグ別の一覧
  • 構造化データ・OGPへの対応

• CMS

  ブログ記事を、運営側が自分たちで作成・公開するための管理画面。

  • エディタでの記事作成と画像の登録
  • 下書き・公開・予約公開の切り替え
  • 利用者の招待・権限管理と操作履歴
  • アクセス指標を確認できるダッシュボード

技術スタック

• Nuxt
• TypeScript
• Supabase
• Vercel
• Google Maps API
• Google Analytics 4