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.

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.

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.

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