Přeskočit na obsah
Zpět na portfolio
ZnačkaFMCGRetailPrezentaceVizuály

Pivní sláma

Vstupní balíček na český trh pro baltský snack — zážitkový web a retail prezentace v jedné vizuální řeči.

Klient

Spirit Goods

Rok

2026

Moje cena

od 29 000 Kč

Tržní cena (agentura)

od 70 000 Kč

Čistý čas práce

3 dny

Doba u agentury

3 týdny

pivnislama.cz
Hero sekce webu Pivní sláma

0

stavebních bloků webu

0

slidů retail prezentace

0

vyrobených vizuálů

0

řádků částicového enginu

Zadání

S čím klient přišel

Lotyšský výrobce vstupoval na český trh s produktem, který zákazník zná z hospody jako chuťovku za stovku — a teď ho měl kupovat v kelímku u pokladny. Distributor neměl žádné české marketingové materiály. Chyběl web, na který se dá odkázat z letáku i z obalu, a chyběla prezentace, se kterou se dá jít za nákupčím. Obojí muselo vzniknout rychle a působit jako jedna značka.

Řešení

Co jsem postavil

Z tiskových podkladů etiket jsem navzorkoval barevnou paletu, vyřízl wordmark a vyrobil sadu packshotů i lifestylových scén. Na tom vznikl jednostránkový zážitkový web s vlastní animací „křupnutí“ a přepínačem příchutí, který mění barevnost celé sekce. Stejný design systém jsem přenesl do desetislidové retail prezentace postavené jako webová stránka — jedním tiskem se exportuje do PDF ve full HD. Koncový zákazník vidí příběh, nákupčí vidí čísla.

Scéna z hospody
Produktový flatlay
Kelímek s příchutí česnek
Lifestyle scéna

Co web umí

  • Jednostránkový zážitkový web z jedenácti stavebních bloků
  • Interaktivní hero — kliknutím na kelímek vystřelí tyčinky s počítadlem „KŘUP!“
  • Přepínač tří příchutí měnící barevnost celé sekce podle pásu na etiketě
  • Celoobrazovková video smyčka z hospodského prostředí s paralaxou
  • Přehled tří distribučních formátů — retail, velkoobchod, gastro
  • Velkoobchodní poptávkový formulář s okamžitou validací
  • Retail prezentace na 10 slidů exportovatelná jedním tiskem do PDF
  • Kompletní produkce vizuálů — packshoty, scény, odstranění pozadí

Detaily, které dělají rozdíl

  • Vlastní částicový engine „KŘUP!“ napsaný od nuly na 54 řádcích — gravitace, tlumení, rotace, doběh
  • Barevná identita navzorkovaná přímo z tiskových podkladů etikety
  • Prezentace postavená jako webová stránka, která se tiskne do pixelově přesného PDF
  • Zoubkovaný okraj sekcí a tisková zrnitost převzaté z grafiky kelímku

Technologie

Next.js 16React 19TypeScriptTailwind CSS 4Framer Motionnext/image (WebP)Print-to-PDFVercel

Chcete něco podobného?

Řekněte mi, co potřebujete. Do 24 hodin se ozvu s návrhem řešení, cenou a termínem.

Nezávazná poptávka

Další projekty

IRIS pro Instinkt Reality a Renta365, 2026.

IRIS

Systém · 6 měsíců

Kancelář, která prodává nemovitosti i spravuje nájmy, chtěla přestat vyplňovat smlouvy ručně a párovat platby po jedné. Za půl roku z toho vznikl jeden systém — od prvního zájemce přes smlouvu a předpisy nájemného až po portál, kde se nájemník zeptá AI asistenta.

automatických testů
9 156
řádků kódu aplikace
112 162
tabulek v databázi
57
šablon smluv a dokumentů
38
Celá případovka
Porajťák pro Porajt Pub, 2026.

Porajťák

Systém · 6 týdnů

Bistro u rybníka fungovalo na papíře a v hlavě provozní. Postavil jsem jednu platformu, která obsluhuje hosta, brigádníka i účetní — a majiteli dává přehled v reálném čase odkudkoli.

obrazovek systému
37
řádků vlastního kódu
35 361
automatických testů
199
vysvětlená variabilita denní tržby
R² 0,65
Celá případovka