[{"data":1,"prerenderedAt":317},["ShallowReactive",2],{"$P0L8BJb9LI":3,"$rl_bdmY2hB":40,"page-/reference,domestici-interaktivni-mapa-race-across-america":68},{"id":4,"ctaButton":5,"extension":8,"menu":9,"meta":30,"stem":38,"__hash__":39},"header/core/header.md",{"label":6,"link":7},"Sjednat konzultaci","/kontakt","md",[10,13,16,19,22,25,28],{"label":11,"link":12},"Služby","/sluzby",{"label":14,"link":15},"Reference","/reference",{"label":17,"link":18},"Vzdělávací kurzy","/vzdelavaci-kurzy",{"label":20,"link":21},"O Foxily","/o-foxily",{"label":23,"link":24},"Kariéra","/kariera",{"label":26,"link":27},"Praxe pro studenty","/praxe-pro-studenty",{"label":29,"link":7},"Kontakt",{"body":31},{"type":32,"value":33,"toc":34},"minimark",[],{"title":35,"searchDepth":36,"depth":36,"links":37},"",2,[],"core/header","awYFeyWsusD9gWX80_1wxbYttqbH1-TJrHbUIJNq9hc",{"id":41,"title":42,"body":43,"claim":52,"company":53,"description":35,"extension":8,"facebook":59,"instagram":60,"linkedin":61,"meta":62,"navigation":63,"path":64,"seo":65,"stem":66,"__hash__":67},"footer/general/Footer.md","Footer",{"type":32,"value":44,"toc":50},[45],[46,47],"footer-menu",{":items":48,"header":49},"[{\"label\":\"Služby\",\"link\":\"/sluzby\"},{\"label\":\"Reference\",\"link\":\"/reference\"},{\"label\":\"Vzdělávací kurzy\",\"link\":\"/vzdelavaci-kurzy\"},{\"label\":\"Praxe pro studenty\",\"link\":\"/praxe-pro-studenty\"},{\"label\":\"Kariéra\",\"link\":\"/kariera\"},{\"label\":\"O Foxily\",\"link\":\"/o-foxily\"},{\"label\":\"Kontakt\",\"link\":\"/kontakt\"}]","Odkazy",{"title":35,"searchDepth":36,"depth":36,"links":51},[],"Jsme lídři IT odvětví, pomůžeme Vám \u003Cbr> s jakýmkoli softwarovým řešením.",{"name":54,"street":55,"zipCity":56,"ic":57,"dic":58},"Foxily s.r.o.","Velká Hradební 2800/54","400 01 Ústí nad Labem","10984488","CZ10984488","https://www.facebook.com/foxily.cz","https://www.instagram.com/foxily.cz/","https://www.linkedin.com/company/foxily",{},true,"/general/footer",{"description":35},"general/Footer","YocstqDVxhi6ZEomDm-naYg9dpn9f6Z8wR1g_O6lPs8",{"id":69,"title":70,"body":71,"description":288,"extension":8,"layout":289,"meta":290,"metaDescription":310,"metaTitle":311,"navigation":63,"path":312,"robots":313,"seo":314,"stem":315,"subtitle":313,"__hash__":316},"content_cs/reference/domestici-interaktivni-mapa-race-across-america.md","Domestici spustili interaktivní mapu Race Across America: mobile-first aplikace s optimalizací 14MB GPS dat a real-time storytellingem",{"type":32,"value":72,"toc":276},[73,91,127,158,177,200,229,233],[74,75,76],"reference-two-columns",{},[77,78,79,80,83,85,86,88,90],"p",{},"Projekt Domestici propojuje účast v jednom z nejnáročnějších cyklistických závodů světa Race Across America s osvětou o\npaliativní péči v Česku. Klient potřeboval fanouškům, dárcům i široké veřejnosti ukázat cestu týmu napříč Spojenými\nstáty v reálném čase a zároveň ji propojit s příběhy českých hospiců, edukativním obsahem a otázkami k zamyšlení. ",[81,82],"br",{},[81,84],{},"\nFoxily do projektu vstoupilo nejen jako technologický partner, ale také jako sponzor. V okamžiku, kdy do startu závodu\nzbývaly pouhé tři týdny, jsme navrhli a implementovali interaktivní mapovou aplikaci, která zvládla vysoký nápor uživatelů\na současně nezahltila jejich zařízení ani při pomalejším mobilním připojení. ",[81,87],{},[81,89],{},"\nVýsledkem bylo lehké, vizuálně silné a technicky odolné řešení, které spojilo sportovní příběh s charitativním přesahem a\numožnilo sledovat závod i edukativní obsah v jednom přehledném rozhraní.",[74,92,93,98,111,114],{},[94,95,97],"h2",{"id":96},"výchozí-stav-minimum-času-vysoké-nároky-na-vizualizaci-a-potřeba-vtáhnout-publikum-do-děje","Výchozí stav: minimum času, vysoké nároky na vizualizaci a potřeba vtáhnout publikum do děje",[77,99,100,101,103,105,106,108,110],{},"Klient chtěl během závodu vtáhnout fanoušky a dárce přímo do dění. Nestačilo pouze ukázat bod na mapě. Bylo potřeba\nvytvořit živý digitální zážitek, který zobrazí aktuální polohu závodníků, projetou trasu i záchytné body a zároveň\npostupně odhalí silnou edukativní vrstvu kampaně spojenou s paliativní péčí. ",[81,102],{},[81,104],{},"\nNejvětší výzvou byl čas. Vývoj začal pouhé tři týdny před startem závodu a zadání se formovalo agilně v průběhu projektu.\nKlient proto potřeboval partnera, který bude schopen okamžitě prioritizovat, rychle iterovat a dodat funkční i vizuálně\natraktivní řešení v řádu dnů, nikoliv měsíců. ",[81,107],{},[81,109],{},"\nZároveň bylo od začátku zřejmé, že rozhodující část návštěvnosti přijde z mobilních zařízení, často na pomalejším\ndatovém připojení. Technické řešení tak muselo být navrženo s absolutní prioritou pro mobile-first scénář.",[77,112,113],{},"Z pohledu projektu to vytvořilo tři klíčové požadavky:",[115,116,117,121,124],"ol",{},[118,119,120],"li",{},"Real-time storytelling: zobrazit aktuální pohyb závodníků, projetou trasu a nabídnout možnost zpětného přehrání\nprůběhu závodu.",[118,122,123],{},"Silný a čistý vizuál: přizpůsobit mapové podklady tak, aby nepřebíjely obsah a podtrhly emotivní charakter kampaně.",[118,125,126],{},"Maximální výkon na mobilech: zajistit rychlé načítání a plynulé vykreslení i při práci s velmi objemnými mapovými\ndaty.",[74,128,129,133,141],{},[94,130,132],{"id":131},"cíle-projektu-sledování-závodu-edukace-a-bezchybné-fungování-na-mobilních-sítích","Cíle projektu: sledování závodu, edukace a bezchybné fungování na mobilních sítích",[77,134,135,136,138,140],{},"Projekt byl od počátku definován jako kombinace sportovního live trackingu, interaktivního storytellingu a extrémně\ndůsledné technické optimalizace.\n",[81,137],{},[81,139],{},"\nKlíčové cíle byly:",[115,142,143,146,149,152,155],{},[118,144,145],{},"Vytvořit webovou mapovou aplikaci vloženou do stávajícího webu klienta.",[118,147,148],{},"Zobrazit aktuální polohu závodníků, projetou trasu a checkpointy v přehledné a atraktivní formě.",[118,150,151],{},"Umožnit zpětné přehrání průběhu závodu pomocí interaktivního časového posuvníku.",[118,153,154],{},"Propojit mapu s příběhy hospiců, fotografiemi a osvětovým obsahem o paliativní péči.",[118,156,157],{},"Optimalizovat datově náročné mapové podklady tak, aby aplikace běžela plynule i na mobilních telefonech a pomalém\npřipojení.",[74,159,160,164],{},[94,161,163],{"id":162},"řešení-vue-pro-rychlou-iteraci-custom-google-maps-a-ux-odladěné-pro-mobilní-použití","Řešení: Vue pro rychlou iteraci, custom Google Maps a UX odladěné pro mobilní použití",[77,165,166,167,169,171,172,174,176],{},"Pro splnění náročných požadavků na rychlost dodání i flexibilitu vývoje jsme zvolili moderní frontendový přístup\npostavený na Vue.js. Tato volba nebyla motivována pouze výkonem, ale především schopností rychle iterovat funkce a\nprůběžně reagovat na měnící se zadání během velmi krátkého vývojového okna. ",[81,168],{},[81,170],{},"\nMapová vrstva vznikla nad Google Maps API, které bylo výrazně přizpůsobeno potřebám projektu. Standardní mapové podklady\nobsahují velké množství vizuálního šumu – názvy nepodstatných lokalit, rušivé barvy a další elementy, které odvádějí\npozornost. Pomocí custom stylingu a filtrování dat jsme mapu vyčistili tak, aby na displeji dominovala samotná trasa,\ncheckpointy a obsah s charitativním přesahem. ",[81,173],{},[81,175],{},"\nVelká pozornost byla věnována také mobilnímu UX. Interaktivní ovládání bylo odladěno tak, aby mapa uživatelům „neujížděla\npod prsty“ a aby se s ní dalo pohodlně pracovat i na menších displejích. Součástí rozhraní byl časový slider, který\numožnil zpětně přehrát průjezd závodníků, a zároveň dynamicky odkrýval paliativní body s příběhy hospiců a doplňujícími\nfotografiemi.",[74,178,179,184,187,190,194,197],{},[180,181,183],"h3",{"id":182},"storytelling-v-mapě-sportovní-výkon-propojený-s-příběhy-hospiců","Storytelling v mapě: sportovní výkon propojený s příběhy hospiců",[77,185,186],{},"Aplikace nebyla pouze technickým live trackerem. Jejím cílem bylo vytvořit emocionálně silný digitální formát, který\npropojí sportovní výkon s edukací a dobročinným přesahem.",[77,188,189],{},"Pohyb závodníků po mapě se tak stal nosičem širšího příběhu. Uživatelé mohli sledovat nejen trasu a checkpointy, ale také\npostupně objevovat tematické body věnované paliativní péči, příběhům hospiců a otázkám, které rozvíjely smysl celé\nkampaně.",[180,191,193],{"id":192},"vývoj-v-extrémně-krátkém-čase-14-dnů-od-prvního-řádku-kódu-po-produkci","Vývoj v extrémně krátkém čase: 14 dnů od prvního řádku kódu po produkci",[77,195,196],{},"Celý projekt byl od prvního řádku kódu po produkční nasazení realizován za méně než 14 dnů.",[77,198,199],{},"Tento výsledek potvrdil schopnost týmu Foxily dodávat funkční řešení i v situacích, kdy se zadání vyvíjí za pochodu a\nčasový prostor je extrémně omezený. Rychlost dodání přitom nešla na úkor stability ani kvality výsledného UX.",[74,201,202,206,209,212],{},[94,203,205],{"id":204},"výsledky-plynulý-provoz-během-závodu-a-technologie-s-reálným-společenským-přesahem","Výsledky: plynulý provoz během závodu a technologie s reálným společenským přesahem",[77,207,208],{},"Navzdory vysokému podílu mobilního trafficu i datově náročné trase běžela aplikace po celou dobu závodu plynule a bez\nvýpadků. Uživatelé mohli pohodlně sledovat dění v reálném čase a zároveň vnímat edukativní vrstvu kampaně, která byla\npřirozeně zasazená do mapového rozhraní.",[77,210,211],{},"Mezi hlavní přínosy patří:",[115,213,214,217,220,223,226],{},[118,215,216],{},"interaktivní live tracking závodu s možností zpětného přehrání průběhu,",[118,218,219],{},"úspěšná optimalizace 14MB GPS souboru pro mobilní zařízení a mobilní sítě,",[118,221,222],{},"vizuálně čistá mapa přizpůsobená identitě projektu a potřebám storytellingu,",[118,224,225],{},"dodání řešení v šibeničním termínu kratším než 14 dnů vývoje,",[118,227,228],{},"technologický projekt s charitativním a společenským přesahem, realizovaný pro bono jako podpora paliativní péče.",[180,230,232],{"id":231},"projekt-v-kostce-technická-specifikace","Projekt v kostce (technická specifikace)",[77,234,235,239,240,242,245,246,248,251,252,254,257,258,260,263,264,266,269,270,272,275],{},[236,237,238],"strong",{},"Klient",": Domestici (projekt Martina Součka pro podporu paliativní péče)",[81,241],{},[236,243,244],{},"Typ projektu",": vývoj interaktivní mapové aplikace",[81,247],{},[236,249,250],{},"Čas na realizaci",": 14 dnů vývoje, nasazení do 3 týdnů od úvodní schůzky",[81,253],{},[236,255,256],{},"Technologická výzva",": optimalizace a plynulé vykreslování 14MB souboru GPS souřadnic na mobilních sítích",[81,259],{},[236,261,262],{},"Frontend",": Vue.js, TailwindCSS",[81,265],{},[236,267,268],{},"Mapové podklady",": Google Maps API (custom styling, data filtering)",[81,271],{},[236,273,274],{},"Backend",": PHP Laravel (záznam průjezdů checkpointy)",{"title":35,"searchDepth":36,"depth":36,"links":277},[278,279,280,285],{"id":96,"depth":36,"text":97},{"id":131,"depth":36,"text":132},{"id":162,"depth":36,"text":163,"children":281},[282,284],{"id":182,"depth":283,"text":183},3,{"id":192,"depth":283,"text":193},{"id":204,"depth":36,"text":205,"children":286},[287],{"id":231,"depth":283,"text":232},"Interaktivní mapová aplikace","ReferenceLayout",{"listTitle":291,"homepage":63,"slug":292,"year":293,"order":294,"columns":295,"creation":296,"mainImage":297,"homepageImage":299,"hashtags":300},"Interaktivní mapa závodu za 14 dnů","domestici-interaktivni-mapa-race-across-america",2024,100,1,"Interaktivní mapa cyklistického závodu pro Domestici",{"src":298,"alt":296},"/images/reference/domestici_raam.jpg",{"src":298,"alt":296},[301,302,303,304,305,306,307,308,309],"Vue.js","TailwindCSS","Google Maps API","Laravel","Mobile First","UX","GPS","Data Optimization","Real-time Tracking","Domestici během 14 dnů získali interaktivní mapu závodu Race Across America: optimalizace 14MB GPS dat, mobile-first UX a vizualizace příběhů hospiců v reálném čase","Interaktivní mapa cyklistického závodu s real-time storytellingem","/reference/domestici-interaktivni-mapa-race-across-america",null,{"title":70,"description":288},"reference/domestici-interaktivni-mapa-race-across-america","lmSmDZzmalZCmIVU3b65sPKNim20kw5rQ92UL0-tL4g",1776069465065]