Istaknuti projekt · Web aplikacija

Big Beard Man

Leo Vladimir, magistar kineziologije iz Splita i državni prvak u bodybuildingu, više od petnaest godina vodi ljude kroz trening. Za njegov BBM Training System izradili smo cijelu platformu: javnu stranicu na dva jezika, aplikaciju koju klijent instalira na mobitel i otvara na svakom treningu, naplatu programa, pretplata i poklona, i trenersku stranu iz koje Leo vodi klijente. Od prvog retka koda do lansiranja prošlo je 58 dana.

Dizajn · Web aplikacija (PWA) · Naplata i pretplate · Trenerska strana · Dva jezika
Izrada web stranice: Big Beard Man
Izrada web stranice: Big Beard Man, na mobitelu

Aplikacija u džepu

Klijent je instalira ravno sa stranice na početni zaslon mobitela i otvara kao svaku drugu aplikaciju, bez App Storea. Ekrani su snimljeni iz prave aplikacije na demo podacima, onakvi kakve vidi svaki posjetitelj koji je isproba.

Big Beard Man aplikacija: ekran Danas s današnjim treningom i tjednim ciljem
DanasDanašnji trening, tjedni cilj i sljedeći fokus na prvom ekranu. Pozdrav prati doba dana, a ime stoji u vokativu.
Big Beard Man aplikacija: upis serija s kilažom i ponavljanjima
TreningUpis serija jednom rukom: kilaža i ponavljanja na tipkama, popunjeni iz prošlog treninga. Odmor se pokrene sam i broji i kad se ekran zaključa.
Big Beard Man aplikacija: vježba Zgib s Leovim videom i procjenom 1RM
VježbaLeov video na jedan dodir, opis u koracima i procjena maksimuma (1RM) kroz dvanaest tjedana.
Big Beard Man aplikacija: napredak s tjednim volumenom i tjelesnom masom
NapredakŠest tjedana treninga u prstenovima, tjedni volumen i tjelesna masa. Volumen se računa iz upisanih serija, bez zagrijavanja.
Big Beard Man aplikacija: razgovor s trenerom Leom
PorukeRazgovor s Leom, uz oznaku da je poruka pročitana. Leo za svaku poruku dobije obavijest na mobitel.
Big Beard Man aplikacija: mjesečne mjere i fotke napretka
MjereMjesečne mjere i fotke napretka. Fotke se smanje već na mobitelu i stoje u privatnom spremištu, vidljive samo klijentu i Leu.

Ponaša se kao aplikacija

Instalira se s weba

Vlastita ikona, otvara se preko cijelog ekrana, s prečacima za današnji trening, plan i poruke. Korisnik iPhonea dobije upute korak po korak.

Radi i bez signala

Ekrani koje je klijent već otvorio ostaju dostupni i u podrumskoj teretani, a za ostale aplikacija jasno kaže da nema mreže, umjesto praznog ekrana.

Obavijesti na mobitel

Novi program, poruka od Lea, pomaknut trening i podsjetnik sedam dana prije isteka. Na iPhoneu obavijesti stižu samo u aplikaciju s početnog zaslona, pa aplikacija pokaže kako je tamo dodati.

Odmor broji i na zaključanom ekranu

Vrijeme odmora računa se iz sata, ne iz ekrana, pa poziv ili zaključan mobitel ne brišu ni seriju ni odmor. Dok traje trening, ekran se ne gasi.

Bez bijelog ekrana između ekrana

Ekrani se mijenjaju bez treptaja, a sljedeći se počne učitavati već na dodir.

Dva jezika do zadnje riječi

Hrvatski i engleski u aplikaciji, mailovima, obavijestima i naplati. Množine, vokativ imena i rod riješeni su u kodu.

Pristup

Ova se aplikacija ne otvara za stolom, nego u teretani: između dvije serije, jednom rukom, često bez signala i sa zaključanim ekranom. Zato smo krenuli od ekrana za upis serija, a tek onda od svega oko njega. Kad je upis radio s kilažom u ruci, slagali smo program, napredak, poruke, naplatu i Leovu stranu. Prije lansiranja aplikaciju su u više krugova isprobavali testeri i sam Leo, a svaki krug donio je novi niz ispravaka.

Što smo izradili

  • Javna stranica na hrvatskom i engleskom: pet programa, paketi, upitnik s preporukom programa, savjeti, videoteka i demo tjedan bez računa
  • Aplikacija s 20 ekrana koja se instalira na mobitel: Danas, Program, Trening, Vježba, Napredak, Mjere, tjedna prijava, Poruke, Profil i pretplata
  • Upis serija za teretanu: tipke za palac od najmanje 56 px, popunjeno iz prošlog treninga, odmor koji preživi zaključan ekran, zagrijavanje odvojeno i štoperica za vježbe na vrijeme
  • Prijedlog sljedeće kilaže dvostrukom progresijom i procjena maksimuma (1RM) kroz dvanaest tjedana
  • Naplata kroz Stripe ugrađena u stranicu: kartica, Apple Pay i Google Pay, jednokratni šestotjedni program i tri mjesečna paketa, uz jamstvo povrata 14 dana
  • Pokloni s kodom BBM-XXXX-XXXX, s dostavom u zakazano vrijeme po hrvatskom vremenu i valjanošću od 12 mjeseci
  • Podsjetnik sedam dana prije isteka u aplikaciji, obavijesti i mailu, i produženje koje čuva preostale dane
  • Obavijesti na mobitel za klijenta i trenera, i 17 vrsta automatskih mailova
  • Demo aplikacija za svakog posjetitelja, na demo podacima i bez računa
  • Privatnost: izričita privola za zdravstvene podatke, izvoz vlastitih podataka, a Google Analytics i Clarity tek uz pristanak
  • 12 datoteka testova, među njima provjera svih 2.880 kombinacija odgovora iz upitnika

Leova strana

  • Jutarnja lista umjesto izvještaja: tko je platio i čeka program, tko traži pozornost, nove tjedne prijave, odrađeni treninzi i poruke koje čekaju odgovor
  • Karton klijenta: volumen, rekordi, mjere i fotke, odgovori iz upitnika s istaknutim ozljedama, tjedne prijave i plan za ovaj tjedan
  • Slaganje programa i na mobitelu: serije, ponavljanja, RPE, odmor i bilješka po vježbi. Predložak se klijentu kopira, pa izmjena za jednog ne dira ostale
  • Biblioteka vježbi s Leovim videom, koji se učitava ravno u spremište, uz traku napretka i sličicu iz prve sekunde
  • Podsjetnici iz same baze: platio, a nema program, zadnji tjedan bloka, program nepromijenjen šest tjedana, bez treninga deset dana, bez prijave dva tjedna

Tehnologije

Jedini React u cijeloj aplikaciji je ekran za upis serija. Javne stranice su statički HTML, a aplikacija se slaže na serveru u Frankfurtu, uz samu bazu.

Želite ovakav rezultat?

Recite nam o projektu i javljamo se s jasnom ponudom u roku od 24 sata.

Zatraži ponudu
Zatraži ponudu