Web, TV, Mobile, Exercise

Staráme se o největší online fitko na Slovensku

Se společností Fitshaker spolupracujeme od roku 2018 a za tu dobu jsme pro ni vytvořili nové a moderní webové stránky, stabilizovali tlak na support, vytvořili aplikaci pro televizi a nedávno spatřila světlo světa mobilní aplikace pro iOS a Android.


Největší online fitko na Slovensku Fitshaker již 7 let přináší online cvičení s profesionálními trenéry do pohodlí vašeho domova. Díky tomu mohou desítky tisíc žen pravidelně cvičit a pečovat o své zdraví.


Klient: Fitshaker

Typ projektu: Website redesign, Web optimalization, TV app, Mobile apps

Služby: UX research, dizajn, testing, vývoj, support

Rok: 2018 - současnost

Dozvíte se:

  • Jak jsme po více než roce vývoje nasazovali web během 3 dnů beze spánku
  • Jak jsme poprvé zvládli vývoj TV aplikace
  • Jaké to je zastřešovat 3 platformy
  • Proč jsme u všech rozhodnutí vycházeli z výzkumu uživatelů a jejich potřeb
  • Proč střídáme SCRUM a SCRUMBAN

Klient

Lucka a Peťo přinesli fitko do každé domácnosti už v roce 2014. Chtěli tím pomoct všem ženám, které nemohou chodit na své oblíbené hodiny do fitness centra. Ať už jde o zaneprázdněné maminky, těhotné ženy, studentky, ženy z lokalit bez možnosti chodit cvičit nebo ty, které nechtějí vystavovat své křivky na veřejnosti.

Výzva

Zastřešit produkt, který používají desítky tisíc žen všech věkových kategorií na různých zařízeních a platformách, s myšlenkou dlouhodobého růstu. V době, kdy je trh přeplněný online fitness tréninky, trenéry či influencery, je nezbytné jít stále kupředu a nabízet něco, co uživatelky jinde nenajdou. Ve společnosti GoodRequest vytváříme produkty na míru na základě potřeb uživatelů, klientů a tržních standardů.

Ukážka jedného z programov online fitness centra Fitshaker zameraného na Jógu

První kroky vedly od WordPressu k webu na míru

Cíl:

Web Fitshaker byl vytvořen ve WordPressu, což je dobrý nástroj pro menší projekty. Od určitého okamžiku jsme kvůli tomu nebyli schopní růst a realizovat požadavky uživatelů. Řešením byly webové stránky na míru.

Používateľské rozhranie webovej stránky Fitshaker zobrazujúce blogové príspevky a živé prenosy.

Používateľské rozhranie webovej stránky Fitshaker zobrazujúce registráciu a kalendár.

UX výzkum a design

Prvním krokem k vytvoření nových webových stránek byl uživatelský výzkum. Začali jsme analýzou starých stránek, shromáždili analytické údaje za 5 let používání a vedli hloubkové rozhovory s uživateli, abychom zjistili jejich potřeby a problémy při cvičení s Fitshakerem. Výzkum jsme obohatili o zkušenosti klientů a zaměstnanců. Výsledky výzkumu jsme použili při návrhu webu. Aby se webové stránky snadno používaly, otestovali jsme několik prototypů na uživatelích Fitshakeru. Průběžným testováním jsme se ujistili, že jsme splnili všechny potřeby uživatelů a včas jsme odstranili všechny zjištěné nedostatky.


Release:

Po roce a půl vývoje webu přišlo nasazování. Starý web byl před půlnocí vypnut, což odstartovalo 3 dny nasazování nového webu a řešení prvních chyb. Během nasazování nového webu jsme se museli vypořádat s dotazy a návrhy překvapených uživatelek. Vyřešili jsme až 980 podnětů! :) Byly to 3 náročné dny plné práce, nervozity, očekávání, ale i zábavy, smíchu a vzájemné podpory celého týmu.

“Behind the scenes”

Cíl:

V GoodRequest myslíme na potřeby všech uživatelů produktu Fitshaker, včetně uživatelů administrátorského rozhraní. Každodenní přidávání blogů, receptů nebo cvičení je časově náročné. Proto jsme na základě požadavků týmu Fitshaker vytvořili administrátorské prostředí, které tento proces výrazně zjednodušuje a zkracuje.

Používateľské rozhranie webovej stránky Fitshaker zobrazujúce Admin rozhranie.

Jak jsme poprvé vytvořili TV aplikaci pro Android

Používateľské rozhranie televiznej aplikácie Fitshaker zobrazujúce domovskú stránku s dnešným cvičením.

Cíl:

Po stabilizaci webu a vytvoření admina nám nic nebránilo v pokračování projektu. Na základě potřeb uživatelů jsme s klientem začali vytvářet TV aplikaci pro Android. Vycházeli jsme z webové aplikace, abychom zajistili konzistentnost základních funkcí na všech platformách. Zároveň jsme museli myslet i na nativní prvky televizního rozhraní.


Výzva:

S designem a vývojem TV aplikace jsme neměli žádné zkušenosti, vývoj není snadný, neexistuje žádný standardizovaný jazyk, každý výrobce má svůj vlastní kódovací jazyk, svůj vlastní operační systém, a my jsme si museli vybrat.


Z chýb se učíme:

Bohužel jsme na začátku procesu věnovali více času učení se novým dovednostem na úkor větší analýzy trhu. V důsledku toho jsme vyvinuli televizní aplikaci, která pokrývala pouze 10 % trhu. Učili jsme se rychle a aktivní spolupráce celého týmu projektových manažerů, analytiků, designérů a vývojářů zajistila úspěšné dodání produktu včas.

Mobilní aplikace s jasným plánem

Používateľské rozhrania mobilnej aplikácie Fitshaker zobrazujúce rôzne obrazovky.

Cíl:

Ve společnosti GoodRequest se snažíme vyhovět potřebám všech uživatelů a poskytnout jim co nejlepší uživatelskou zkušenost. S rostoucím počtem uživatelek nám rostl počet požadavků na mobilní aplikaci.


UX výzkum:

Abychom ověřili skutečný zájem o mobilní aplikaci, provedli jsme průzkum potřeb, problémů a cílů uživatelek. Podařilo se nám nashromáždit více než 3 000 odpovědí. Zjistili jsme, že ženy cvičí nejen doma, ale že chtějí cvičit i v kanceláři během přestávky, v parku nebo v přírodě. Rády by si poslechly výuková videa od společnosti Fitshaker při jízdě v autě. Průzkum nám potvrdil, že pokud chceme na trhu růst, musíme vytvořit aplikaci našim uživatelkám na míru. Proto jsme iniciovali workshop, na kterém jsme byli společně s klientem, pracovníky Fitshakeru a samotnými uživatelkami. Společně jsme pomocí metody brainstormingu shromáždili nápady na funkce aplikace a poté vytvořili MVP – minimální životaschopný produkt, který obsahoval nejpotřebnější funkce aplikace při jejím prvním vydání.

3 platformy pod střechou GR

Fungování webových stránek, TV a mobilní aplikace prokázalo velkou škálovatelnost projektu. To zahrnuje databázi videí, živé přenosy, blog, e-shop a administrační rozhraní pro každou z těchto platforem. Všechny tyto platformy používají společné API – aplikační programové rozhraní, které bylo vytvořeno na začátku projektu. Výsledkem vytvoření jednoho kvalitního rozhraní API je, že se každá změna zrcadlí na všech platformách. Tímto způsobem jsme dosáhli konzistentnosti ekosystému Fitshaker. Při každé malé změně však myslíme na to, čeho je platforma schopná a jak to ovlivní celý produkt.

Používateľské rozhranie mobilnej aplikácie Fitshaker zobrazujúce sekciu Cvičenia a  rozhranie webovej stránky zobrazujúce E-shop.

Používateľské rozhranie televíznej aplikácie Fitshaker zobrazujúce kategórie.


Používateľským testovaním k správnym riešeniam

Cieľom GoodRequest je vyhovieť používateľkám, klientovi a štandardom trhu. Pred vývojom si musíme byť istí, že naše riešenie poskytne najlepší používateľský zážitok. Snažíme sa, aby každá nová funkcionalita bola pred vývojom otestovaná s používateľkami. Používateľské testovanie je vhodná metóda na overenie hypotéz a rozhodnutí. Testovaním prototypu zistíme, ako sa používa, ako používateľky vnímajú navrhnuté zmeny a aké problémy pri používaní majú. Zistenia následne zapracujeme a vo vývoji pokračujeme ďalej.

Používateľské rozhranie mobilnej aplikácie Fitshaker zobrazujúce domovskú stránku použitú pri používateľskom testovaní s komentármi od použvateľov.
Finálna verzia používateľského rozhrania mobilnej aplikácie Fitshaker  Dark a light mode.

Scrum - Scrumban - Scrum - Scrumban - Scr…

Ve společnosti GoodRequest používáme moderní pracovní postupy a přizpůsobujeme je potřebám daného produktu. Správně zvolený pracovní postup je předpokladem pro dosažení vysoké kvality produktu.

Na začátku naší spolupráce, při vývoji nového webu, jsme pracovali v systému SCRUM, který v GoodRequest dlouhodobě považujeme za prvotřídní nástroj pro řízení projektů. Scrum je agilní metoda řízení projektů, při níž mohou lidé řešit složité dynamické problémy a zároveň produktivně a kreativně dodávat produkty s co nejvyšší hodnotou pro uživatele. Pracovali jsme ve dvoutýdenních sprintech, kdy jsme se prioritně zaměřili na jeden cíl. Při práci v systému SCRUM je tlak v projektovém prostředí mnohem menší, lidé v týmu vědí, jaká je jejich úloha, a klient ví, jak proces funguje a nezadává nám nové úkoly.

Hned po vydání nového webu klesl počet lidí v týmu pod 6, takže jsme přešli na SCRUMBAN. SCRUMBAN nemá časový limit, je to proces v kanbanovém stylu, který nám nabízí mnohem větší flexibilitu. Jedná se o otevřený, plynulý proces, v němž mají všechny přidané úlohy svoje pořadí podle prioritizace. Díky Scrumbanu jsme schopni reagovat a provádět změny v jakékoli fázi projektu.

Největší úspěch? Stabilizace.

Za největší úspěch naší spolupráce považujeme stabilizaci nového webu. Údaje jsou shromažďovány správně a poskytují nám cenné informace o používání webových stránek a jejich funkcích. Výrazně se snížil tlak na zákaznickou podporu společnosti Fitshaker. Když jsou nasazeny nové funkce nebo je nasazena podstránka o nové výzvě Fitshaker, většina zaměstnanců si ani nevšimne, že se něco děje.

Dalším úspěchem je určitě to, že jsme si přechodem na web na míru nepokazili pozici webu ve vyhledávání, o které rozhoduje SEO (optimalizace webové stránky pro vyhledávače). Pro nastavení SEO je nástroj WordPress ideální, což se však nedá říct o webu na míru, kde je to náročnější. Ve vyhledávání se nám podařilo neklesnout ani o jednu pozici.

"Často sa stáva, že oni vedia a vyriešia problém skôr ako sa o tom dozviem ja. Je citeľné ako miluju svoju prácu a zálaží im na výsledkoch.”

Peter Švaral
Co-owner & CEO

Vize do budoucna?

Stagnace neexistuje, musíme neustále růst. Od začátku dbáme na to, aby byla všechna data o používání správně uložena pro budoucí ekosystém Fitshaker. Ten poskytne každému uživateli individuální cvičební plán na základě jeho vlastností a potřeb, jako je třeba zdravotní stav nebo volný čas na cvičení. S růstem přibudou další periferie, jako jsou například chytré hodinky. Chceme, aby uživatelé mohli cvičit s Fitshakerem kdekoli a na jakémkoli zařízení.

Obrázok zobrazujci budúcnosť platformy Fitshaker.
Check the project
Share project
Pozrite si projekt
Zdieľať projekt

Web, TV, Mobile, Exercise

Staráme se o největší online fitko na Slovensku

Se společností Fitshaker spolupracujeme od roku 2018 a za tu dobu jsme pro ni vytvořili nové a moderní webové stránky, stabilizovali tlak na support, vytvořili aplikaci pro televizi a nedávno spatřila světlo světa mobilní aplikace pro iOS a Android.


Největší online fitko na Slovensku Fitshaker již 7 let přináší online cvičení s profesionálními trenéry do pohodlí vašeho domova. Díky tomu mohou desítky tisíc žen pravidelně cvičit a pečovat o své zdraví.


Klient: Fitshaker

Typ projektu: Website redesign, Web optimalization, TV app, Mobile apps

Služby: UX research, dizajn, testing, vývoj, support

Rok: 2018 - současnost

Dozvíte se:

  • Jak jsme po více než roce vývoje nasazovali web během 3 dnů beze spánku
  • Jak jsme poprvé zvládli vývoj TV aplikace
  • Jaké to je zastřešovat 3 platformy
  • Proč jsme u všech rozhodnutí vycházeli z výzkumu uživatelů a jejich potřeb
  • Proč střídáme SCRUM a SCRUMBAN

Klient

Lucka a Peťo přinesli fitko do každé domácnosti už v roce 2014. Chtěli tím pomoct všem ženám, které nemohou chodit na své oblíbené hodiny do fitness centra. Ať už jde o zaneprázdněné maminky, těhotné ženy, studentky, ženy z lokalit bez možnosti chodit cvičit nebo ty, které nechtějí vystavovat své křivky na veřejnosti.

Výzva

Zastřešit produkt, který používají desítky tisíc žen všech věkových kategorií na různých zařízeních a platformách, s myšlenkou dlouhodobého růstu. V době, kdy je trh přeplněný online fitness tréninky, trenéry či influencery, je nezbytné jít stále kupředu a nabízet něco, co uživatelky jinde nenajdou. Ve společnosti GoodRequest vytváříme produkty na míru na základě potřeb uživatelů, klientů a tržních standardů.

Ukážka jedného z programov online fitness centra Fitshaker zameraného na Jógu

První kroky vedly od WordPressu k webu na míru

Cíl:

Web Fitshaker byl vytvořen ve WordPressu, což je dobrý nástroj pro menší projekty. Od určitého okamžiku jsme kvůli tomu nebyli schopní růst a realizovat požadavky uživatelů. Řešením byly webové stránky na míru.

Používateľské rozhranie webovej stránky Fitshaker zobrazujúce blogové príspevky a živé prenosy.

Používateľské rozhranie webovej stránky Fitshaker zobrazujúce registráciu a kalendár.

UX výzkum a design

Prvním krokem k vytvoření nových webových stránek byl uživatelský výzkum. Začali jsme analýzou starých stránek, shromáždili analytické údaje za 5 let používání a vedli hloubkové rozhovory s uživateli, abychom zjistili jejich potřeby a problémy při cvičení s Fitshakerem. Výzkum jsme obohatili o zkušenosti klientů a zaměstnanců. Výsledky výzkumu jsme použili při návrhu webu. Aby se webové stránky snadno používaly, otestovali jsme několik prototypů na uživatelích Fitshakeru. Průběžným testováním jsme se ujistili, že jsme splnili všechny potřeby uživatelů a včas jsme odstranili všechny zjištěné nedostatky.


Release:

Po roce a půl vývoje webu přišlo nasazování. Starý web byl před půlnocí vypnut, což odstartovalo 3 dny nasazování nového webu a řešení prvních chyb. Během nasazování nového webu jsme se museli vypořádat s dotazy a návrhy překvapených uživatelek. Vyřešili jsme až 980 podnětů! :) Byly to 3 náročné dny plné práce, nervozity, očekávání, ale i zábavy, smíchu a vzájemné podpory celého týmu.

“Behind the scenes”

Cíl:

V GoodRequest myslíme na potřeby všech uživatelů produktu Fitshaker, včetně uživatelů administrátorského rozhraní. Každodenní přidávání blogů, receptů nebo cvičení je časově náročné. Proto jsme na základě požadavků týmu Fitshaker vytvořili administrátorské prostředí, které tento proces výrazně zjednodušuje a zkracuje.

Používateľské rozhranie webovej stránky Fitshaker zobrazujúce Admin rozhranie.

Jak jsme poprvé vytvořili TV aplikaci pro Android

Používateľské rozhranie televiznej aplikácie Fitshaker zobrazujúce domovskú stránku s dnešným cvičením.

Cíl:

Po stabilizaci webu a vytvoření admina nám nic nebránilo v pokračování projektu. Na základě potřeb uživatelů jsme s klientem začali vytvářet TV aplikaci pro Android. Vycházeli jsme z webové aplikace, abychom zajistili konzistentnost základních funkcí na všech platformách. Zároveň jsme museli myslet i na nativní prvky televizního rozhraní.


Výzva:

S designem a vývojem TV aplikace jsme neměli žádné zkušenosti, vývoj není snadný, neexistuje žádný standardizovaný jazyk, každý výrobce má svůj vlastní kódovací jazyk, svůj vlastní operační systém, a my jsme si museli vybrat.


Z chýb se učíme:

Bohužel jsme na začátku procesu věnovali více času učení se novým dovednostem na úkor větší analýzy trhu. V důsledku toho jsme vyvinuli televizní aplikaci, která pokrývala pouze 10 % trhu. Učili jsme se rychle a aktivní spolupráce celého týmu projektových manažerů, analytiků, designérů a vývojářů zajistila úspěšné dodání produktu včas.

Mobilní aplikace s jasným plánem

Používateľské rozhrania mobilnej aplikácie Fitshaker zobrazujúce rôzne obrazovky.

Cíl:

Ve společnosti GoodRequest se snažíme vyhovět potřebám všech uživatelů a poskytnout jim co nejlepší uživatelskou zkušenost. S rostoucím počtem uživatelek nám rostl počet požadavků na mobilní aplikaci.


UX výzkum:

Abychom ověřili skutečný zájem o mobilní aplikaci, provedli jsme průzkum potřeb, problémů a cílů uživatelek. Podařilo se nám nashromáždit více než 3 000 odpovědí. Zjistili jsme, že ženy cvičí nejen doma, ale že chtějí cvičit i v kanceláři během přestávky, v parku nebo v přírodě. Rády by si poslechly výuková videa od společnosti Fitshaker při jízdě v autě. Průzkum nám potvrdil, že pokud chceme na trhu růst, musíme vytvořit aplikaci našim uživatelkám na míru. Proto jsme iniciovali workshop, na kterém jsme byli společně s klientem, pracovníky Fitshakeru a samotnými uživatelkami. Společně jsme pomocí metody brainstormingu shromáždili nápady na funkce aplikace a poté vytvořili MVP – minimální životaschopný produkt, který obsahoval nejpotřebnější funkce aplikace při jejím prvním vydání.

3 platformy pod střechou GR

Fungování webových stránek, TV a mobilní aplikace prokázalo velkou škálovatelnost projektu. To zahrnuje databázi videí, živé přenosy, blog, e-shop a administrační rozhraní pro každou z těchto platforem. Všechny tyto platformy používají společné API – aplikační programové rozhraní, které bylo vytvořeno na začátku projektu. Výsledkem vytvoření jednoho kvalitního rozhraní API je, že se každá změna zrcadlí na všech platformách. Tímto způsobem jsme dosáhli konzistentnosti ekosystému Fitshaker. Při každé malé změně však myslíme na to, čeho je platforma schopná a jak to ovlivní celý produkt.

Používateľské rozhranie mobilnej aplikácie Fitshaker zobrazujúce sekciu Cvičenia a  rozhranie webovej stránky zobrazujúce E-shop.

Používateľské rozhranie televíznej aplikácie Fitshaker zobrazujúce kategórie.


Používateľským testovaním k správnym riešeniam

Cieľom GoodRequest je vyhovieť používateľkám, klientovi a štandardom trhu. Pred vývojom si musíme byť istí, že naše riešenie poskytne najlepší používateľský zážitok. Snažíme sa, aby každá nová funkcionalita bola pred vývojom otestovaná s používateľkami. Používateľské testovanie je vhodná metóda na overenie hypotéz a rozhodnutí. Testovaním prototypu zistíme, ako sa používa, ako používateľky vnímajú navrhnuté zmeny a aké problémy pri používaní majú. Zistenia následne zapracujeme a vo vývoji pokračujeme ďalej.

Používateľské rozhranie mobilnej aplikácie Fitshaker zobrazujúce domovskú stránku použitú pri používateľskom testovaní s komentármi od použvateľov.
Finálna verzia používateľského rozhrania mobilnej aplikácie Fitshaker  Dark a light mode.

Scrum - Scrumban - Scrum - Scrumban - Scr…

Ve společnosti GoodRequest používáme moderní pracovní postupy a přizpůsobujeme je potřebám daného produktu. Správně zvolený pracovní postup je předpokladem pro dosažení vysoké kvality produktu.

Na začátku naší spolupráce, při vývoji nového webu, jsme pracovali v systému SCRUM, který v GoodRequest dlouhodobě považujeme za prvotřídní nástroj pro řízení projektů. Scrum je agilní metoda řízení projektů, při níž mohou lidé řešit složité dynamické problémy a zároveň produktivně a kreativně dodávat produkty s co nejvyšší hodnotou pro uživatele. Pracovali jsme ve dvoutýdenních sprintech, kdy jsme se prioritně zaměřili na jeden cíl. Při práci v systému SCRUM je tlak v projektovém prostředí mnohem menší, lidé v týmu vědí, jaká je jejich úloha, a klient ví, jak proces funguje a nezadává nám nové úkoly.

Hned po vydání nového webu klesl počet lidí v týmu pod 6, takže jsme přešli na SCRUMBAN. SCRUMBAN nemá časový limit, je to proces v kanbanovém stylu, který nám nabízí mnohem větší flexibilitu. Jedná se o otevřený, plynulý proces, v němž mají všechny přidané úlohy svoje pořadí podle prioritizace. Díky Scrumbanu jsme schopni reagovat a provádět změny v jakékoli fázi projektu.

Největší úspěch? Stabilizace.

Za největší úspěch naší spolupráce považujeme stabilizaci nového webu. Údaje jsou shromažďovány správně a poskytují nám cenné informace o používání webových stránek a jejich funkcích. Výrazně se snížil tlak na zákaznickou podporu společnosti Fitshaker. Když jsou nasazeny nové funkce nebo je nasazena podstránka o nové výzvě Fitshaker, většina zaměstnanců si ani nevšimne, že se něco děje.

Dalším úspěchem je určitě to, že jsme si přechodem na web na míru nepokazili pozici webu ve vyhledávání, o které rozhoduje SEO (optimalizace webové stránky pro vyhledávače). Pro nastavení SEO je nástroj WordPress ideální, což se však nedá říct o webu na míru, kde je to náročnější. Ve vyhledávání se nám podařilo neklesnout ani o jednu pozici.

"Často sa stáva, že oni vedia a vyriešia problém skôr ako sa o tom dozviem ja. Je citeľné ako miluju svoju prácu a zálaží im na výsledkoch.”

Peter Švaral
Co-owner & CEO

Vize do budoucna?

Stagnace neexistuje, musíme neustále růst. Od začátku dbáme na to, aby byla všechna data o používání správně uložena pro budoucí ekosystém Fitshaker. Ten poskytne každému uživateli individuální cvičební plán na základě jeho vlastností a potřeb, jako je třeba zdravotní stav nebo volný čas na cvičení. S růstem přibudou další periferie, jako jsou například chytré hodinky. Chceme, aby uživatelé mohli cvičit s Fitshakerem kdekoli a na jakémkoli zařízení.

Obrázok zobrazujci budúcnosť platformy Fitshaker.
Check project
Share project
Pozrite si projekt
Zdieľať projekt