ホームページの制作・トラブル解消ならお任せ! 岡崎市のホームページ制作 Studio fRee
制作実績運営サイト

Race Navi

Race Navi
このサイトの主な仕様
SEO対策
キーワードの選定・各種施策
スマホ対応
スマホで最適化されて表示
メールフォーム
メール問い合わせフォームを設置
担当業務
SEO対策
メタタグ、タイトルタグ、OGPタグなどの内部対策を施工
コーディング
HTML, CSS, JavaScript, PHP のコーディング
サーバー設定
サーバーの設定(WordPressインストールやメールアカウント開設など)やサイトの引っ越し作業
デザイン
サイトのデザイン(全体 or 一部)
企画
サイトのコンセプトやキャッチコピー作り、何を打ち出すかなどを話し合いながら決定

トライアスロンの大会データベースです。マップから大会を選ぶことができるのが大きな特徴で、コース図や大会会場までのルート検索、周辺の宿泊施設の検索などを行うことができます。

また、大会の出場結果の分析データを見る機能も備えた使える大会データベースとなっています。

機能

マップからの大会検索

Race Navi トップページ パソコン版

サイドバーから条件を絞り込んでビジュアル的に大会を検索することができます。

マップを利用した大会情報表示

大会個別ページ パソコン版

各大会の個別ページではマップを中心に下記のような情報を確認したり検索したりすることが出来ます。

  • コースレイアウトをマップで確認
  • 大会会場までのルート検索
  • 会場周辺の宿泊施設の検索
  • 会場周辺の任意の施設の検索
  • 予想ゴールタイム・ゴール時刻計算機

大会結果の分析

各大会のリザルトからタイムだけでなく色々な統計情報をグラフィカルに表示させることができます。グラフの表示には Google Chart API を使っています。

Race Navi 大会リザルトページ パソコン版

技術

  • WordPress
  • Google Map API
  • Google Chart API
  • Google Search API
  • Leaflet API
  • 楽天トラベルAPI

現在も機能開発中。各大会データはWordPressで管理。マップはGoogleMapとLeafletの2つを併用(Goolgeマップ有料化のため)

マップを駆使したUI・データの見せ方にこだわって作っています。まだ開発途中の部分も多々ありライフワーク的の取り組んでいます。



Webサービス的なサイト制作のお仕事

このようなWebサービス的なサイトやWordPressサイトのカスタマイズを希望される方はお気軽にお問い合わせください!
条件を伺ってお見積もりさせていただきます。