MyIconicSelf

Pretvorio ideju personaliziranog portreta iz selfieja u online prodajnu platformu koja prodaje automatski.

Next.jsStripeE-commerce

Posjeti stranicu

my-iconic-self.comLive projekt

Razrada projekta

Što se promijenilo nakon izgradnje.

Problem

Klijent je želio da korisnici učitaju selfie i dobiju kvalitetan personalizirani portret u ulozi ikoničnog lika. Ideja je bila jednostavna, ali izvedba složena: brz put od fotografije do portreta, naplata koja ne traži plaćanje naslijepo, zaštita slika za pregled i arhitektura spremna za više tematskih univerzuma.

Izgradnja

Izgradio sam cjelovitu Next.js aplikaciju oko višekoračnog odabira. Korisnik bira kategoriju, lik i pozadinu, učitava fotografiju i dobiva personalizirani pregled u nekoliko sekundi.

Ključna UX odluka bio je besplatan pregled prije plaćanja. Sustav prvo generira sliku s vodenim žigom, tako da korisnik vidi rezultat prije naplate. Time je uklonjeno najveće trenje: plaćanje za nešto što još nije vidio.

Obrada vodenog žiga na serveru štiti pregled kroz više slojeva, dok čiste originalne slike nikada ne dolaze u sučelje prije potvrđene naplate.

Tehničke odluke

Next.js 14 i TypeScript na Hetzner VPS-u s PM2 za punu kontrolu servera i bez hladnih pokretanja. Prisma i PostgreSQL shema podržavaju univerzume, kategorije, stilove i pozadine. Cloudflare R2 služi za pohranu slika, Stripe za naplatu i webhookovi za isporuku, a Resend za transakcijske e-mailove.

Rezultat

Platforma je lansirana sa Star Wars portretima i kasnije proširena na Pet Portraits univerzum, bez promjena u aplikacijskom kodu. Admin panel daje kontrolu nad stilovima, pozadinama, kategorijama, cijenama i narudžbama.

Sljedeći projekt

Stavite ono što prodaje u prvi plan.

Ako trenutna stranica skriva dokaz, usporava kupca ili čini sljedeći korak nejasnim, to je dio koji bih prvo popravio.

Rezerviraj besplatan poziv Pogledaj usluge

Još dokaza