← ホームへ戻る

Product / Area

商圏の可視化ツール

店舗の商圏と重なりを見ながら、広告の配信範囲を検討する。

担当範囲
プロダクト企画・データ設計・フルスタック開発・販売設計
活動状況
本番運用中

取り組んだ課題

近隣店舗の広告が同じ地域に届いていても、設定値だけでは商圏の重なりを把握しにくく、提案用の図を作るにも手間がかかっていました。

できるようになったこと

  • 隣接店舗の商圏を同じ地図で比較
  • 配信範囲の見直しを視覚的に検討
  • 提案用の図をそのまま画像に出力
「商圏を、高台から一望する。」の見出しと、商圏円を重ねた地図画面
「商圏を、高台から一望する。」の見出しと、商圏円を重ねた地図画面(表示は架空データ)

どのように取り組んだか

  1. 01

    店舗ごとの商圏を円で描き、重なりを可視化・計算するツールを開発。

  2. 02

    商圏人口の推定と、駅・競合店の情報を加え、配信エリアを検討できる構成に。

  3. 03

    提案資料に使えるよう、地図・円・ラベルをまとめて画像に出力する機能を実装しました。

技術・設計の詳細
LeafletTurf.jsSupabasePython

地図の表示と幾何計算を分け、商圏の円と重なりを扱っています。

商圏人口は推定として表示し、判断材料の精度と限界が分かるようにしています。

このページのデモは架空の座標上で動きます。実在の店舗・地名・人口データは利用していません。

ほかの取り組み