xolus.
← Nazad
Indigo Luxor · 2025 – aktivno

Digitalni dom 20-godišnjeg proizvođača sličica — skeniranje, kviz, nagradne igre i prodavnica u jednoj aplikaciji

Indigo izdaje fizičke albume sličica već dvadeset godina. Pomogli smo im da to nasleđe živi u veb aplikaciji koju njihova publika svakodnevno koristi — skeniraj QR sa zadnje strane stickera, popunjavaj album, igraj dnevni kviz, učestvuj u nagradnim igrama, poveži se sa zajednicom kroz Discord-om, kupi proizvode iz prodavnice. Sve u jednom proizvodu, sve sa telefona i bilo koje mašine koja podržava veb.

Pogledaj uživo ↗

Priča

Dvadeset godina fizičkih albuma — bez gubitka identiteta — sada živi na IndigoLuxor aplikaciji.

Vredno pomena

  • · 20 godina fizičkog albuma — digitalna verzija ga čini vrednijim, ne suvišnijim
  • · Skeniraj iz pregledača — bez instalacije aplikacije
  • · Discord uloga se sinhronizuje sa nivoom u aplikaciji uživo

Problem

Indigo ima dvodecenijsko nasleđe fizičkih albuma sličica i zajednicu koja je rasla oko njih. Ali nova publika živi još i digitalno, ne samo na štampanom albumu. Klijent je hteo da donese svoje autorsko iskustvo u veb svet bez devalvacije fizičkog proizvoda — da fizičke sličice postanu vrednije, a ne suvišne — i da to ne bude samo mobilni katalog, već potpuno digitalno produženje brenda: kolekcija, igra, zajednica i prodavnica u istoj aplikaciji.

Šta smo napravili

Razvili smo kupcu orijentisanu veb aplikaciju koja fizičke sličice pretvara u ulazak u celokupan digitalni ekosistem. Svaka sličica na zadnjoj strani ima QR kod (koordinisali smo proces štampe sa klijentom). Korisnik skenira sličicu kamerom telefona direktno iz pregledača — bez instalacije aplikacije — i sličica pada u njegov digitalni album sa koinima i XP-om kao nagradom. Iz iste aplikacije igra dnevni kviz vezan za album, učestvuje u nedeljnim nagradnim igrama, povezuje Indigo nalog sa Discord-om (uloga na Discord serveru se automatski sinhronizuje sa nivoom u aplikaciji), i naručuje proizvode iz prodavnice — ceo tok: korpa, plaćanje, potvrda porudžbine. Iza scene, aplikacija je arhitekturalno podeljena na dve potpuno odvojene strane — publika (kupci i fanovi) i administracija.

Moduli i celine

  • Skeniranje QR kodaSkeniranje sa kamerom telefona direktno u pregledaču — bez instalacije aplikacije. QR kod štampan na zadnjoj strani svakog stickera; koordinisali smo proces štampe sa klijentom.
  • Digitalni album i kolekcijaVizuelni digitalni album koji prati fizički proizvod stranicu po stranicu, sa progresijom posebnom za svakog korisnika.
  • Dnevni kvizKviz vezan za album koji se obnavlja svaki dan — donosi koine, XP i ulaznice za nedeljne nagradne igre.
  • Nedeljne nagradne igreNagradne igre rezervisane za aktivne kolekcionare; pun ciklus od učešća do izvlačenja i dodele.
  • Discord integracijaPovezivanje Indigo naloga sa Discord nalogom; XP nivo u aplikaciji automatski postaje uloga na Discord serveru. Zajednica vidi rangove uživo.
  • Prodavnica i porudžbineProizvodi, korpa, naručivanje, potvrda — sve u istoj aplikaciji. Indigo prodaje direktno svojoj zajednici, koja ih već koristi za skeniranje i kviz.
  • Vesti i sadržajModul za objavljivanje novosti i obaveštenja zajednici iz iste administracije.
  • Korisnički profil i napredovanjeProfil sa kolekcijom, statistikom, XP nivoom i istorijom porudžbina — jedinstveni identitet kroz sve module.
  • 3D vizualiThree.js scene za interaktivne vizuelne momente — rotirajuće sličice, animacije nagrada.

Kako smo pristupili

Krenuli smo od UX/UI dizajna u Figmi — ovo je konzumerski proizvod, vizuelni jezik mora da vodi, ne da prati. Najpre smo izgradili osnovni tok skeniraj-i-sakupljaj kao MVP — odbacili smo sve ostalo dok to ne radi savršeno. Posle toga smo slojevito dodavali gejmifikaciju (novčići, XP, kviz, nagradne igre), pa Discord integraciju (publika je već bila tamo — povezivanje aplikacije sa serverom je u jednom potezu produbilo angažovanje), i konačno prodavnicu — ista publika koja skenira i igra kviz sada može direktno da naručuje. Arhitekturalna podela na publiku i staff (dva odvojena tRPC stabla, dva Better Auth sistema) zaštitila je javnu površinu od kompleksnosti administracije i obrnuto. Trenutno smo u trećoj velikoj verziji, sa svakim povećanjem obima koje klijent naručuje.

Rezultat

Indigo sada ima direktnu liniju do svoje zajednice koju samo fizički proizvod nikada nije nudio. Aplikacija je u trećoj verziji, sa kontinuiranim proširenjima obima — od osnove (skeniranje i album) do današnjeg stanja koje uključuje kviz, nagradne igre, prodavnicu i 3D vizuale. Radimo sve njihove softverske projekte.

U upotrebi

Povezane studije slučaja

Sledeća studija slučaja

Nativna mobilna aplikacija za digitalno kolekcionarstvo — skeniranje sličica, 3D prikaz sličica, pokloni. →