WYCISK.
Fit soki rozłożone na czynniki pierwsze
WYCISK to marka fit soków z charakterem. Zamiast nudnej listy składników zrobiliśmy z niej atrakcję: klikasz sok, a butelka rozpada się na czynniki pierwsze — składniki wylatują na orbitę, pokazują witaminy i przepis, a listę zakupów wrzucasz prosto do koszyka. Jest też kreator własnego soku.
Branża
Soki & zdrowe odżywianie
Typ projektu
Strona produktowa
Technologia
HTML / CSS / JS · SVG
Rok
2026
Fikcyjna marka, prawdziwy projekt i kod — zbudowany w całości przez KODA jako pokaz tego, jak pracujemy.
Zdrowy sok, który musi się obronić bez detoks-ściemy.
Produkt spożywczy sprzedaje apetyt i zaufanie. Trzeba pokazać, że sok jest naprawdę z owoców — w sposób, który bawi i zapada w pamięć, a nie brzmi jak kolejna obietnica „oczyszczania organizmu”.
Bo statyczny obraz tego nie odda.
Nagranie prosto z ekranu — dokładnie to zobaczysz, otwierając stronę na żywo.
Dlaczego tak, a nie inaczej.
Wyzwanie
Lista składników to nuda.
Decyzja
Zrobiliśmy z niej animację „rozkładu na czynniki pierwsze”.
Efekt
Poznawanie soku staje się atrakcją, którą się pamięta.
Wyzwanie
Jedzenie sprzedaje zaufanie.
Decyzja
Pokazujemy konkretne składniki, witaminy i liczby — zero detoks-ściemy.
Efekt
Marka brzmi szczerze i apetycznie.
Wyzwanie
Strona ma działać, nie udawać.
Decyzja
Koszyk liczy, kreator buduje, każdy przycisk dowozi.
Efekt
Zero dekoracyjnych atrap — wszystko naprawdę działa.
Strona dopracowana od telefonu po duży ekran — ten sam charakter, pełna płynność wszędzie.
Zakres prac
- Projekt i kierunek wizualny
- Autorskie ilustracje SVG
- Animacja „rozkładu” soków
- Kreator własnego soku + koszyk
- Treść (przepisy, wartości)
- Responsywność i dostępność
Co dostajesz
- Lekka, jednoplikowa strona — błyskawiczne ładowanie, zero zależności
- Każdy element naprawdę działa (koszyk, kreator, przepisy)
- Pełna responsywność — orbita składników działa też na telefonie
- Spójny, autorski system wizualny i ilustracje
Dowód rzemiosła — sprawdzisz to sam
1 plik
Zero zależności, błyskawiczny start
100%
Działające UI (koszyk, kreator)
320–2560 px
Telefon → 4K
Najlepiej zobaczyć to na żywo.
Otwórz stronę — najlepiej też na telefonie — i sprawdź szybkość, animacje i każdy detal.
