E-commerce & Full-StackUI/UX Design

VRAG.RS —
Digitalna transformacija
kraft "vatre"

VRAG je domaći brend kraft ljutih sosova sa jakom zajednicom i prepoznatljivim vizuelnim identitetom. Izazov: prebaciti uličnu energiju bazara na moderan, brz i konvertibilan web shop koji ne izgleda kao generička prodavnica.

Full-stack DeveloperUI/UX DesignerReactTailwind CSSSupabaseFramer Motion
−90%
Vreme procesiranja
od DM-a do Checkout-a
3200+
Fanova prebačeno
sa Instagrama u shop
↑ AOV
Prosečna vrednost
Bundle sistem podiže korpu
~100
Lighthouse skor
performanse & dostupnost
01

Izazov

Problem koji je trebalo rešiti

Klijent je imao rastuću bazu fanova na Instagramu 3200+ pratilaca i česta gostovanja na bazarima, ali proces naručivanja bio je kompletno manualan — kupci su slali DM poruke i čekali odgovor. Svaki entuzijasta ljutih soseva bio je potencijalni kupac kojeg je platforma gubila u trenju.

Automatizacija prodaje

Uz zadržavanje autentičnog tona komunikacije brenda

Edukacija kupaca

O nivoima ljutine, slatkoće i kiselosti — bez anksioznosti pri kupovini

Ekološka inicijativa

Digitalizacija programa povratne ambalaže u online svet

02

Rešenje

Tri stuba digitalnog VRAG ekosistema

A

Personalizovani UX — Nivoi pakla

UX Design

Umesto klasičnog filtera, kreirao sam intuitivan sistem navigacije kroz "nivoe pakla". Kupci biraju soseve na osnovu tri parametra — Ljutina, Slatkoća i Kiselost — čime je smanjen strah od kupovine previše ljutog proizvoda. Radar chart vizualizacija ukusa transformisala je edukaciju u deo samog korisničkog iskustva.

B

Pametni Bundle sistem

E-commerce logika

Implementirana je logika "Napravi svoj paket" (3 ili 6 komada) sa dinamičkim izračunavanjem popusta. Sistem prati broj soseva u korpi i automatski nudi prelazak na paket — direktno povećavajući prosečnu vrednost porudžbine (AOV) bez ikakvog pritiska na kupca.

C

"Vrag u pokretu" — O2O integracija

Online to Offline

Dinamička stranica "Vesti" sinhronizuje offline aktivnosti (bazare) sa sajtom u realnom vremenu. Centralni deo je Gamifikacija reciklaže: jasna pravila za povrat ambalaže na bazarima (6 flašica = 1 gratis) digitalizovana su na sajtu, čime se podstiče lojalnost i ponovni dolazak na bazare.

03

Tehnička izvrsnost

Stack koji nosi brend

React
Frontend arhitektura
Tailwind CSS
Design sistem
Supabase
PostgreSQL + RLS
Framer Motion
Animacije & tranzicije
Performanse

Optimizacija SVG grafika i asinhrono učitavanje podataka iz baze osiguravaju Lighthouse skor blizu 100 — kritično za Instagram saobraćaj na mobilnim uređajima.

Bezbednost

Row-Level Security (RLS) zaštita na Supabase bazi podataka osigurava privatnost kupaca i integritet stanja zaliha — čak i u slučaju greške na frontendu.

Admin Panel

Custom interfejs za klijenta — dodavanje bazara, kupona i upravljanje recenzijama bez ijedne linije koda. Vlasnik je autonoman.

04

Rezultati

Merljiv uticaj, realna promena

−90% vreme procesiranja

Od DM-a do Checkout-a — svaka porudžbina koja bi ranije čekala sate, sada se završava za sekunde.

Mobile-first optimizacija

Sajt projektovan za Instagram saobraćaj. Grafika đavolka pretvorena u diskretni vodeni žig radi bolje preglednosti na malim ekranima.

Ekološki digitalni efekat

Digitalizacija pravila povrata ambalaže povećala odziv kupaca na bazarima — gamifikacija kao alat lojalnosti funkcioniše.

↑ Prosečna vrednost korpe (AOV)

Bundle sistem automatski podiže kupca sa jednog soса na paket — bez agresivnog upsell-a.

05

Vizuelni predlozi

Content plan za objavu

Slide 01

Mockup sajta na iPhoneu

"Kako sam digitalizovao najljući srpski brend" — hero vizual sa mobilnim interfejsom VRAG shopa.

Slide 02

Before & After

DM poruke kao način narudžbine vs. moderan Checkout sa bundle sistemom — kontrast koji govori sam za sebe.

Slide 03

UI detalji

Zoom-in na ikonice papričica i radar chart vizualizaciju ukusa — elementi koji brand izdvajaju od konkurencije.

Slide 04

Kodni snippet

RLS politika ili Bundle logika uz tekst "Sigurnost i skalabilnost" — za tehničku publiku.

Slide 05

Ekipa na bazaru

"Povezivanje offline zajednice sa online prodajom" — ljudska priča iza tehnologije.

Ovo nije samo prodavnica, ovo je digitalna platforma za ljude koji vole vatru.

— Zaključak projekta

Imate brend sa pričom vrednom ispričanja?

Digitalizujemo autentične brendove bez gubljennja njihove duše.

Pišite nam