Multisport Jak jsme vyvinuli mapovou aplikaci pro 180 tisíc uživatelů, která integrací s CRM šetří desítky hodin měsíčně

Vytvořili jsme přehlednou mapovou aplikaci, která čerpá data z CRM Microsoft Dynamics. Uživatelé za pár sekund najdou třeba kurt na badminton nebo thajskou masáž od Šluknova po Trebišov. Zaměstnanci MultiSportu spravují data o 2 700 sportovištích z jednoho místa, čímž šetří desítky hodin měsíčně.

Integrace CRMWebová aplikace na míruMS DynamicsMapová aplikace

S čím a proč nás MultiSport oslovil

MultiSport má CRM systém se spoustou dat o sportovištích – obsahuje mimo jiné adresy, kontaktní údaje, popis nabízených služeb, štítky kategorií a fotografie. Měl také webovou aplikaci s mapou, ve které si uživatelé vybírali, kam po práci zajdou za sportem nebo relaxací.

Protože CRM nebylo propojené s mapovou aplikací, museli zaměstnanci MultiSportu zadávat stejné informace na dvou místech. Duplicitní práce jim zabírala spoustu času a náročnost se zvyšovala i tím, že systém neumožňoval hromadné změny – pokud jste například chtěli doplnit informaci, že 30 partnerů přidalo do svého zařízení klimatizaci, museli jste to aktualizovat u 30 položek, nejprve v CRM, poté v aplikaci.

Mezery byly i v samotné aplikaci. Uživatel si nejprve z nabídky vyfiltroval kategorii – třeba raketové sporty. Teprve poté se mu zobrazila mapa tenisových, squashových a badmintonových kurtů v okolí. Pokud si z nabídky nevybral a rozhodl se jít raději do bazénu, musel filtrovat od začátku.

Proto chtěl MultiSport:

  • aplikaci zpřehlednit,
  • umožnit průběžné změny parametrů filtrování
  • a celkově vylepšit UX.

Lidé z MultiSportu zjistili, že máme zkušenosti s integracemi různých IS a mapovými aplikacemi, a proto se nás rozhodli oslovit.

Rádi bychom měli nové řešení vyhledávače sportovišť nad mapou. Chceme, aby bylo propojené s naším stávajícím webem a CRM MS Dynamics, kde daná sportoviště máme. Cílem této integrace by měla být pravidelná aktualizace dat mezi MS Dynamics a vyhledávačem sportovišť, abychom nemuseli sportoviště měnit ručně v CRM i ve vyhledávači. Zvládli byste to? Pokud ano, pojďme se sejít a probrat možnosti.

Úryvek z první emailové komunikace od MultiSportu

O MultiSportu

Síť zaměstnaneckých benefitů, za kterou stojí nadnárodní firma Benefit Systems působící v Česku, Polsku, Slovensku, Chorvatsku, Řecku a dalších zemích. Držitel karty MultiSport může zdarma navštěvovat partnerská sportovní a relaxační zařízení. Bazén, jógu nebo posilovnu uživatelé najdou přes webovou aplikaci s mapou, kterou jsme pro MultiSport vytvořili.

logo Multisport
2 700+
sportovišť v síti
600+
českých a slovenských měst, kde karta platí
180 000+
uživatelů v Česku a na Slovensku

Na začátku spolupráce jsme si ujasnili cíle

Společně s MultiSportem jsme definovali zadání projektu. Z pohledu koncových uživatelů jsme se primárně zaměřili na dvě persony:

  • uživatel, který už MultiSport kartu má a chce rychle vyhledat sportoviště ve svém okolí,
  • nováček, který se chce seznámit s nabídkou sportovišť v blízkosti domova, zaměstnání nebo třeba chalupy.

Společně jsme definovali tyto cíle:

  • parametry hledání bude možné měnit souběžně s prohlížením mapy,
  • vyměníme mapové podklady, místo Google Maps, které jsou při vyšší návštěvnosti drahé, využijeme stejně kvalitní, ale bezplatné mapové vrstvy od Mapy.cz,
  • vytvoříme datový můstek a propojíme aplikaci s CRM,
  • navrhneme responzivní řešení, aby vyhledávání fungovalo na počítači i na mobilu,
  • vytvoříme jednoduchou administraci, která v budoucnu umožní spravovat data pro více zemí z jednoho místa,
  • postavíme aplikaci tak, aby fungovala ve více jazycích.
Uživatel najde bazén nebo posilovnu na pár kliknutí, na počítači i na mobilu.
Uživatel najde bazén nebo posilovnu na pár kliknutí, na počítači i na mobilu.

Rozsáhlá webová aplikace s integrací vždy vyžaduje přípravu a technickou analýzu

V COexu si dáváme záležet, abychom vyvíjeli software, který efektivně řeší problémy zákazníků. Abychom k projektu přistoupili správně, upřesnili jsme zadání technickou analýzou a studií proveditelnosti.

Před napsáním prvního řádku kódu jsme si ujasnili:

  • návrh konektoru CRM a webové aplikace
  • a design webové aplikace.

Poté jsme sáhli po ověřených technologiích:

  • Python – programovací jazyk, který milujeme. Jsou v něm vytvořené aplikace jako Spotify, Instagram nebo Uber.
  • K-means open-source knihovna pro Python k vyhledávání a řazení výsledků podle vzdálenosti na mapě.
  • Webový framework Django
  • JavaScript
  • LeafLet open-source knihovna pro JavaScript, která umožňuje vytváření interaktivních map na mobilu.

Více o tom, jaké nástroje a technologie v COexu používáme, se dozvíte na stránce o webových technologiích.

python PostgreSQL python Leaflet

Hladký průběh projektu díky agilnímu vývoji a koordinaci s klientem

Do projektového týmu jsme zapojili zaměstnance MultiSportu, včetně manažerů a specialistů, kteří budou s aplikací denně pracovat. Tím jsme usnadnili komunikaci, zrychlili rozhodování a zejména jsme měli neustále pod kontrolou, že vyvineme software, který bude fungovat tak, jak má.

2018

Červen

MultiSport nás oslovil s první poptávkou

2018

Září

zahájení vývoje nové mapové aplikace

2019

Únor

spuštění mapové aplikace pro MultiSport ČR

2020

Květen

analýza a vývoj multidoménové aplikace pro ČR a SK

2020

Říjen

spuštění nové mapy i slovenská sportoviště

2020+

Dodnes

aktualizace projektu, údržba serverů a jejich monitoring

Postup prací na webové aplikaci pro MultiSport.

Co umí mapová aplikace integrovaná s CRM?

  • Vyvinuli jsme import modul na míru, který automaticky přidává nové údaje z CRM do mapy a aktualizuje zastaralá data.
  • Uživatelé nově hledají sportoviště primárně v mapě, což je pro ně příjemnější. Seznam partnerů vidí v postranní liště.
  • Data se aktualizují podle výseku mapy, který si uživatel právě prohlíží. Díky tomu je načítání dat svižnější.
  • Díky chytré filtraci uživatelé rychleji najdou sportoviště s klimatizací, partnera, který nabízí aktivity pro děti, nebo hledají podle jiného klíče.
  • Našeptávač zohledňuje aktuální výsek mapy, který uživatel zrovna prohlíží.
  • Při hledání konkrétního sportoviště nebo města se uživateli nenačítají údaje o dalších partnerech. Načítání mapy je díky tomu rychlejší.
  • Pokud v dané lokalitě hledaný typ sportoviště chybí, mapa se automaticky oddálí a zobrazí nejbližšího partnera, který nabízí danou službu.

Webová aplikace, která poroste spolu s MultiSportem

  • Architektura aplikace umožňuje fungování na více doménách (prozatím CZ/SK), obě jazykové mutace MultiSport spravuje přes jedno rozhraní.
  • Pokud se MultiSport rozhodne pro expanzi do další země, architektura aplikace umožní rozšíření bez vysokých nákladů na vývoj.
  • Aplikace rozlišuje z jaké země (přes jakou doménu) uživatel hledá, na základě těchto dat přednostně zobrazí sportoviště v Česku, nebo naopak na Slovensku.
Pokud mapu procházíte z IP adresy v Česku, vidíte defaultně sportoviště v Česku, a obráceně – Slováci vidí partnery na Slovensku.
Pokud mapu procházíte z IP adresy v Česku, vidíte defaultně sportoviště v Česku. A obráceně – Slováci vidí partnery na Slovensku.

Výsledky projektu

Vytvořili jsme funkční webovou aplikaci, ve které zákazníci MultiSportu snadno najdou své sportoviště – v databázi jich je více než 2 700.

Otočili jsme logiku vyhledávání. Místo původního procházení seznamů si uživatelé vybírají sportoviště z mapy nebo z katalogu aktivit. Samotná mapa pak dostala nový podklad od Mapy.cz, který je stejně kvalitní jako ten od Googlu a přitom je zdarma. Vše je tedy rychlejší, přirozenější a levnější.

Díky propojení s CRM šetří MultiSport desítky hodin měsíčně při vkládání nových sportovišť nebo editaci těch stávajících.

Jedna multidoménová aplikace funguje pro dvě země – Česko a Slovensko. Řešení má minimálně dvě výhody. První: po případné expanzi na nový trh, přidá MultiSport novou zemi snadněji. Druhá: ušetřili jsme tím MultiSportu náklady na provoz a údržbu serverů.

2 700+ sportovišť v síti
600+ českých a slovenských měst
180 000+ uživatelů v Česku a na Slovensku

Spolupráce s COEXem od počátku běží naprosto hladce. Díky rozsáhlým zkušenostem nám pomohli v počátku projektu definovat, co všechno má taková mapa s vyhledávačem obsahovat. Samotný vývoj probíhal rychle a pružně. Pravidelné schůzky nad aktuálním stavem vývoje byly samozřejmostí.

Od spuštění projektu došlo k několika menším nebo větším úpravám. Veškerý servis proběhl hladce a vše je vždy rychle a kvalitně vyřešeno. Za velmi přínosný považuji i monitoring, který umožňuje sledování zátěže a analýzu. Můžeme rychle reagovat bez toho, abychom omezili uživatele.

Tomáš Wohlmuth, IT & CRM Administrator at MultiSport
Tomáš Wohlmuth,
IT & CRM Administrator at MultiSport

Máte zájem o nezávaznou konzultaci, nebo se chcete jen na něco zeptat?