Warszawski Tygrys - interaktywna strona restauracji
Zakres prac
Front-end i back-end development oraz wdrożenie WordPress i WooCommerce.
Technologia
WordPress, WooCommerce, PHP, JavaScript, GSAP
Projekt UX/UI
Projekt UX/UI i oprawę graficzną przygotowało Studio Goodnews.
Sklep internetowy
Sprzedaż produktów marki przez WooCommerce
Wersje językowe
Polski i angielski
Rezultat wdrożenia
Dla warszawskiej restauracji Warszawski Tygrys wdrożyliśmy stronę, która łączy prezentację lokalu, menu, wydarzeń i galerii z funkcjami sprzedażowymi. Animacje oraz mikrointerakcje przenoszą charakter identyfikacji wizualnej do internetu, a sklep WooCommerce rozszerza serwis o sprzedaż produktów marki. Zespół restauracji może aktualizować treści i ofertę z poziomu panelu WordPress.
Przestrzenne sekcje otwierające i efekty scrollowania
Sekcje otwierające wykorzystują animowaną typografię, efekt przestrzenny oraz parallax na siatce zdjęć. Elementy reagują na przewijanie strony, budując głębię i prowadząc użytkownika przez kolejne części serwisu. Animacje GSAP zostały dopasowane do różnych ekranów i zachowują charakter projektu także na urządzeniach mobilnych.
Mikrointerakcje inspirowane tygrysem
Identyfikację restauracji rozwinęliśmy o animowane detale obecne w różnych częściach strony. Tygrys porusza się w logo, oczy w mozaikach reagują na użytkownika, a kursor nad wybranymi elementami zmienia się w tygrysią łapę. Całość uzupełnia horyzontalna galeria, która pozwala przeglądać zdjęcia ruchem przypominającym rozkładanie kart.
Treści restauracji i sklep w jednym systemie
Część wizerunkową połączyliśmy ze sklepem WooCommerce, polską i angielską wersją językową oraz formularzem zapisu do newslettera. WordPress umożliwia zarządzanie informacjami o restauracji, menu, wydarzeniami, galerią i ofertą produktów z jednego panelu.
Technologia, która dotrzymuje kroku wyobraźni.
Działamy jako partner technologiczny dla wymagających marek, biur projektowych i dyrektorów artystycznych. Tam, gdzie kończy się praca grafika, wkraczamy my. Wdrażamy skomplikowane interfejsy i dbamy o to, by design ożył w przeglądarce bez utraty płynności.
Creative Development
Zaawansowane animacje (GSAP), interakcje 3D (WebGL) i płynne przejścia.
Custom WordPress / Webflow CMS
Dedykowane motywy budowane od zera, skrojone pod indywidualny projekt.
Optymalizacja i dostępność
Strony, które ładują się błyskawicznie i spełniają rygorystyczne normy WCAG.
