Začnite projekt
Skip to content
Spletna aplikacija po meri

Lokacijska platforma z avdio vodiči za otroke

Platforma po meri, razvita z Laravelom in Nuxtom, za LyraGuides — otroški avdio vodič, ki raziskovanje mesta spremeni v interaktivno dogodivščino skozi zgodbo. Projekt je vključeval lokacijske sprožilce avdio vsebin, Stripe plačila, uporabniške račune, shranjevanje napredka, večjezične vodiče, administracijski sistem po meri in mobile-first uporabniško izkušnjo.

Project overview
Client
Barbara bernot
Industry
TravelTech / izobraževanje / družinska doživetja
Platform
Laravel + Nuxt
Storitve
API integracije Optimizacija hitrosti Redno vzdrževanje in podpora Spletne aplikacije po meri
Year
2025
Visit Website

Razvoj interaktivne avdio dogodivščine za otroke

LyraGuides je potreboval več kot samo standardno spletno stran. Projekt je zahteval celotno spletno aplikacijo po meri, ki podpira izkušnjo raziskovanja mesta skozi avdio zgodbe, lokacijske sprožilce, naloge, namige, nakupe, uporabniške račune in večjezično vsebino vodičev.

Ideja LyraGuides je preprosta, vendar tehnično zahtevna: otroci postanejo vodiči. Premikajo se skozi mesto, poslušajo avdio zgodbe, prejmejo namige, rešujejo naloge in odkrivajo lokacije skozi lastno radovednost. Odrasli niso glavni vodiči v izkušnji, temveč spremljevalci in varuhi poti, medtem ko otrok vodi dogodivščino.

Platforma je bila razvita od začetka z uporabo Laravela za zaledje in Nuxta za uporabniški vmesnik. To je projektu omogočilo potrebno fleksibilnost za podporo poslovnemu modelu po meri, mobile-first uporabniški izkušnji, nakupu vodičev, GPS sprožilcem in administracijskemu sistemu za upravljanje prihodnjih vsebin.

Ključen del projekta je bila lokacijska aktivacija avdio vsebin. Vsak vodič je sestavljen iz več točk na poti, vsaka točka pa lahko vključuje svoj avdio posnetek, nalogo, namig in povezano vsebino. Ko otrok doseže pravo lokacijo, sistem zazna njegov položaj in omogoči naslednji del dogodivščine.

Ker se izkušnja uporablja zunaj, med hojo po mestu, je morala biti aplikacija zasnovana z mislijo na resnične pogoje uporabe. Vmesnik je moral biti preprost, prijazen mobilnim napravam in enostaven za razumevanje. Cilj ni bil ustvariti aplikacije, kjer uporabnik stalno gleda v zaslon, temveč podpreti avdio izkušnjo, kjer otrok posluša, se premika, opazuje in sodeluje z okolico.

Rezultat je digitalna platforma po meri, ki LyraGuides omogoča prodajo in izvedbo interaktivnih, lokacijsko vodenih avdio dogodivščin za otroke — z začetkom v Kamniku in zasnovo, pripravljeno za širitev v nova mesta ter nove vodiče v prihodnosti.

Izziv

Največji izziv je bil, da LyraGuides ni mogel biti zgrajen kot preprosta predstavitvena spletna stran ali standardna eCommerce trgovina. Platforma je morala delovati kot digitalni produkt z logiko po meri skoraj na vsaki ravni.

Platforma je morala podpirati plačljiv dostop do vodičev, uporabniške račune, časovno omejeno razpoložljivost, večjezično vsebino, GPS napredovanje, predvajanje avdio vsebin, shranjevanje napredka in administracijski sistem, kjer je mogoče upravljati nove vodiče, točke poti, avdio datoteke, naloge in namige.

Lokacijska funkcionalnost je bila eden najpomembnejših tehničnih izzivov. Izkušnja temelji na sprožanju prave vsebine na pravem mestu. To pomeni, da mora sistem razumeti, kje se uporabnik nahaja, to primerjati s točkami vodiča in odkleniti pravilno avdio vsebino na način, ki med dejanskim sprehodom po mestu deluje naravno.

Tudi predvajanje avdio vsebin je prineslo praktične omejitve. Mobilne naprave in brskalniki lahko različno obravnavajo predvajanje medijev, še posebej pri samodejnem predvajanju, delovanju v ozadju, dovoljenjih in pravilih uporabniške interakcije. Sistem je moral te omejitve upoštevati in ustvariti izkušnjo, ki ostane razumljiva za družine z različnimi napravami.

Drug pomemben izziv je bilo oblikovanje izkušnje za otroke. Produkt je moral biti igriv in privlačen, hkrati pa dovolj preprost za uporabo zunaj. Vmesnik je moral podpirati dogodivščino, ne pa odvračati pozornosti od nje. Otrok mora biti spodbujen, da opazuje okolico, pozorno posluša, rešuje namige in vodi pot — ne da ves čas gleda v zaslon.

Platforma je morala biti pripravljena tudi za prihodnost. LyraGuides je začel s Kamnikom, vendar je moral biti sistem zgrajen tako, da podpira več mest, več vodičev, več jezikov in več vsebin skozi čas.

Cilji projekta

Glavni cilj je bil ustvariti delujoč digitalni produkt, ki LyraGuides omogoča prodajo, upravljanje in izvedbo interaktivnih avdio vodičev za otroke.

Ključen cilj je bil razvoj celotne aplikacijske logike od začetka. To je vključevalo upravljanje vodičev, nakupni tok, Stripe plačilno obdelavo, uporabniške račune, dostop do vodičev, aktivacijsko logiko, shranjevanje napredka, večjezično vsebino in predvajanje avdio vsebin, povezanih z resničnimi lokacijami.

Drug pomemben cilj je bil ustvariti izkušnjo, ki otroka postavi v vlogo raziskovalca. Platforma je morala podpirati idejo, da otrok vodi pot, posluša zgodbo, sledi namigom in odkriva mesto skozi gibanje in opazovanje.

Projekt je potreboval tudi prilagodljiv administracijski sistem. LyraGuides mora imeti možnost dodajanja novih vodičev, določanja točk poti, nalaganja avdio vsebin, upravljanja nalog in namigov ter priprave prihodnjih mestnih dogodivščin brez ponovne gradnje platforme.

Skalabilnost je bila še en pomemben cilj. Platforma ni bila zasnovana samo za en vodič. Zgrajena je bila kot osnova za širši sistem avdio vodičev, ki se lahko razširi na nove lokacije, nove jezike in nove tipe družinskih doživetij.

Nazadnje je moral projekt podpirati startup poslovni model. LyraGuides je bil razvit kot nov digitalni produkt in prepoznan skozi lokalni turistični startup natečaj, zato je morala biti platforma zgrajena tako z mislijo na validacijo produkta kot tudi na prihodnjo rast.

Rešitev

LyraGuides smo razvili kot spletno aplikacijo po meri z uporabo Laravela in Nuxta. Takšna arhitektura nam je omogočila ločitev zaledne poslovne logike od frontend uporabniške izkušnje, hkrati pa ohranila fleksibilnost, skalabilnost in vzdržljivost platforme.

Laravel poganja zaledje, vključno z uporabniškimi računi, nakupi vodičev, pravili dostopa, Stripe plačilno integracijo, upravljanjem vodičev, logiko točk poti, shranjevanjem napredka in administracijskim sistemom. To LyraGuides zagotavlja močno tehnično osnovo za upravljanje trenutnega vodiča in prihodnjih širitev.

Nuxt je bil uporabljen za frontend izkušnjo. Vmesnik je bil oblikovan in razvit s strani FlickWeba z mobile-first pristopom, saj se platforma primarno uporablja na pametnih telefonih med raziskovanjem na prostem. Frontend je moral biti igriv, jasen in dovolj preprost za uporabo med družinskim sprehodom.

Razvit je bil geolokacijski sistem, ki zazna, kdaj uporabnik doseže določene točke na poti vodiča. Ko uporabnik pride na pravo lokacijo, platforma omogoči naslednjo avdio zgodbo, namig ali nalogo. Tako nastane vodena izkušnja, ki se še vedno počuti kot dogodivščina, ki jo vodi otrok.

Za nakup vodičev je bila razvita integracija s Stripe APIjem. Namesto uporabe generičnega eCommerce vtičnika je bil plačilni tok zgrajen okoli specifičnih zahtev produkta. Po nakupu lahko uporabniki prek svojega računa dostopajo do vodiča, ga aktivirajo in uporabljajo v določenem obdobju dostopa.

Platforma podpira tudi shranjevanje napredka. To je pomembno, ker družine lahko vodič prekinejo, si vzamejo premor ali nadaljujejo kasneje. Izkušnja je zasnovana tako, da se naravno prilagaja resničnemu izletu, namesto da bi uporabnike silila v dokončanje v eni sami uporabi.

Administracijski sistem po meri omogoča ekipi LyraGuides upravljanje vodičev, točk, avdio datotek, nalog, namigov in večjezične vsebine. To platformi omogoča lažjo širitev ob ustvarjanju novih mestnih dogodivščin.

Key features

Laravel zaledje po meri

Skalabilno zaledje za uporabniške račune, dostop do vodičev, Stripe plačila, administracijsko upravljanje in poslovno logiko.

Nuxt frontend

Sodoben uporabniški vmesnik, zasnovan za mobilno uporabo, raziskovanje na prostem in igrivo izkušnjo, prijazno otrokom.

Lokacijski sprožilci avdio vsebin

Avdio zgodbe, naloge in namigi postanejo dostopni, ko uporabnik doseže določene točke na poti.

Upravljanje poti vodičev

Vsak vodič lahko vključuje več točk poti, vsaka s svojo vsebino, avdio posnetkom, nalogami in navodili.

Administracijski sistem po meri

Sistem za upravljanje vodičev, lokacij, avdio vsebin, nalog, namigov, prevodov in prihodnjih širitev.

Stripe plačilna integracija

Plačilni tok po meri z uporabo Stripe APIja za nakup dostopa do avdio vodičev.

Uporabniški računi

Uporabniki se lahko prijavijo in prek svojega računa dostopajo do kupljenih vodičev.

Časovno omejen dostop do vodičev

Dostop do vodiča je lahko po nakupu ali aktivaciji časovno omejen, kar podpira poslovni model plačljivih digitalnih doživetij.

Shranjevanje napredka

Družine lahko dogodivščino prekinejo in kasneje nadaljujejo, ne da bi izgubile trenutni položaj v vodiču.

Večjezična postavitev

Platforma podpira slovensko in angleško vsebino, vključno z večjezičnimi vodiči.

Logika predvajanja avdio vsebin

Predvajanje je prilagojeno omejitvam mobilnih brskalnikov in resnični uporabi med raziskovanjem mesta.

Newsletter integracija

Newsletter funkcionalnost podpira komunikacijo z družinami in obveščanje o prihodnjih vodičih.

Mobile-first izkušnja

Vmesnik je bil zasnovan za družine, ki platformo uporabljajo na pametnih telefonih med hojo na prostem.

Rezultat

LyraGuides ima zdaj celovito digitalno platformo po meri za prodajo in izvedbo lokacijskih avdio dogodivščin za otroke.

Platforma otrokom daje bolj aktivno vlogo pri raziskovanju mesta. Namesto pasivnega sledenja odraslim poslušajo zgodbe, rešujejo naloge, sledijo namigom in sami vodijo pot. To ustvarja bolj vključujočo izkušnjo za družine in podpira učenje skozi gibanje, opazovanje in radovednost.

Z vidika poslovanja ima LyraGuides zdaj skalabilno osnovo za prihodnjo rast. Platforma ni omejena na eno mesto ali en vodič. Nove lokacije, nove poti, novi jeziki in nove avdio dogodivščine se lahko dodajajo prek administracijskega sistema po meri.

Nakupni tok, podprt s Stripe integracijo, daje platformi jasen model digitalnega produkta, uporabniški računi in časovno omejen dostop pa omogočajo nadzorovano dostavo plačljivih vsebin vodičev.

Geolokacijska in avdio logika spremenita spletno stran v nekaj več kot standardno spletno prisotnost. Postane dejanska produktna izkušnja — lokacijsko odzivna spletna aplikacija, ki družine spremlja med resnično dogodivščino.

Ta projekt predstavlja razvoj spletne aplikacije po meri, ki presega predloge in standardne platforme. LyraGuides je zahteval arhitekturo po meri, produktno razmišljanje, mobile-first UX, plačilno integracijo, geolokacijsko logiko, večjezično vsebino in skalabilen administracijski sistem — vse zgrajeno okoli unikatne startup ideje.

Tehnološki stack

Projekt je bil zgrajen z moderno full-stack arhitekturo, izbrano zaradi fleksibilnosti, skalabilnosti in dolgoročne rasti produkta. Ker LyraGuides ni standardna spletna stran, temveč digitalna platforma po meri, je moral tehnološki stack podpirati kompleksno poslovno logiko, lokacijsko funkcionalnost, plačila, večjezično vsebino, predvajanje avdio vsebin in širitev vodičev v prihodnosti.

Laravel

Uporabljen kot backend ogrodje za uporabniške račune, upravljanje vodičev, Stripe plačila, nadzor dostopa, shranjevanje napredka, administracijsko funkcionalnost in osnovno poslovno logiko.

Nuxt

Uporabljen za frontend aplikacijo, ki zagotavlja sodoben, mobile-first vmesnik za družine, ki vodič uporabljajo med raziskovanjem na prostem.

Vue.js

Uporabljen kot frontend ogrodje znotraj Nuxt aplikacije, za odzivne elemente uporabniškega vmesnika in gladke interakcije.

PHP

Uporabljen kot strežniški jezik, ki poganja Laravel zaledje in aplikacijsko logiko po meri.

JavaScript

Uporabljen za frontend interakcije, geolokacijsko vedenje, avdio kontrole, napredovanje po poti in funkcionalnosti, vidne uporabnikom.

Geolocation API

Uporabljen za zaznavanje, kdaj uporabniki dosežejo določene točke vodiča, in za odklepanje pravilnih avdio zgodb, nalog in namigov.

Stripe API

Uporabljen za plačilno obdelavo po meri in nakupni tok vodičev.

Večjezična postavitev

Uporabljena za podporo slovenski in angleški različici platforme ter vsebine vodičev.

Administracijski sistem po meri

Uporabljen za upravljanje vodičev, točk poti, avdio datotek, nalog, namigov, prevodov in prihodnje vsebinske širitve.

Logika predvajanja avdio vsebin

Uporabljena za predvajanje avdio vodičev na mobilnih napravah ob upoštevanju omejitev brskalnikov in zahtev po uporabniški interakciji.

"Sodelovanje s FlickWeb je bila odlična izkušnja. Hitro so razumeli našo idejo, nas vodili skozi proces in zgradili platformo, ki deluje profesionalno, je enostavna za uporabo in pripravljena na prihodnjo rast. Ekipa je bila odzivna, zanesljiva in vedno osredotočena na iskanje najboljše rešitve."
Barbara Bernot
Barbara Bernot
Ustanoviteljica in CEO

More projects

Raziščite več spletnih mest, e-trgovin in sistemov po meri, ki smo jih izdelali pri FlickWebu.

Premium WordPress portfelj za slovenski arhitekturni studio
Poglej projekt
Poslovna

Premium WordPress portfelj za slovenski arhitekturni studio

WordPress portfeljska spletna stran po meri za AAB Arhitektura, slovenski arhitekturni studio. Projekt je vključeval custom project post type, arhivsko stran projektov, posamezne strani referenc, slikovne galerije z lightbox funkcionalnostjo, večjezično postavitev, optimizacijo zmogljivosti in osnovno SEO konfiguracijo.

2025
Architecture
Igriva WooCommerce trgovina za slovensko blagovno znamko daril
Poglej projekt
E-commerce

Igriva WooCommerce trgovina za slovensko blagovno znamko daril

Prenova WooCommerce trgovine za Pentlco, slovensko trgovino z unikatnimi, humornimi in personaliziranimi darili. Projekt je vključeval strani izdelkov po meri, postavitve kategorij, optimizirano nastavitev blagajne, sekcije naslovne strani, podporo e-mail marketingu, nastavitev plačil in dostave ter funkcionalnost opcijske personalizacije izdelkov.

2025
Oblačila
Premium WooCommerce razvoj za rastočo blagovno znamko izdelkov za hišne ljubljenčke
Poglej projekt
E-commerce

Premium WooCommerce razvoj za rastočo blagovno znamko izdelkov za hišne ljubljenčke

Pawzler je blagovna znamka izdelkov za hišne ljubljenčke, osredotočena na interaktivne pasje sestavljanke, zasnovane za mentalno stimulacijo, aktivno vključevanje in zabavo psov. Ker je blagovna znamka nadaljevala rast na več trgih, spletna stran ni več potrebovala le osnovnega WooCommerce vzdrževanja. Potrebovala je zanesljivega tehničnega partnerja, ki lahko izboljša obstoječe funkcionalnosti, stabilizira nedokončane rešitve in nadaljuje razvoj rešitev po meri glede na spreminjajoče se poslovne potrebe blagovne znamke.

2025
Hišni Ljubljančki
Oglejte si vse projekte