Pekarna Pečjak
E-commerce UX/UI design
A bakery shopping experience connecting product discovery, preparation choices and delivery planning.
View live site
Product story
From the bakery to the everyday table.
A broad bakery range starts with familiar product imagery. Pack size, price and quantity stay together, so an order can begin directly on the card. The same shopping logic continues on mobile, while the delivery choices reflect what is available at each address.
Design highlights
Recognizably Pečjak.
Brand typography, ordering from the product card and delivery choices based on location.
Burek
Rogljiči
Navihanci
Svaljki in ocvrtki
Štruklji
CmokiProduct-led category navigation.
Product photographs identify each category.
Lora as the brand typeface.
Lora carries the brand from editorial headings to shopping details.
1
The order starts on the card.
Pack selection updates the price on the card. Quantity and direct add-to-basket complete the purchase controls.
Ustvarjeni za vse, ki se izogibajo mleka in jajc, a še vedno polnega okusa in vonja.
80 x 65 g56 x 90 g45 x 110 g
Pakirano v rinfuzi, 80 kosov po 65 g- Cena / kg:
- 6,40 €
- Redna cena:
- 42,90 €
1
Na zalogi
DOSTAVA- Način dostave na izbiro v naslednjem koraku.
- Brezplačna dostava za naročila nad 60 €.
Purchase controls for larger packs.
Larger packs, regular and promotional prices, stock and delivery information support a fuller decision.
Clear actions for content, purchase and store location.
Read a recipe, add a product or find a location.
Dostava na dom na naslov: Dunajska cesta 101, 1000 Ljubljana.
Datum in uro dostave boste lahko izbrali v naslednjem koraku.
Lokacijo in čas prevzema boste lahko izbrali v naslednjem koraku.
Oglej si lokacijePrevzem v potujoči trgovini na vaši lokaciji ni mogoč.
Preverite urnik relacij. Za natančen termin, lokacijo in nabor izdelkov pokličite voznika oz. voznico.
Two original checkout states. Availability follows the address; travelling-shop regions connect the order to a local route and driver.
The address changes the journey.
Home delivery is limited to supported areas. Pickup and the travelling shop provide distinct alternatives, with availability made explicit before the order continues.
Wire frame to interface
Wireframe and interface, moving in sync.
The existing mobile product wireframe and final screen share one scroll position, from product information to related recipes.
Selected UI moments
Key flows, presented with clarity.
From a product-led menu to delivery planning, six screens show the breadth of the shopping experience.
01 / Product discovery
Product images make a broad bakery range easy to recognize.
UI showcase
Shopping across desktop and mobile.
Product imagery and a consistent shopping language connect the desktop and mobile experience.
Outcome
One shopping flow across products, delivery and mobile.
The interface brings product categories, preparation guidance, recipes and delivery choices into a consistent desktop and mobile system.