cursor

Pizza CapriPi - platforma do zamawiania pizzy online

Strona WWW2025Pizzeria CapriPi

Zaprojektowaliśmy i zbudowaliśmy nowoczesny, w pełni responsywny interfejs zamawiania dla pizzerii - od strony głównej, przez konfigurację dania, po koszyk i finalizację zamówienia. Całość stawia na płynne animacje, czytelną hierarchię i wygodę zarówno na desktopie, jak i na telefonie.

Zakres realizacji

  • Strona główna z efektownym hero i animowaną prezentacją dań dnia
  • Menu pizz z filtrami (wszystkie / wegetariańskie / mięsne) i przejrzystą siatką produktów
  • Karta produktu: wybór rozmiaru z automatycznym przeliczaniem ceny, modyfikacja składu („wyrzuć z pizzy"), uwagi do zamówienia, ilość i dodanie do koszyka
  • Kreator własnej pizzy - wybór sosu, składników i rozmiaru z ceną aktualizowaną na żywo
  • Napoje, przekąski i dodatki oraz sekcja promocji z automatycznymi rabatami
  • Koszyk z bocznym panelem, licznikiem pozycji, animacjami i powiadomieniami w czasie rzeczywistym
  • Finalizacja zamówienia - wybór dostawy lub odbioru osobistego, walidacja danych, płatności online i ekran potwierdzenia
  • Konto klienta z historią zamówień, statusami (w przygotowaniu / w drodze / dostarczone) i funkcją „zamów ponownie"
  • Pełna responsywność - dedykowany układ mobilny z nawigacją hamburger i dolnym paskiem
  • Spójny system wizualny marki oraz dopracowane mikrointerakcje i animacje na każdym kroku

Technologie

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • Framer Motion

Projekt obejmuje też wersję mobilną (React Native / Expo) spójną wizualnie z aplikacją webową.