Start aftercare

Njega nakon tretmana oduvijek je bila ključan, ali i najosjetljiviji dio svake estetske usluge. Bez obzira radi li se o tetoviranju, piercingu, trajnoj šminki ili uklanjanju tetovaža, pravilna posttretmanska njega izravno utječe na krajnji rezultat i zadovoljstvo klijenta. U praksi, međutim, upravo taj segment najčešće zapinje – upute su različite od salona do salona, korisnici ih lako zaboravljaju, a majstori gube dragocjeno vrijeme objašnjavajući iste postupke svakom klijentu iznova.

Iz te je potrebe nastao Start aftercare — mobilna aplikacija s pratećim CMS sustavom koja pretvara tradicionalne papirnate upute u personalizirano digitalno iskustvo. Start aftercare je mobilna aplikacija za Android i iOS koja od prvog dana pruža jasno vođene korake njege, bez lutanja po uputama. Aplikacija vodi korisnika kroz cijeli proces njege, dan po dan, uz automatizirane podsjetnike, jasne vizualne upute i obavijesti u stvarnom vremenu. Budući da je aplikacija povezana s CMS-om, svaka promjena sadržaja odmah je vidljiva korisniku. Time se smanjuje broj pogrešaka u njezi, ubrzava oporavak i jača povjerenje između klijenta i salona.

Projekt je razvijen u bliskoj suradnji s klijentom koji je dostavio visoko razrađen inicijalni dizajn. Naš tim preuzeo je postojeći vizualni koncept, proširio ga relevantnim ekranima, razradio interaktivne tokove i prilagodio dizajn prikazu na mobilnim uređajima. Rezultat je sučelje koje je vizualno minimalističko, ali bogato funkcionalnošću – intuitivno za korisnika, dosljedno u izvedbi i potpuno usklađeno s pravilima modernog mobilnog UX-a.

Paralelno s aplikacijom, razvijen je potpuno novi CMS sustav, dizajniran od nule. I mobilna aplikacija i CMS izrađeni su u Flutteru, čime je omogućeno jedinstveno korisničko iskustvo, visoka konzistentnost dizajna i učinkovito održavanje obje platforme. Takva integracija CMS-a i mobilne aplikacije drži sve podatke dosljednima.

TypeScript je korišten za razvoj API servisa koji upravlja servisnim procesima — poput slanja notifikacija, e-mailova, uploadanja slika, integracije s Revenuecatom te automatiziranog prevođenja sadržaja putem Google Translate API-ja.

Hasura, razvijena u Haskellu, koristi se kao GraphQL posrednik između baze podataka i aplikacijskih slojeva (mobilne aplikacije i CMS-a), automatski generirajući queryje i mutacije za real-time sinkronizaciju podataka.

Ovakva arhitektura omogućuje administratorima jednostavno upravljanje sadržajem, FAQ-om, obavijestima i bannerima, dok Hasura osigurava stabilnu, dvosmjernu komunikaciju između baze i aplikacijskih slojeva. Svaka promjena u CMS-u automatski se reflektira u mobilnoj aplikaciji, čime je postignuta savršena povezanost između administracije i korisničkog sučelja – bez potrebe za ručnim ažuriranjima ili dodatnim deploymentom.

Start aftercare tako spaja dvije razine iskustva: korisničku jednostavnost i tehničku preciznost. Za krajnje korisnike to znači jasne upute i pouzdanu podršku u svakom trenutku, dok za salone znači automatiziran, standardiziran i profesionalan sustav komunikacije koji štedi vrijeme i povećava kvalitetu usluge.

Na razini tehnologije, projekt se oslanja na tri ključna stupa — Flutter, Hasuru i TypeScript API — čime je postignuta visoka razina stabilnosti, sigurnosti i skalabilnosti. Aplikacija nije zamišljena kao još jedan digitalni alat, nego kao nova industrijska praksa posttretmanske njege – pametnija, brža i potpuno prilagođena korisniku. Rezultat je Android i iOS aplikacija s backendom koja omogućuje upravljanje sadržajem u mobilnoj aplikaciji bez redeploya

U svijetu gdje detalji čine razliku, Start aftercare pokazuje da pravilna njega ne počinje i ne završava u salonu — već u digitalnom iskustvu koje brižno vodi korisnika, korak po korak. Sljedeći korak? Izgradnja sustava koji tu brigu pretvara u savršeno sinkronizirano tehnološko rješenje.

Saznajte više o našem pristupu izradi mobilnih aplikacija koje spajaju dizajn, funkcionalnost i performanse.

Izgradnja sustava od temelja — gdje se vizija susreće s preciznošću

U razvoju Start aftercare sustava, svaka faza – od prve skice do završne implementacije – bila je vođena jednom idejom: stvoriti digitalno rješenje koje je jednostavno za korištenje, ali tehnički snažno u pozadini. Cilj nije bio samo digitalizirati upute o njezi, nego izgraditi platformu koja će pratiti korisnika kroz cijeli proces oporavka, automatizirano i bez greške.

Projekt je započeo sveobuhvatnom analizom korisničkih potreba, u kojoj su definirani glavni scenariji korištenja i mogući izazovi nakon tretmana. Na temelju tih podataka izrađeni su prvi wireframe modeli i interaktivni prototipovi koji su omogućili ranu validaciju ideja.

Kroz više iteracija testiranja, definirani su precizni korisnički tokovi – od početnog odabira tretmana do završnog dana njege – uz poseban naglasak na jednostavnost, čitljivost i jasnoću svake akcije.

Klijent je od samog početka bio izrazito aktivan u svim fazama razvoja – od planiranja funkcionalnosti do završnog testiranja. Takva razina suradnje omogućila nam je da aplikaciju prilagodimo specifičnim procesima i potrebama industrije, a svaka odluka – dizajnerska, tehnička ili funkcionalna – donesena je u dogovoru s timom koji svakodnevno radi s krajnjim korisnicima. Rezultat tog pristupa je aplikacija koja nije samo vizualno dosljedna i tehnički optimizirana, nego i u potpunosti prilagođena poslovnim potrebama klijenta.

Posebna pažnja posvećena je povezanosti između mobilne aplikacije i CMS sustava. Dok je aplikacija razvijana kao intuitivno i responzivno korisničko sučelje, CMS je paralelno građen kao stabilna administracijska platforma koja omogućuje potpunu kontrolu nad sadržajem i procesima. U kasnijim fazama razvoja implementirane su real-time sinkronizacije, automatizirani moduli i sustav notifikacija koji zajedno čine potpuno integrirano rješenje.

U svakom koraku razvoja korišten je iterativni pristup – svaka nova funkcionalnost testirana je u stvarnim scenarijima prije nego što je uvedena u produkciju. Time je osigurano da konačni proizvod ne samo ispunjava tehničke zahtjeve, nego i odgovara stvarnim očekivanjima korisnika.

Start aftercare tako nije nastao slučajno. On je rezultat precizno vođenog procesa, partnerske suradnje i dubinskog razumijevanja industrije – digitalno rješenje koje povezuje stručnost, jednostavnost i tehnologiju u jedinstveno korisničko iskustvo.

Svaki korak u razvoju Start aftercare sustava bio je promišljen, testiran i usklađen s vizijom klijenta. No, ono što ovu aplikaciju doista čini stabilnom i pouzdanom nije samo proces — već tehnološka osnova na kojoj počiva. U nastavku otkrivamo arhitekturu i tehnologije koje omogućuju da sustav funkcionira besprijekorno, u stvarnom vremenu i bez ograničenja.

Tehnološka osnova projekta — pokretačka snaga inovacije iza kulisa

U srcu svakog digitalnog rješenja nalazi se arhitektura koja određuje njegovu snagu, stabilnost i dugoročnu održivost.

Kod Start aftercare sustava, ta je osnova pažljivo oblikovana kako bi omogućila brzu komunikaciju, visoku sigurnost i neprekinutu sinkronizaciju između mobilne aplikacije i CMS sustava.

Cilj nije bio samo izgraditi funkcionalan alat, već platformu koja raste zajedno s korisnicima – fleksibilnu, prilagodljivu i spremnu za nadogradnje bez potrebe za rekonstrukcijom koda.

Za postizanje tog standarda korištene su tri ključne tehnologije: Flutter, TypeScript i Hasura, koje zajedno čine savršenu ravnotežu između dizajna, performansi i podataka.

Flutter – Snaga u jednostavnosti korisničkog iskustva

Kako bi aplikacija bila dostupna svim korisnicima bez kompromisa u performansama, odabran je Flutter – Googleov razvojni alat koji omogućuje izradu nativnih mobilnih aplikacija iz jedinstvene kodne baze. Ova tehnologija omogućila je da se isti dizajn i logika dosljedno prikazuju na iOS i Android uređajima, čime je postignuto potpuno ujednačeno korisničko iskustvo.

Flutter je korišten za izradu i mobilne aplikacije (Android i iOS) i CMS web sučelja, čime je omogućeno ujednačeno korisničko iskustvo, dosljedan dizajn i zajednička logika prikaza na svim uređajima i platformama.

Ovaj pristup značajno je ubrzao razvoj, pojednostavio održavanje i osigurao potpunu vizualnu i funkcionalnu usklađenost između korisničkog i administracijskog dijela sustava.

Prednosti Fluttera u ovom projektu:

• Višestruka platforma iz jedne baze koda – isti izvorni kod pokreće mobilnu aplikaciju i CMS, što pojednostavljuje razvoj i održavanje.
• Visoka responzivnost i brzina rada – aplikacija reagira trenutno, bez zadrški pri prelasku između ekrana.
• Dosljedan dizajn i animacije – zahvaljujući Flutter widget sustavu, svaka vizualna komponenta precizno je prilagođena pojedinoj platformi.
• Manji troškovi održavanja – jedinstveni kod znači brže nadogradnje i lakšu implementaciju novih funkcionalnosti.
• Offline podrška – korisnici mogu pregledavati upute i status njege čak i bez internetske veze.
• Stabilna integracija s Hasura GraphQL API-jem – Flutter frontend u realnom vremenu dohvaća i prikazuje sadržaj koji se sinkronizira iz CMS-a putem Hasure.

Flutter je omogućio da aplikacija ne bude samo vizualno privlačna, već i stabilna, brza i intuitivna — što je ključno za korisnike koji aplikaciju otvaraju više puta dnevno, u kratkim, ali važnim interakcijama.

U kombinaciji s Hasurom i TypeScript API-jem, Flutter pokreće mobilnu aplikaciju s administracijom koja se upravlja kroz CMS.

TypeScript – Temelj CMS sustava i logike podataka

Na administracijskoj strani sustava, ključnu ulogu ima TypeScript – programski jezik koji spaja jednostavnost JavaScripta s robusnošću tipiziranog koda i sigurnošću u radu s kompleksnim servisnim procesima.

U Start Aftercare projektu TypeScript služi kao servisni sloj koji spaja Android i iOS aplikaciju s backendom i CMS za mobilne aplikacije kroz standardizirane procese – od slanja push notifikacija i e-mailova, preko uploadanja slika i komunikacije s Revenuecat servisom, do pozivanja Google Translate API-ja za višejezične prijevode.

Ovakav pristup omogućuje jasnu arhitektonsku separaciju – Flutter aplikacija i CMS upravljaju prikazom i korisničkom interakcijom, Hasura GraphQL posreduje u razmjeni podataka s bazom, dok TypeScript API preuzima ulogu centralne servisne logike koja povezuje sve sustave i brine o automatizaciji pozadinskih procesa.

Prednosti TypeScripta u projektu:

• Sigurnost i predvidljivost koda – stroga tipizacija smanjuje mogućnost grešaka u razvoju i održavanju.
• Modularna arhitektura API-ja – poslovna logika razvijena je kroz jasno odvojene module (notifikacije, e-mailovi, prijevodi, integracije), što omogućuje lako održavanje i proširenje sustava.
• Automatizirane operacije u stvarnom vremenu – API u pozadini sinkronizira podatke i pokreće procese neovisno o korisničkim radnjama, osiguravajući da se sve promjene u CMS-u i aplikaciji odvijaju bez zastoja.
• Povezanost s Hasurom – API koristi GraphQL endpoint za dohvat i sinkronizaciju podataka u stvarnom vremenu.
• Optimizirana izvedba – TypeScript omogućuje učinkovitu obradu složenih zadataka, poput dinamičnog rasporeda notifikacija, promjene statusa njege i validacije korisničkih podataka.

U kombinaciji s Hasurom, TypeScript omogućuje jednostavnu, ali iznimno moćnu komunikaciju između administratorskog i korisničkog dijela sustava, čime CMS postaje više od alata – on je operativno “srce” koje povezuje administracijski, korisnički i tehnički dio sustava u jedinstvenu, samoodrživu cjelinu.

Hasura – Inteligentna poveznica podataka

Kako bi se postigla trenutačna i sigurna razmjena podataka između aplikacije i CMS-a, implementirana je Hasura GraphQL platforma – open-source engine napisan u Haskellu koji automatski generira GraphQL API iznad PostgreSQL baze podataka.

Hasura služi kao središnji posrednik između Flutter aplikacija (mobilne i CMS) i baze podataka, omogućujući brzu, dvosmjernu i pouzdanu komunikaciju bez potrebe za ručnim pisanjem server-side logike. Na taj način integracija CMS-a i mobilne aplikacije ostvaruje se bez ručnog pisanja API-ja.

Zahvaljujući Hasuri, svi podaci — od korisničkih profila i dnevnih planova njege do bannera i prijevoda — sinkroniziraju se u stvarnom vremenu.

Svaka promjena unesena u CMS odmah se prikazuje u mobilnoj aplikaciji, bez ručnih ažuriranja ili dodatnih zahtjeva prema backendu.

Prednosti Hasure u projektu:

• Trenutačna sinkronizacija podataka – svaka promjena u CMS-u odmah se reflektira u mobilnoj aplikaciji zahvaljujući real-time GraphQL subscriptionima.
• Integracija s TypeScript API-jem – Hasura pokreće Event Trigger pozive koji aktiviraju TypeScript API za slanje notifikacija, e-mailova ili automatske validacije podataka.
• Napredna sigurnosna kontrola – koristi JWT autentifikaciju i role-based access control, čime se osigurava da svaki korisnik vidi samo ono što mu je dopušteno.
• Skalabilnost i brzina razvoja – automatski generirani GraphQL endpointi omogućuju jednostavno proširenje funkcionalnosti bez promjena u osnovnoj logici.
• Podrška za Cron Jobs i Event Triggers – omogućuje da sustav reagira na promjene u bazi ili unaprijed definirane vremenske događaje, čime se pokreću automatizirani procesi u API sloju.

Zahvaljujući kombinaciji Hasure i TypeScript API-ja, Start Aftercare funkcionira kao živi digitalni organizam – svaka akcija u CMS-u automatski se odražava u mobilnoj aplikaciji, svaki podatak ostaje sinkroniziran, a svi procesi odvijaju se u stvarnom vremenu. Hasura i TypeScript zajedno omogućuju konzistentno upravljanje sadržajem u mobilnoj aplikaciji u realnom vremenu.

Ovakav pristup osigurava maksimalnu učinkovitost, sigurnost i stabilnost cijelog sustava, uz minimalnu potrebu za ručnim održavanjem.

Cjeloviti tehnološki ekosustav

Spojem Fluttera, TypeScripta i Hasure, stvorili smo ekosustav koji je stabilan, brz i spreman za rast.

Flutter brine o vizualnom doživljaju i fluidnosti aplikacije, TypeScript osigurava strukturu i preciznost CMS-a, dok Hasura povezuje sve u dinamičan, samoodrživ sustav. U praksi to znači da administratori mogu uređivati sadržaj, a korisnici istovremeno vide ažurirane podatke — bez ručnih intervencija, bez kašnjenja i bez pogrešaka.

Start aftercare tako nije samo aplikacija; to je povezani digitalni sustav, izgrađen na tehnologijama koje jamče dugoročni razvoj i tehničku izvrsnost.

U praksi, to znači da:

• Administratori mogu uređivati sadržaj, dodavati nove tretmane, FAQ sekcije ili bannere unutar CMS-a,
• Korisnici odmah vide ažurirane podatke u mobilnoj aplikaciji,
• API sloj u pozadini automatski pokreće sve potrebne procese — od validacije unosa do personaliziranih obavijesti.
• Upravljanje sadržajem u mobilnoj aplikaciji provodi se direktno kroz CMS, bez utjecaja na stabilnost produkcije.

Sve komponente komuniciraju u stvarnom vremenu preko Hasura GraphQL infrastrukture, što osigurava potpunu usklađenost između administracije i korisničkog sučelja — bez ručnih intervencija, bez kašnjenja i bez pogrešaka.

Start Aftercare tako nije samo aplikacija, već povezani digitalni sustav izgrađen na tehnologijama koje jamče dugoročnu održivost, visoku sigurnost i tehničku izvrsnost.

Ovaj trostruki tehnološki temelj — Flutter za iskustvo, Hasura za podatke i TypeScript za logiku — čini sustav dovoljno fleksibilnim za rast, integracije i prilagodbu budućim potrebama tržišta.

Dizajn i korisničko iskustvo (UX/UI) — gdje jednostavnost oblikuje emociju

Kod razvoja Start aftercare aplikacije, dizajn nije bio samo vizualni sloj — bio je temelj razumijevanja načina na koji korisnici doživljavaju proces njege.

Budući da aplikacija pokriva osjetljivo područje posttretmanske njege, cilj dizajna bio je stvoriti okruženje koje ulijeva povjerenje, smiruje korisnika i jasno ga vodi kroz svaki dan oporavka.

Minimalizam, dosljednost i emocionalna neutralnost postali su glavne odrednice dizajnerskog pristupa, čineći aplikaciju intuitivnom, ugodnom i profesionalnom.

Saznajte više o našem procesu UX/UI dizajna i kako stvaramo mobilna sučelja koja korisnici vole koristiti.

Filozofija dizajna – manje složenosti, više jasnoće

Od samog početka dizajn aplikacije vođen je filozofijom: što manje korisnik mora razmišljati, to je iskustvo bolje. Cilj nije bio impresionirati efektima, već omogućiti da svaka interakcija bude intuitivna, čista i logična.

Korisinik ne mora tražiti informaciju — aplikacija mu je uvijek pruža u pravom trenutku, na pravom mjestu.

Ključni elementi dizajna:

• Jednostavna i svijetla paleta boja – svaka boja ima funkciju; topli tonovi označavaju napredak, neutralni smiruju, a kontrasti vode pažnju.
• Tipografija visoke čitljivosti – odabrani fontovi ističu preglednost i osiguravaju da su upute jasne čak i u kratkim pogledima.
• Raspored elemenata po prirodnom ritmu korisnika – navigacija i gumbi smješteni su prema logici dnevne rutine, što smanjuje kognitivno opterećenje.
• Dnevni prikaz njege – sustav boja i statusnih oznaka vizualno prikazuje napredak korisnika po danima, stvarajući osjećaj kontinuiteta i kontrole.
• Završni ekran “Postupak njege završen” – dizajniran kao emocionalni završetak procesa, daje korisniku osjećaj postignuća i zadovoljstva.

Kombinacijom funkcionalne estetike i emocionalne psihologije, dizajn aplikacije postaje njezin najtiši vodič — usmjerava, umiruje i nagrađuje korisnika bez potrebe za dodatnim objašnjenjima.

Mobilni dizajn – jednostavan, ali promišljen

Mobilni dizajn aplikacije temelji se na ravnoteži između estetske jednostavnosti i funkcionalne preciznosti. U potpunosti je izrađen prema Google Material Design i Apple Human Interface Guidelines principima, što je osiguralo dosljednost i prirodan osjećaj korištenja u oba okruženja – Android i iOS. Korisničko iskustvo ostaje nepromijenjeno bez obzira na uređaj, a svaki detalj – od položaja gumba do animacija – ima jasno definiranu svrhu.

Ključnu ulogu u održavanju vizualne i tehničke ujednačenosti imao je Flutter framework, koji omogućuje prikaz istog dizajna, animacija i logike na svim platformama. Time je izbjegnuta fragmentacija korisničkog iskustva, a razvoj postao brži i precizniji.

Ključne značajke mobilnog dizajna:

• Usklađenost između Android i iOS okruženja – sučelje poštuje originalne principe svake platforme, ali zadržava prepoznatljiv identitet brenda.
• Micro-interakcije – pažljivo izvedene animacije koje daju korisniku trenutnu vizualnu potvrdu svake radnje. Sitne, ali ključne, one čine aplikaciju „živom“ i stvaraju osjećaj povjerenja.
• Fluidni prijelazi – navigacija između ekrana odvija se bez zadrške; svaki pokret ima svoj ritam, što stvara dojam lakoće i prirodnosti.
• Wireframe prototipiranje u Figmi – dizajn je u potpunosti razrađen kroz wireframe i interaktivne prototipe, koji su poslužili kao temelj za definiranje korisničkih tokova, testiranje i doradu svakog detalja prije razvoja.
• Precizna logika interakcija – svaka komponenta je testirana da bi reagirala unutar milisekunde, što značajno smanjuje kognitivno opterećenje korisnika.

Dizajn aplikacije nije samo vizualni sloj – on je produžetak korisničke misli. Svaki ekran vodi korisnika kroz proces njege s lakoćom, jasnoćom i osjećajem kontrole, čineći cjelokupno iskustvo neprimjetno jednostavnim.

Suradnja s klijentom i nadogradnja postojećeg dizajna

Projekt Start aftercare imao je neuobičajeno čvrstu polaznu osnovu — klijent je u razvoj ušao s već oblikovanom vizualnom strategijom i detaljno razrađenim inicijalnim dizajnom. Umjesto klasičnog pristupa “od nule”, proces je započeo na spoju postojeće estetike i nove digitalne logike, gdje je cilj bio očuvati prepoznatljiv identitet brenda, ali ga prilagoditi standardima modernog mobilnog dizajna i performansi.

Naš tim preuzeo je postojeći dizajn, proširio ga dodatnim ekranima, razradio interakcije i stanja elemenata te ga optimizirao za prikaz na mobilnim uređajima. Posebna pažnja posvećena je konzistentnosti — svaki novi element morao je biti u skladu s postojećim vizualnim identitetom, ali i tehničkim mogućnostima Flutter okvira.

Suradnja s klijentom najviše se manifestirala kroz sljedeće elemente:

• Iterativni proces dizajna – svaka nova verzija ekrana validirana je zajednički, čime je spriječeno odstupanje između dizajnerskog koncepta i stvarne upotrebljivosti.
• Klijent kao aktivni tester – zbog dubinskog poznavanja vlastitih procesa, klijent je samostalno testirao funkcionalne prototipove, dajući precizne povratne informacije u realnom kontekstu korištenja.
• Proširenje postojećeg dizajna – razvijeni su novi ekrani i interakcije koje nisu bile dio inicijalnog dizajna, ali su logično nadograđivale postojeću strukturu.
• Mobilna prilagodba – inicijalni web orijentirani elementi prilagođeni su logici dodira, manjim ekranima i prirodnom ritmu korisničkih pokreta.
• Kontinuirana komunikacija – redoviti ciklusi pregleda, povratnih informacija i vizualnih revizija omogućili su transparentan tijek razvoja.

Rezultat nije samo dizajn koji je „estetski“, nego funkcionalno živ — sustav koji zadržava osobnost brenda, ali je usklađen s navikama i očekivanjima krajnjih korisnika.

Ovaj projekt pokazao je koliko suradnja između dizajnera i klijenta može postati stvarni katalizator inovacije, kad se stručnost i iskustvo spoje u isti ritam. Tim je uz testiranja provjeravao i tokove mobilne aplikacije s administracijom, kako bi urednici mogli brzo objaviti izmjene.

UX testiranje u rukama klijenta

Projekt Start aftercare imao je jedinstvenu fazu validacije korisničkog iskustva — UX testiranje proveo je sam klijent, što je omogućilo izradu sustava koji u potpunosti odražava stvarne navike i potrebe korisnika.

Kao stručnjak s dugogodišnjim iskustvom u tattoo i piercing industriji, klijent je najbolje razumio način na koji korisnici pristupaju njezi nakon tretmana, njihove navike, nesigurnosti i očekivanja. Umjesto klasičnog testiranja u kontroliranom okruženju, proces je vođen u stvarnim uvjetima korištenja, s osobama koje su upravo prošle tretmane tetoviranja, piercinga ili trajne šminke.

Testiranje je provedeno iterativno, u nekoliko ciklusa, čime su promjene i prilagodbe mogle biti implementirane odmah nakon svake faze. Na taj način, svaka odluka o dizajnu bila je utemeljena na stvarnim podacima, a ne na pretpostavkama.

UX testiranje u rukama klijenta najviše se manifestiralo kroz sljedeće aspekte:

• Praktično testiranje u realnim okolnostima – aplikacija je korištena tijekom stvarnih procesa njege nakon tretmana, što je omogućilo precizno prepoznavanje stvarnih potreba korisnika.
• Analiza ponašanja korisnika – klijent je promatrao točke u kojima korisnici zastaju, traže dodatne informacije ili nesvjesno pogrešno reagiraju na navigacijske elemente.
• Brza iteracija i prilagodba dizajna – sve uočene poteškoće odmah su implementirane kroz nove verzije ekrana i navigacije.
• Fokus na jasnoću i vizualne smjernice – naglašene su boje, statusi i faze oporavka kako bi korisnik u svakom trenutku znao što treba učiniti.
• Sinergija između klijenta i dizajnerskog tima – izmjene su zajednički analizirane i potvrđene, čime je postignuta potpuna usklađenost između UX logike i brenda.

Rezultat ovakvog pristupa nije samo vizualno dotjerana aplikacija, već sustav koji je testiran, potvrđen i prilagođen stvarnim korisnicima. UX testiranje provedeno rukama klijenta omogućilo je da se dizajn pretvori u stvarno iskustvo — intuitivno, jasno i emocionalno usklađeno s korisnikovim potrebama.

Dosljednost i emocionalna jasnoća

Jedan od temelja dizajna aplikacije Start aftercare jest potpuna vizualna dosljednost – svaki element, od boje do ikone, ima jasno definiranu ulogu u stvaranju osjećaja sigurnosti i prepoznatljivosti. Umjesto privlačenja pažnje efektima, dizajn djeluje tiho, nenametljivo i logično — tako da korisnik uvijek zna gdje se nalazi i što treba učiniti.

Ovakav pristup dizajnu ne gradi emociju kroz vizualni spektakl, već kroz povjerenje. Kada je vizualna hijerarhija jasna, a interakcije predvidljive, korisnik ne troši mentalnu energiju na razmišljanje, već se usredotočuje na samu svrhu aplikacije – njegu i oporavak.

Sustav vizualne dosljednosti temelji se na nekoliko ključnih smjernica:

• Ujednačen vizualni jezik – boje, tipografija i ikonografija pažljivo su standardizirane, što aplikaciji daje profesionalan i smiren karakter.
• Funkcionalna jednostavnost – svaki element ima razlog postojanja; ništa nije ornamentalno, sve je u službi orijentacije i jasnoće.
• Psihološka stabilnost kroz boje – korištene su nijanse koje umiruju i stvaraju dojam povjerenja, što je osobito važno u posttretmanskim fazama.
• Emocionalni ritam korištenja – prijelazi, animacije i vizualni akcenti prilagođeni su tempu korisnika; aplikacija „diše“ s njim.
• Tipografija kao vodič – jasno strukturirani naslovi i tekstualni opisi vode korisnika bez potrebe za dodatnim objašnjenjima.

Takav dizajn ne pokazuje snagu kroz složenost, nego kroz smirenost i logiku. To je ujedno i filozofija RedCode pristupa: “Najbolji korisnički doživljaj nije onaj koji se pamti po izgledu, već onaj koji se pamti po jednostavnosti.”

Start aftercare tu filozofiju potvrđuje u praksi – UX koji odiše ravnotežom, vizualno je čist, a funkcionalno usklađen s korisnikovim procesom. Aplikacija ne komunicira samo izgledom, nego empatijom i jasnoćom. To je iskustvo koje razumije korisnika i raste zajedno s njegovim potrebama.

Pametne funkcionalnosti koje pokreću sustav

Svaki projekt koji razvijamo u RedCodeu ima svoj puls – skup funkcionalnosti koje zajedno stvaraju jedinstveno korisničko iskustvo. Sve funkcije rade preko integracije CMS-a i mobilne aplikacije, pa sadržaj i logika ostaju sinkronizirani.

U slučaju Start Aftercare aplikacije, taj je puls ritmičan, smiren i savršeno organiziran – baš poput procesa njege koji aplikacija digitalizira.

Cilj ovog sustava nije bio samo digitalno zamijeniti postojeće upute, već automatizirati cijeli proces posttretmanske njege – od prvog dana oporavka do završne faze – uz potpunu kontrolu i mogućnost nadogradnje.

Kroz modularnu arhitekturu povezanu u stvarnom vremenu putem Hasura GraphQL infrastrukture i TypeScript CMS-a, svaki se podatak sinkronizira automatski, a svaka promjena u sadržaju odmah postaje vidljiva korisnicima. U praksi to znači da je svaka funkcionalnost – od personaliziranog plana njege i automatiziranih obavijesti do edukativnih sadržaja i brendiranja salona – dizajnirana da diše zajedno s korisnikom.

Ključne komponente sustava:

• Hasura GraphQL omogućuje trenutačnu dvosmjernu komunikaciju između aplikacije i CMS-a, bez potrebe za ručnim ažuriranjem ili posebnim API endpointima.
• TypeScript API povezuje sve servisne procese: upravlja validacijama, rasporedima, obradom notifikacija i integracijom vanjskih servisa. Time osigurava stabilnost i preciznu kontrolu podataka kroz jasno definirane tipove i pravila.
• Flutter aplikacija i CMS čine vizualni i administrativni sloj sustava – pružaju dosljedno korisničko iskustvo na svim uređajima i omogućuju administratorima da mijenjaju sadržaj u stvarnom vremenu. Time se postiže dosljedno upravljanje sadržajem u mobilnoj aplikaciji.
• Modularna arhitektura omogućuje brze nadogradnje funkcionalnosti bez narušavanja stabilnosti, što čini sustav dugoročno održivim i prilagodljivim novim zahtjevima tržišta.

U pozadini, TypeScript API orkestrira komunikaciju između svih slojeva – Hasura GraphQL-a, CMS-a i mobilne aplikacije – sinkronizirajući podatke, validirajući unose i pokrećući automatizirane procese u stvarnom vremenu.

Start Aftercare nije samo aplikacija; to je digitalni ekosustav međusobno povezanih modula koji zajedno čine novi standard u komunikaciji između salona i njihovih klijenata.

U nastavku predstavljamo glavne funkcionalnosti koje definiraju ovaj sustav – one koje daju ritam svakodnevnoj upotrebi i čine razliku između običnog “digitalnog alata” i istinski pametne aplikacije

Personalizirana njega — dan po dan

Projekt Start Aftercare temelji se na funkcionalnosti koja oblikuje cjelokupno korisničko iskustvo — od odabira tretmana do automatskog generiranja personaliziranog plana njege. Prilikom prvog pokretanja aplikacije, korisnik odabire vrstu tretmana (tetoviranje, piercing, PMU ili laserski zahvat), nakon čega sustav automatski generira dnevni plan prilagođen specifičnostima odabrane usluge.

Svaki plan razvijen je u suradnji s klijentom, temeljem stručnih smjernica iz područja posttretmanske njege. Upute su jasne, strukturirane i podijeljene po danima, kako bi korisnik jednostavno pratio tijek oporavka — od prvog dana nakon tretmana do završne faze njege. Aplikacija pritom kombinira automatizaciju i edukaciju, vodeći korisnika korak po korak kroz proces oporavka, uz podsjetnike i objašnjenja u stvarnom vremenu.

Funkcionalnost je ostvarena kroz integrirani sustav Flutter aplikacije i CMS-a, povezanih putem Hasura GraphQL infrastrukture i TypeScript API-ja. Svaka promjena koju administrator unese u CMS automatski se prenosi u aplikaciju,bez ručnih intervencija, osvježavanja ili redeploya, čime se osigurava potpuno sinkronizirano korisničko iskustvo. Ovaj mehanizam čini jezgru razvoja mobilne aplikacije s CMS-om, gdje urednici uređuju planove, a korisnici ih vide odmah

U ovom modulu najvažnije komponente su:

• Automatsko generiranje plana njege – sustav stvara personalizirani dnevni plan prema vrsti tretmana i posttretmanskim pravilima.
• Jasna dnevna struktura – svaki dan ima definirane zadatke, upute i status napretka, što korisniku omogućuje lako praćenje i motivaciju.
• Real-time sinkronizacija putem Hasura GraphQL-a i TypeScript API sloja – sve izmjene u CMS-u trenutačno su vidljive korisnicima u aplikaciji, uz potpunu konzistentnost podataka.
• Dinamičan prikaz sadržaja u Flutteru – aplikacija automatski prilagođava prikaz jeziku, uređaju i tipu tretmana, zadržavajući besprijekoran dizajn i performanse.
• Integrirana prodajna komponenta – svaka faza njege može sadržavati tematske bannere i poveznice na webshop klijenta, omogućujući povezivanje edukacije i komercijalnih sadržaja.
• Cjelovita kontrola kroz CMS – administrator definira redoslijed, prikaz i poveznice bannera izravno u sučelju, bez potrebe za dodatnim razvojem ili kodiranjem.
• Potpuna integracija CMS-a i mobilne aplikacije skraćuje vrijeme objave sadržaja s dana na minute.

Ovaj modul ne nudi samo digitalni vodič, već inteligentan sustav koji povezuje edukaciju, njegu i prodaju u jedno iskustvo.

Korisnik u svakom trenutku zna što treba učiniti, kada i zašto — a svi preporučeni proizvodi i informacije dostupni su mu odmah, bez pretraga, čekanja ili dodatnih objašnjenja.

Start Aftercare pretvara proces njege u jasan, vođen i siguran put – od tretmana do potpunog oporavka – uz mogućnost da korisnik trenutno pronađe proizvode koji mu pomažu postići optimalan rezultat

Svaki dan se računa — vođeni oporavak u tvom ritmu

U središtu svakog tretmana nalazi se vrijeme – ritam oporavka koji zahtijeva dosljednost i točnost. Zato je u Start aftercare aplikaciji razvijen dnevni brojač koji vodi korisnika kroz proces njege — korak po korak, dan po dan.

Nakon odabira tretmana, sustav automatski pokreće personalizirani vremenski slijed koji se prilagođava duljini i specifičnostima pojedinog zahvata. Na taj način svaki korisnik u svakom trenutku zna gdje se nalazi u procesu, što je već učinio i što ga još očekuje.

Brojač ne prikazuje samo dane — on interpretira faze oporavka. Svaka faza ima svoje značenje, svoj tempo i cilj. U početnoj fazi korisnik uči što smije, a što treba izbjegavati; u srednjoj fazi aplikacija prati napredak i prilagođava preporuke; u završnoj fazi prikazuje trenutak kada je njega dovršena.

Funkcionalnost brojača oblikovana je tako da spaja vizualnu jasnoću i tehničku preciznost, čime se korisniku omogućuje jednostavno praćenje bez straha od pogreške.

Glavne funkcionalnosti uključene u ovom modulu su:

• Automatski vremenski slijed – aplikacija generira trajanje plana prema vrsti tretmana i dinamički prikazuje napredak po danima.
• Fazni prikaz oporavka – tri faze njege (početna, srednja, završna) s jasno definiranim zadacima, upozorenjima i savjetima.
• Interaktivni brojač – korisnik u svakom trenutku vidi koliko je dana prošlo, a koliko ih još preostaje do završetka njege.
• Real-time sinkronizacija putem Hasura GraphQL-a i TypeScript API-ja – stanje korisnika trenutačno se ažurira u bazi i prikazuje u aplikaciji, neovisno o uređaju, što je ključno za mobilnu aplikaciju s kontrolom sadržaja.
• Automatska logika napredovanja – pomoću TypeScript logike aplikacija bilježi svaku aktivnost i prikazuje sadržaj (tekst, slike, video, bannere) točno onog dana kada je potreban.
• Fluidan prikaz u Flutteru – vizualni pokazatelji napretka, animirani prijelazi i prilagodba temi uređaja (tamni/svijetli način rada) osiguravaju ugodno iskustvo.
• Integrirana validacija aktivnosti – API bilježi sve korisničke interakcije (označavanje zadataka, pregled savjeta, primanje notifikacija) i vraća ažurirani status u aplikaciju u stvarnom vremenu.

Ovaj modul ne prati samo vrijeme — on vodi korisnika.

Start aftercare tako postaje više od aplikacije: postaje digitalni asistent koji pomaže korisniku da ostane dosljedan, podsjeća ga na sljedeće korake i bilježi svaku promjenu.

Korisnici više ne moraju pamtiti rokove ili detalje – aplikacija to čini umjesto njih, pretvarajući proces njege u jasan, mjerljiv i motivirajući put.

Pravovremena njega — automatizirane push obavijesti s precizno usmjerenim deep-linkovima

U aplikaciji Start aftercare, push notifikacije predstavljaju jedan od ključnih mehanizama koji korisnicima pomaže da redovito i točno slijede svoj plan njege.

Ovaj modul nije samo tehnička funkcionalnost, već pažljivo dizajniran sustav komunikacije koji korisniku u pravom trenutku pruža podsjetnik, smanjujući mogućnost pogrešaka i jačajući osjećaj sigurnosti nakon tretmana.

Sustav push notifikacija temelji se na Firebase Cloud Messaging (FCM) servisu, koji omogućuje pouzdano i skalabilno slanje obavijesti svim korisnicima, neovisno o platformi.

Notifikacije se generiraju automatski, prema unaprijed definiranim pravilima i osobnim postavkama koje korisnik unosi u aplikaciji.

Korisnik može odabrati učestalost primanja obavijesti — 2, 4, 6 ili 8 puta dnevno — dok je zadana postavka (default) podešena na svakih 8 dana. Uz to, sustav omogućuje i odabir vremenskog raspona u kojem korisnik želi primati obavijesti:

• samo prijepodne,
• samo poslijepodne,
• ili ravnomjerno raspoređeno tijekom dana.

Ova razina fleksibilnosti omogućuje da podsjetnici ne narušavaju korisnički ritam dana, već se prirodno uklapaju u njegovu rutinu.

Sadržaj svake notifikacije zadržava jednostavnost i prepoznatljiv ton – kratka poruka poput “It’s self-care time!” pojavljuje se u točno definirano vrijeme, ovisno o odabranoj dinamici i fazi tretmana. Klikom na notifikaciju, zahvaljujući deep-link mehanizmu, korisnik se ne preusmjerava na početni ekran, već izravno otvara “Njega / održavanje”, gdje su prikazane personalizirane upute za taj dan i njegov odabrani paket njege.

Svaka push notifikacija dinamički uključuje parametre:

• ID korisnika,
• kupljeni paket (Tattoo, Piercing, Tattoo Removal, PMU – Permanent Makeup),
• trenutni dan njege, određen automatski prema korisnikovom napretku.

Hasura GraphQL osigurava dohvat i sinkronizaciju svih relevantnih podataka u stvarnom vremenu, dok TypeScript API upravlja poslovnom logikom — validira postavke, izračunava raspored slanja obavijesti i orkestrira komunikaciju između CMS-a i aplikacije. Na korisničkoj strani, Flutter aplikacija prikazuje obavijesti u sučelju s trenutnim otvaranjem sadržaja, bez čekanja ili dodatnih koraka.

Rezultat je besprijekoran sustav automatiziranih podsjetnika koji kombinira tehničku preciznost i jednostavno korisničko iskustvo. Za krajnjeg korisnika, to znači da može zaboraviti na brige oko rasporeda njege — aplikacija ga vodi kroz svaki korak, u pravo vrijeme i u skladu s vlastitim dnevnim ritmom.

Sustav push notifikacija podsjeća korisnika kada i što treba učiniti, u skladu s njegovim tempom i navikama.

Sljedeće: pogledajmo kako FAQ i pravne stranice (web-view) doprinose transparentnosti, povjerenju i profesionalnoj vjerodostojnosti aplikacije.

Transparentnost koja gradi povjerenje — FAQ i pravne stranice izvedene kako treba

Kako bi korisnicima omogućila potpunu transparentnost i lak pristup pouzdanim informacijama, aplikacija Start aftercare sadrži integrirani modul za FAQ i pravne stranice, čija je svrha pružiti jednostavne, provjerene i lako dostupne odgovore na sve najčešće upite vezane uz njegu i korištenje aplikacije.

Ovo je školski primjer kako upravljanje sadržajem u mobilnoj aplikaciji smanjuje trošak održavanja i ubrzava ažuriranja.

Ključna prednost ovog modula leži u potpunoj kontroli sadržaja od strane klijenta. Putem CMS sustava, klijent može samostalno uređivati i organizirati FAQ sekcije, te dodavati i uređivati poveznice na pravne stranice koje se učitavaju putem web-view prikaza unutar aplikacije.

Na taj način korisnici ostaju unutar istog sučelja, bez potrebe za otvaranjem vanjskih preglednika, što osigurava konzistentnost i povjerenje u korištenju.

U okviru FAQ modula, klijent ima mogućnost kreiranja:

• općeg FAQ-a — koji sadrži univerzalne informacije o aplikaciji, procesima njege i tehničkoj podršci,
• specifičnih FAQ sekcija za svaku pojedinu vrstu njege, primjerice Tattoo, Piercing, PMU ili Tattoo Removal.

Ova fleksibilnost omogućuje precizno ciljanje informacija prema tipu tretmana koji je korisnik odabrao. Primjerice, korisnik koji koristi aplikaciju za PMU tretman vidjet će odgovore i preporuke isključivo relevantne za taj postupak — od higijenskih preporuka do smjernica za obnovu boje — dok korisnik piercing tretmana dobiva potpuno drugačiji skup informacija.

Tako se izbjegava nepotrebno opterećivanje korisnika i osigurava iskustvo koje je jasno, ciljano i prilagođeno.

U istom CMS sučelju, klijent može dodavati poveznice na pravne stranice, kao što su:

• Uvjeti korištenja,
• Politika privatnosti,
• Kontakt.

Te poveznice se unose kao URL adrese, a u mobilnoj aplikaciji se prikazuju u web-view formatu. Ovakvo rješenje omogućuje jednostavno ažuriranje pravnih dokumenata bez potrebe za ponovnim objavljivanjem aplikacije — dovoljno je ažurirati URL unutar CMS-a, a korisnici će odmah pristupiti novoj verziji dokumenta.

S tehničke strane, Hasura GraphQL sloj osigurava sinkronizaciju sadržaja iz CMS-a u stvarnom vremenu, dok TypeScript API kontrolira strukturu i dostupnost svakog zapisa, validirajući poveznice i statuse sadržaja. Na korisničkoj strani, Flutter aplikacija prikazuje web-view stranice unutar vlastitog sučelja, čime je postignut ujednačen dizajn i jednostavna navigacija.

Ovaj pristup spaja tri važne komponente — transparentnost, kontrolu i korisničko iskustvo. Korisnici imaju pristup svim informacijama unutar jednog sučelja, klijent može brzo ažurirati sadržaj bez tehničke intervencije, a dizajn ostaje čist i dosljedan vizualnom identitetu aplikacije.

Modul FAQ i pravnih stranica povezuje informiranost i povjerenje – korisnici dobivaju odgovore i uvid u pravne dokumente bez napuštanja aplikacije. Sljedeće: pogledajmo kako QR kodovi i brendiranje salona pretvaraju digitalno iskustvo u alat za promociju i distribuciju aplikacije krajnjim korisnicima.

Od salona do ekrana — kako QR kodovi pretvaraju dijeljenje aplikacije u pametan marketing

Kako bi aplikacija Start aftercare bila lako dostupna krajnjim korisnicima, razvijena je funkcionalnost generiranja QR koda namijenjena vlasnicima salona. Riječ je o praktičnom, vizualno prilagođenom rješenju koje omogućuje jednostavno dijeljenje aplikacije i brzo preusmjeravanje korisnika na stranicu za preuzimanje.

Primarna svrha QR koda jest da vlasnicima salona omogući jednostavan način promoviranja aplikacije unutar vlastitih prostora. Putem Flutter CMS-a, vlasnik može preuzeti svoj QR kod i isprintati ga za postavljanje na vidljivo mjesto — primjerice na pult, ogledalo, ulazna vrata ili promotivne materijale poput letaka i naljepnica.

Klikom na opciju “Generiraj QR kod” u CMS-u, otvara se modalni prozor s mogućnostima:

• preuzimanja QR koda u tamnoj ili svijetloj verziji,
• pregleda osnovnih informacija o njegovoj namjeni i načinu upotrebe.

Ova dvostruka verzija QR koda osigurava fleksibilnost u dizajnu – saloni mogu odabrati varijantu koja se vizualno bolje uklapa u njihov prostor ili brendirane materijale.

Kada korisnik u salonu skenira QR kod, automatski se preusmjerava na službeni landing page aplikacije, na kojoj može:

• odabrati verziju aplikacije koju želi preuzeti (Android ili iOS),
• pročitati osnovne informacije o aplikaciji i načinu korištenja.

Ovakav pristup omogućuje korisnicima trenutan pristup aplikaciji, bez potrebe za pretragom po trgovinama, dok vlasnicima salona nudi jednostavan, profesionalan i vizualno dosljedan način dijeljenja aplikacije s klijentima.

S tehničke strane, sustav QR kodova povezan je s Flutter CMS-om, koji generira i pohranjuje kodove u optimiziranom SVG formatu. TypeScript API upravlja automatskim stvaranjem i validacijom poveznica prema službenom landing pageu te osigurava komunikaciju s Hasura GraphQL slojem koji pohranjuje metapodatke o svakom generiranom kodu. Na korisničkoj strani, Flutter frontend osigurava jasan prikaz i trenutačno otvaranje modalnog prozora bez odgode.

Na ovaj način, QR kod postaje više od tehničke funkcionalnosti – on je poveznica između fizičkog salona i digitalnog iskustva korisnika, prvi korak kojim se klijent uvodi u digitalni proces posttretmanske njege.

Start Aftercare kroz ovaj modul spaja praktičnost i marketing: vlasnici salona mogu u nekoliko sekundi podijeliti aplikaciju s klijentima, bez tehničkih prepreka i dugih objašnjenja, dok korisnici jednostavnim skeniranjem dobivaju pristup personaliziranom digitalnom iskustvu njege.

QR kod omogućuje vlasnicima salona da u nekoliko sekundi podijele aplikaciju s klijentima, bez tehničkih prepreka i dugih objašnjenja. Za urednike, CMS osigurava da je Android i iOS aplikacija s backendom uvijek povezana s aktualnim landing stranicama i kampanjama.

Aplikacija koja govori jezikom svakodnevne njege — besprijekorno globalno iskustvo

Kako bi Start aftercare bio dostupan što širem krugu korisnika, razvijen je modul višejezičnosti koji omogućuje prikaz aplikacije na sedam jezika definiranih u suradnji s Naručiteljem. Ova funkcionalnost nije zamišljena samo kao tehničko proširenje, već kao strateški temelj za širenje aplikacije na međunarodno tržište.

Bez obzira na zemlju, uređaj ili jezik korisnika, sustav zadržava isti standard – jasan prikaz, konzistentan ton i jednaku razinu preciznosti u svakoj jezičnoj verziji.

Bez napora do lokalizacije — engleski kao pouzdana sigurnosna mreža

Pri prvom pokretanju, aplikacija automatski prepoznaje postavke jezika na korisnikovom uređaju. Ako je jezik podržan, prikazuje se u potpunosti lokalizirano sučelje – od gumba i obavijesti do uputa i poruka sustava.

U slučaju da korisnik koristi jezik koji nije među podržanima, aplikacija se automatski otvara na engleskom jeziku, koji služi kao univerzalna sigurnosna opcija. Ova logika kombinira automatizaciju i fleksibilnost, a korisniku ostavlja mogućnost ručnog odabira jezika unutar postavki aplikacije. Time se osigurava da svaki korisnik – neovisno o tržištu ili platformi – dobije potpuno razumljivo i konzistentno iskustvo.

Glavne značajke automatske lokalizacije:

• Prepoznavanje jezika uređaja pri prvom pokretanju.
• Automatsko postavljanje odgovarajuće jezične verzije sučelja.
• Engleski kao zadani jezik u slučaju nepodržanih postavki.
• Ručna promjena jezika u postavkama aplikacije.

Takva integracija CMS-a i mobilne aplikacije omogućuje simultano lansiranje novih jezika.

Centralizirano upravljanje prijevodima — potpuna kontrola nad svakom riječi, bez napora

Svi tekstovi unutar aplikacije – od dnevnih uputa i FAQ sekcija do notifikacija i poruka o greškama – uređuju se centralizirano putem CMS-a.

Administrator može unositi i uređivati sadržaj za svih sedam jezika, dok sustav automatski generira osnovne prijevode uz pomoć integriranog Google Translate API-ja, osiguravajući pritom preciznost i terminološku usklađenost, uz konzolu koja podržava mobilnu aplikaciju s administracijom.

Sve izmjene napravljene u CMS-u odmah postaju vidljive korisnicima zahvaljujući real-time sinkronizaciji između Flutter CMS-a, TypeScript API sloja i Hasura GraphQL baze. Takva arhitektura omogućuje trenutno ažuriranje sadržaja, brzu reakciju na promjene tržišta i dodavanje novih jezika — bez potrebe za dodatnim razvojnim intervencijama.

Prednosti centraliziranog pristupa:

• Potpuna kontrola nad prijevodima kroz jedno administracijsko sučelje.
• Automatsko generiranje i ručno uređivanje prijevoda uz mogućnost validacije.
• Ažuriranje sadržaja u stvarnom vremenu zahvaljujući sinkronizaciji između CMS-a i baze.
• Jednostavno dodavanje novih jezika bez potrebe za izmjenama u kodu ili ponovnim objavljivanjem aplikacije.

Zahvaljujući ovakvom pristupu, Start Aftercare omogućuje da svaka riječ — od naslova do uputa — ostane usklađena, točna i odmah dostupna korisnicima na njihovom jeziku.

Središnje upravljanje prijevodima tako postaje više od tehničke funkcionalnosti — ono je ključni alat za globalnu dostupnost i lokalno prilagođeno korisničko iskustvo.

Višejezično sučelje — jedinstveno iskustvo za svaki jezik

Korisničko sučelje izrađeno u Flutteru podržava dinamičku promjenu jezika u stvarnom vremenu.

Statični elementi (naslovi, gumbi, obavijesti) preuzimaju prijevode iz centralne baze, dok dinamički sadržaj (poput dnevnih uputa ili FAQ-a) dolazi iz CMS-a i automatski se prikazuje na jeziku korisnika.

Aplikacija se ne mora ponovno pokretati – promjena jezika odvija se trenutno i neprimjetno, čime se osigurava prirodan tijek korištenja.

Zahvaljujući takvom pristupu, Start aftercare zadržava osjećaj lokalne bliskosti unutar globalnog dosega – svatko, bez obzira na lokaciju, koristi aplikaciju kao da je pisana baš za njega.

Višejezičnost u Start aftercare aplikaciji nije samo tehničko rješenje, već most prema globalnoj dostupnosti. Kombinacijom Flutter frontend arhitekture, TypeScript API-ja te Hasura GraphQL sinkronizacije, sustav omogućuje besprijekornu komunikaciju s korisnicima diljem svijeta — bez jezičnih prepreka i bez gubitka identiteta brenda. U praksi, to je CMS za mobilne aplikacije koji urednicima daje cjelovitu kontrolu.

U sljedećem poglavlju istražujemo kako CMS sustav, razvijen u potpunosti od nule, postaje središnja točka upravljanja sadržajem, korisnicima i komercijalnim komponentama aplikacije.

CMS sustav — kontrola u stvarnom vremenu, rezultati bez odgode

U središtu Start Aftercare ekosustava nalazi se CMS sustav – poslovno srce koje pokreće cijelu aplikaciju. Dok je mobilna aplikacija njezino vidljivo lice, CMS predstavlja mozak sustava – centralno mjesto koje upravlja sadržajem, korisnicima i procesima njege u stvarnom vremenu. Time nastaje mobilna aplikacija s administracijom u kojoj sadržaj živi u stvarnom vremenu.

CMS je razvijen u Flutteru kao web aplikacija, dostupna iz bilo kojeg preglednika, bez potrebe za instalacijom dodatnog softvera. Takav pristup čini administraciju jednostavnom, pristupačnom i sigurnom, a Start Aftercare pretvara iz mobilne aplikacije u cjelovit digitalni poslovni sustav koji povezuje sve ključne komponente – sadržaj, korisnike, obavijesti i prodajne elemente – u jedno učinkovito okruženje.

Sustav je oblikovan tako da bude razumljiv i korisnicima bez tehničkog predznanja, dok u pozadini djeluje Hasura GraphQL sloj koji upravlja komunikacijom s bazom podataka, te TypeScript API koji orkestrira logiku prijenosa i validaciju podataka između CMS-a i mobilne aplikacije. Zahvaljujući takvoj arhitekturi, svaka promjena unesena u CMS-u automatski se prikazuje u aplikaciji – bez ručnih ažuriranja, bez čekanja i bez dodatnog deploymenta

CMS uključuje niz napredno osmišljenih mogućnosti:

• Upravljanje sadržajem – administratori mogu unositi, uređivati i kategorizirati tekstove, bannere, upute i FAQ sekcije za sve jezike.
• Real-time sinkronizacija – svaka promjena napravljena u CMS-u odmah je vidljiva korisnicima aplikacije zahvaljujući Hasura GraphQL infrastrukturi.
• Modularna arhitektura – novi moduli, jezici ili tipovi sadržaja mogu se dodavati bez narušavanja stabilnosti sustava.
• Intuitivno sučelje – Flutter CMS dizajniran je za brz i jednostavan unos podataka, razumljiv i korisnicima bez tehničkih znanja.
• Integracija prodajnih elemenata – bannere, linkove i proizvode iz webshopa moguće je dodavati i uređivati direktno kroz CMS, uz trenutačnu vidljivost u aplikaciji.
• Strukture i tokovi za upravljanje sadržajem u mobilnoj aplikaciji (tretmani, dani, faze) dostupni su iz jedne konzole

CMS u Start Aftercare projektu nije samo alat za unos sadržaja – on je potpuni poslovni sustav koji povezuje tehnologiju, dizajn i korisničko iskustvo u jednu cjelinu. Kombinacijom jednostavnosti, automatizacije i fleksibilnosti, sustav omogućuje da se svaki aspekt aplikacije – od jezika i sadržaja do bannera i obavijesti – održava ažurnim, sigurnim i potpuno usklađenim s korisničkim iskustvom.

U nastavku pogledajmo kako sustav automatiziranih obavijesti omogućuje dvosmjernu, preciznu i pravovremenu komunikaciju između salona i korisnika.

Administracijsko središte — stvori, uskladi, objavi

CMS sustav Start aftercare aplikacije razvijen je kao centralna točka upravljanja sadržajem, korisnicima i procesima njege. Osmišljen je tako da administratorima pruži potpunu kontrolu nad poslovnim logikama i korisničkim iskustvom, bez potrebe za dodatnim tehničkim znanjem.

Cijeli skup alata dizajniran je za razvoj mobilne aplikacije s CMS-om koji urednicima daje potpunu autonomiju.

Sve promjene — od unosa novih tretmana do dodavanja bannera — u stvarnom se vremenu sinkroniziraju s mobilnom aplikacijom putem Hasura GraphQL baze, dok TypeScript API osigurava validaciju podataka i pravilan prijenos između CMS-a i korisničke aplikacije.

Na taj način se održava potpuna ažurnost, sigurnost i stabilnost sustava, uz minimalnu potrebu za ručnim intervencijama.

Upravljanje korisnicima - preciznost, kontrola i integritet podataka

Ova funkcionalnost omogućuje preciznu kontrolu nad korisničkom bazom aplikacije, pri čemu administratori putem CMS-a mogu:

• pregledavati i pretraživati korisnike prema tretmanu, statusu ili vrsti računa,
• deaktivirati, reaktivirati ili trajno izbrisati korisničke profile,
• dodjeljivati različite razine pristupa i nadzora,
• provjeravati povijest aktivnosti i status registracije.

Sustav uključuje sigurnosne mehanizme koji sprječavaju slučajno brisanje ili izmjenu podataka, čime se čuva integritet baze i visoka razina zaštite osobnih informacija.

Ovaj modul čini temelj administrativne kontrole i transparentnosti rada cijelog sustava.

Pregled i upravljanje paketima njege - dinamičan i uvijek točan sadržaj

Unutar CMS-a nalazi se centralna evidencija svih paketa posttretmanske njege — Tattoo, Piercing, Tattoo Removal i PMU (Permanent Makeup), s time da administrator može:

• pregledavati postojeće pakete i njihove atribute,
• ažurirati opise, slike i strukturu sadržaja,
• privremeno deaktivirati pojedine pakete,
• dodavati nove tretmane kada se uvedu u ponudu.

Na ovaj način sustav omogućuje potpunu kontrolu nad prikazom dostupnih tretmana, osiguravajući da korisnici uvijek imaju pristup točnim i aktualnim informacijama. CMS time postaje ključni alat u održavanju dinamičnog i skalabilnog sustava njege.

Upravljanje sadržajem za njegu - trenutačna ažuriranja i potpuna kreativna sloboda

Ovaj modul omogućuje dodavanje, uređivanje i održavanje svih sadržaja koji se prikazuju korisnicima u mobilnoj aplikaciji — uključujući tekstove, slike, videozapise i upute po danima, a administratori putem CMS-a mogu:

• unositi nove sadržaje za svaki tretman,
• ažurirati postojeće upute ili dodati multimedijalne elemente,
• uređivati redoslijed prikaza i vizualnu strukturu,
• odmah objaviti izmjene zahvaljujući real-time sinkronizaciji s Hasurom.

Prednost ovakvog pristupa jest u tome što administrator može upravljati svim elementima aplikacije bez tehničkog posrednika — sadržaj se automatski prikazuje korisnicima, što znatno ubrzava proces ažuriranja i održavanja. Ovo je srž pojma mobilna aplikacija s kontrolom sadržaja.

Upravljanje bannerima i oglasima - gdje se njega susreće s prodajom

CMS uključuje zaseban modul za dodavanje i upravljanje promotivnim bannerima unutar aplikacije te kroz ovaj alat klijent može:

• dodati novi banner s linkom na webshop ili partnersku stranicu,
• povezati banner s određenim tipom tretmana ili fazom njege,
• ažurirati slike i tekstualne opise u stvarnom vremenu.

Ova funkcionalnost pretvara Start aftercare u platformu koja objedinjuje edukaciju i prodaju — korisnik dobiva relevantan sadržaj i proizvode točno u trenutku kada su mu potrebni, dok salon povećava vidljivost i dodatne izvore prihoda.

Pravne i informativne stranice – urađena transparentnost

Administrator u CMS-u može jednostavno dodavati i ažurirati pravne dokumente i informativne sekcije, uključujući:

• Opće uvjete korištenja,
• Politiku privatnosti,
• Kontakt podatke.

Uneseni linkovi prikazuju se unutar aplikacije u obliku web-view prozora, čime se osigurava lako održavanje i pravna usklađenost bez dodatnih razvojnih intervencija.

Ovaj modul omogućuje da aplikacija ostane transparentna i usklađena sa svim propisima, uz minimalan napor održavanja.

Centralizirano upravljanje prijevodima – jedan sustav, sedam jezika

CMS sustav Start Aftercare aplikacije uključuje napredni modul za upravljanje višejezičnim sadržajem, koji pokriva svih sedam jezika podržanih u aplikaciji.

Administratori putem Flutter CMS sučelja mogu:

• unositi i uređivati prijevode za svaki jezik,
• koristiti integrirani Google Translate API za automatsko prevođenje,
• ručno doraditi i validirati sadržaj,
• sinkronizirati promjene u stvarnom vremenu putem Hasura GraphQL API-ja, uz posredovanje TypeScript API sloja.

Ovaj pristup osigurava da je sav sadržaj — od dnevnih uputa do push obavijesti — u potpunosti lokaliziran i konzistentan, bez potrebe za dodatnim alatima ili ručnim prijenosima podataka.

Administracijsko sučelje Start Aftercare CMS-a nije tek pozadinski alat, već operativno središte sustava.

Omogućuje administratorima da jednostavno, precizno i sigurno upravljaju svim aspektima aplikacije — od korisnika i tretmana do jezika i bannera — uz potpunu sinkronizaciju s mobilnim sučeljem u stvarnom vremenu. Učinkovitost ovog CMS-a za mobilne aplikacije posebno se vidi kod višestrukih tržišta i čestih izmjena.

Zahvaljujući kombinaciji Flutter CMS-a, Hasura GraphQL infrastrukture i TypeScript API-ja, svaka promjena unutar sustava automatski se odražava u aplikaciji.

Ovakva arhitektura osigurava da aplikacija uvijek ostane ažurna, pouzdana i spremna za širenje — bez dodatnih razvojnih zahvata ili ručnih prilagodbi.

Savršena sinkronizacija — kako CMS i aplikacija „dišu“ u istom ritmu

Start Aftercare CMS i mobilna aplikacija povezani su putem Hasura GraphQL arhitekture, koja omogućuje trenutnu i dvosmjernu sinkronizaciju svih sadržaja — od dnevnih uputa i bannera do korisničkih postavki i notifikacija.

Ovakva arhitektura potvrđuje dosljednu integraciju CMS-a i mobilne aplikacije.

Kada administrator unese novu informaciju ili ažurira postojeću, promjena se automatski prikazuje u aplikaciji, bez ponovnog preuzimanja, ručnog osvježavanja ili dodatnih koraka.

TypeScript API u pozadini upravlja validacijom i prijenosom podataka između Flutter CMS-a i mobilne aplikacije, dok Hasura GraphQL sloj osigurava brzu i sigurnu komunikaciju s bazom podataka.

Rezultat je besprijekorna sinkronizacija između backend i frontend slojeva, koja osigurava maksimalnu učinkovitost, preciznost i ažurnost cijelog sustava.

Korisnici vide trenutne promjene, administratori rade bez kašnjenja, a podaci se sinkroniziraju u stvarnom vremenu – pouzdano, stabilno i bez grešaka.

Sustav stvoren za razvoj — fleksibilna arhitektura spremna za rast

Arhitektura Start aftercare CMS sustava zamišljena je kao otvorena i modularna platforma, spremna za stalni rast i prilagodbu novim potrebama.

Umjesto zatvorenog i statičnog rješenja, sustav je izgrađen tako da svaka njegova komponenta može funkcionirati samostalno, ali i neprimjetno surađivati s ostalima.

Na taj se način svaka buduća nadogradnja — bilo da se radi o novom tipu tretmana, dodatnom jeziku ili integraciji s vanjskim servisom — može implementirati bez rizika po stabilnost i performanse postojećeg sustava.

Tehnička osnova sustava oslanja se na Hasura GraphQL, TypeScript i Flutter tehnologije, što omogućuje:

• modularno proširivanje funkcionalnosti bez potrebe za ponovnim razvojem jezgre,
• skalabilnost u pogledu broja korisnika, tretmana i jezika,
• visoku stabilnost i sigurnost podataka zahvaljujući dvosmjernoj sinkronizaciji,

Zahvaljujući ovakvom pristupu, Start aftercare se može neograničeno razvijati — od jednostavne aplikacije za njegu do potpunog poslovnog ekosustava koji povezuje salone, korisnike i partnere na globalnoj razini.

Centralizirano, automatizirano i uvijek ažurno — Start aftercare CMS ne predstavlja samo administracijski alat, već platformu za budućnost.

Njegova fleksibilna arhitektura omogućuje da sustav raste zajedno s poslovanjem, ostajući stabilan, siguran i učinkovit, bez obzira na opseg ili kompleksnost nadogradnji.

Naša završna misao — tehnologija koja brine

Digitalna transformacija zdravstvene i estetske industrije zahtijeva rješenja koja nisu samo funkcionalna, već i dovoljno intuitivna, personalizirana i pametna da prate potrebe modernih korisnika i poslovnih partnera.

Projekt Start aftercare pokazuje kako se izrada mobilnih aplikacija i razvoj poslovnih sustava mogu spojiti u jedinstveno digitalno iskustvo koje unapređuje cijeli proces posttretmanske njege — od prvog dana nakon zahvata do potpunog oporavka. Start aftercare je referentno rješenje za integraciju CMS-a i mobilne aplikacije u estetskoj industriji.

Kroz pažljivo planiranu arhitekturu i izbor tehnologija — Flutter za razvoj mobilne aplikacije i CMS sučelja, Hasura GraphQL za real-time sinkronizaciju podataka i TypeScript API za logiku, validaciju i komunikaciju između sustava — stvorili smo platformu koja objedinjuje funkcionalnost, dizajn i performanse u jedinstvenu cjelinu. Za klijenta to znači mobilnu aplikaciju s administracijom koju je moguće razvijati i održavati bez zastoja.

Sustav omogućuje korisnicima da svakodnevno prate personalizirane upute, salone da brendiraju i distribuiraju aplikaciju putem QR koda, a administratorima da upravljaju sadržajem, jezicima i kampanjama iz jednog centraliziranog CMS sučelja.

Start aftercare nije samo aplikacija za njegu nakon tretmana — to je digitalni most između salona i klijenata, osmišljen da pruži sigurnost, dosljednost i profesionalno iskustvo u svakom koraku njege. Zahvaljujući modularnoj arhitekturi i mogućnostima nadogradnje, sustav je spreman za međunarodno širenje, integracije s e-commerce platformama i buduće AI funkcionalnosti koje će dodatno personalizirati korisnički doživljaj.

Ovaj projekt najbolje ilustrira našu filozofiju: tehnologija ima najveću vrijednost kada pojednostavljuje svakodnevni život i donosi stvarne koristi korisnicima. Start aftercare je dokaz da inovativna kombinacija mobilnih aplikacija, inteligentnih CMS sustava i modernog UX dizajna može redefinirati način na koji brinemo o sebi — digitalno, jednostavno i učinkovito.

U RedCodeu vjerujemo da se budućnost digitalne njege gradi upravo na ovakvim alatima — sigurnim, fleksibilnim i vizualno besprijekornim. Bez obzira razvijate li svoj prvi digitalni proizvod, modernizirate postojeću aplikaciju ili tražite partnera za izradu skalabilne platforme za rast, naš tim stoji vam na raspolaganju.

Želite razviti vlastitu mobilnu aplikaciju — od ideje do gotovog proizvoda? Javite nam se za konzultacije i suradnju — s nama ne gradite samo aplikaciju, već digitalnu strategiju budućnosti njege.