Homepage
Naslovna strana uvodi korisnika u atmosferu brenda kroz slogan, vizuelni identitet, izdvojene proizvode i jasan ulazak u prodajni tok.
UI/UX Case Study
E-commerce iskustvo koje povezuje kvalitetnu kafu i mirniji tempo svakodnevice.
KALU Coffee kombinuje e-commerce funkcionalnosti sa emocionalnim brend iskustvom, sa ciljem da kafa ne bude predstavljena samo kao proizvod, već kao deo svakodnevnog rituala, prisutnosti i ličnog vremena.
Pregled projekta
E-commerce iskustvo koje povezuje kvalitetnu kafu, ritual i mirniji tempo svakodnevice.
Projekat kombinuje e-commerce funkcionalnosti, UX strukturu i vizuelni identitet brenda, sa ciljem da se kafa ne predstavi samo kao proizvod, već kao deo svakodnevnog rituala, prisutnosti i ličnog vremena.
Glavni izazov bio je osmisliti web iskustvo koje jasno vodi korisnika kroz kupovni proces, ali istovremeno gradi atmosferu topline, mira i autentičnosti.
Kao UI/UX i branding projekat, KALU Coffee obuhvata wireframing, user flow, UI dizajn, vizuelni identitet i responsive dizajn e-commerce sajta namenjenog specijalnoj i organskoj kafi.
Cilj projekta
Dizajnirati moderan e-commerce web-sajt za KALU Coffee koji korisnicima omogućava jednostavno istraživanje, izbor i kupovinu specijalne/organske kafe, uz jasno predstavljanje proizvoda, blendova i karakteristika.
Pored funkcionalnog kupovnog toka, važan cilj bio je kreiranje toplog i prepoznatljivog vizuelnog identiteta koji komunicira mirniji tempo, ritual, prisutnost i kvalitet svakodnevnog trenutka, bez agresivnog prodajnog pristupa.
UX Proces
Od strukture sajta do jasnog toka kupovine.
Proces rada započeo je definisanjem arhitekture sajta, ključnih stranica i korisničkog toka kupovine, a zatim je prešao u wireframe fazu, responsive prilagođavanje i finalni UI dizajn.
01
Struktura sajta
Definisane su ključne stranice: Homepage, Shop, Product Detail, About, Blog, Subscription, Contact, Cart i Checkout flow.
02
Wireframe faza
Fokus je bio na organizaciji sadržaja, hijerarhiji informacija, rasporedu sekcija i jasnom kretanju korisnika kroz sajt.
03
User Flow
Korisnik ulazi na sajt, istražuje proizvode, pregleda detalje odabranog blenda, dodaje proizvod u korpu i prolazi kroz jednostavan checkout proces.
04
Responsive pristup
Desktop i mobile verzije su prilagođene tako da sadržaj ostane pregledan, funkcionalan i jednostavan za korišćenje na svim uređajima.
Shop stranica
Grid prikaz proizvoda omogućava brzo poređenje blendova, cena, osnovnih karakteristika i lakši izbor odgovarajuće kafe.
Product Detail
Detaljna stranica proizvoda prikazuje fotografiju, opis, tasting notes, poreklo, intenzitet, opcije količine i jasan CTA za kupovinu.
Cart i Checkout
Proces kupovine organizovan je kroz preglednu korpu i jednostavan checkout tok sa unosom podataka, izborom plaćanja i potvrdom narudžbine.
Blog sekcija
Blog donosi lifestyle i edukativni sadržaj vezan za kafu, pripremu i rituale, čime brend dobija dodatnu vrednost izvan same prodaje.
About stranica
Stranica predstavlja filozofiju brenda, priču iza KALU Coffee identiteta i ideju kafe kao trenutka usporavanja i prisutnosti.
Subscription
Pretplata je predstavljena kao praktičan način redovne kupovine kafe, uz jasne benefite i jednostavan poziv na akciju.
Contact
Kontakt stranica omogućava korisnicima brz pristup osnovnim informacijama i direktnu komunikaciju sa brendom.
Responsive dizajn
Desktop i mobile verzije zadržavaju iste ključne funkcionalnosti, uz prilagođen raspored koji omogućava pregledno korišćenje na manjim ekranima.
Filteri proizvoda
Filteri pomažu korisnicima da pronađu kafu prema ukusu, ceni i popularnosti, bez komplikovanja procesa izbora.
Dizajnerske odluke
Jednostavnost bez gubitka atmosfere brenda.
Pošto sajt kombinuje prodavnicu, blog, pretplatu i priču o brendu, bilo je važno zadržati jednostavnu strukturu, ali bez gubitka emocionalnog tona koji čini KALU Coffee prepoznatljivim.
1
Fokus na jednostavnost
Sajt izbegava agresivan prodajni pristup i koristi smiren vizuelni ritam, tople tonove, fotografiju i prostran layout kako bi iskustvo delovalo prijatno i nenametljivo.
2
Jednostavna navigacija
Navigacija je organizovana tako da korisnik može lako da dođe do prodavnice, bloga, pretplate, kontakt stranice i korpe bez konfuzije.
3
Jasna prodajna hijerarhija
Iako je fokus na atmosferi brenda, kupovni tok ostaje pregledan kroz jasno pozicionirane CTA elemente, vidljive cene i jednostavan checkout proces.
4
Balans sadržaja i kupovine
Lifestyle i edukativni sadržaj dopunjuju prodajni deo sajta, tako da korisnik ne vidi samo proizvode, već i filozofiju brenda, ritual pripreme i vrednost kvalitetne kafe.
Rezultat
Kompletno definisan e-commerce koncept za KALU Coffee.
Krajnji rezultat projekta je kompletan UI/UX koncept za KALU Coffee web-sajt sa razvijenim korisničkim tokom kupovine, responsive dizajnom, vizuelnim identitetom i ključnim e-commerce funkcionalnostima.
UX tok
Homepage, shop, product detail, cart, checkout flow, blog, about, subscription i kontakt stranica.
E-commerce
Pregled proizvoda, filteri, detalji blendova, tasting notes, izbor količine, korpa i jednostavan checkout proces.
Brand iskustvo
Topla atmosfera, smiren vizuelni ritam, fotografija, ton komunikacije i sadržaj koji povezuje kafu sa ritualom i prisutnošću.
Brend identitet
Logo, paleta boja, tipografija, vizuelni smer, responsive UI i osnova za doslednu komunikaciju brenda.
Zaključak
E-commerce iskustvo koje nije samo prodaja, već produžetak brenda.
KALU Coffee je UI/UX i branding projekat fokusiran na povezivanje funkcionalnog procesa kupovine sa toplim, emocionalno vođenim brend iskustvom. Najvažnija vrednost projekta nalazi se u tome što korisniku omogućava da jednostavno istraži proizvode, razume filozofiju brenda i doživi kupovinu kafe kao miran, prijatan i autentičan digitalni ritual.