Ciepło
Jednostronicowy landing page dla autorskiej kawiarni TEPLО (Zaporoże, prospekt Soborny, 166). Opracowanie od podstaw: koncepcja, UX/UI design oraz frontendowa realizacja.
Strona zbudowana jako SPA na React + Vite z płynnymi animacjami motion na Framer Motion. Atmosferyczna typografia (Cormorant Garamond + Inter) oraz ciepła paleta kolorów oddają estetykę przytulnego lokalu specialty i podkreślają autorski charakter marki.
Zrealizowano:
- Sekcja Hero z animowanym nagłówkiem, wskaźnikiem przewijania oraz hasłem „Tam, gdzie ciepło żyje w każdej filiżance”
- Blok „Nasza historia” z filozofią marki oraz licznikami (rok założenia, goście, napoje)
- Sekcja „Kawa autorska” z trzema akcentami: specialty, świeżo palona, domowe wypieki
- Menu z kartami napojów (Espresso, Cappuccino, Flat White, Firmowe Latte) — nazwa, opis, pochodzenie ziaren, cena
- Galeria kawiarni (wnętrze, atmosfera, barista w pracy, ceremonia kawowa)
- Blok „Jak dojechać” z adresem oraz godzinami otwarcia (Pn–Nd 8:00–22:00)
- Kontakty z przyciskami do dzwonienia i rezerwacji
- Responsywna szata graficzna, mobilne menu burgerowe
Stos: React, Vite, Framer Motion, responsywny CSS.
Strona zbudowana jako SPA na React + Vite z płynnymi animacjami motion na Framer Motion. Atmosferyczna typografia (Cormorant Garamond + Inter) oraz ciepła paleta kolorów oddają estetykę przytulnego lokalu specialty i podkreślają autorski charakter marki.
Zrealizowano:
- Sekcja Hero z animowanym nagłówkiem, wskaźnikiem przewijania oraz hasłem „Tam, gdzie ciepło żyje w każdej filiżance”
- Blok „Nasza historia” z filozofią marki oraz licznikami (rok założenia, goście, napoje)
- Sekcja „Kawa autorska” z trzema akcentami: specialty, świeżo palona, domowe wypieki
- Menu z kartami napojów (Espresso, Cappuccino, Flat White, Firmowe Latte) — nazwa, opis, pochodzenie ziaren, cena
- Galeria kawiarni (wnętrze, atmosfera, barista w pracy, ceremonia kawowa)
- Blok „Jak dojechać” z adresem oraz godzinami otwarcia (Pn–Nd 8:00–22:00)
- Kontakty z przyciskami do dzwonienia i rezerwacji
- Responsywna szata graficzna, mobilne menu burgerowe
Stos: React, Vite, Framer Motion, responsywny CSS.