Projekt koncepcyjny · raport porównawczy · 21 sierpnia 2026
GałkaTen sam smak od ponad 50 lat.
Rodzinna lodziarnia przy rynku, ten sam smak od 1969 roku. Dotychczasowa strona na WordPressie opowiadała tę historię trzema długimi akapitami. Koncepcja GenMedia opowiada ją filmem, zdjęciami i rekordem 17 gałek.
Dla kogo: Rodzinna lodziarnia, Małopolska. Punkt wyjścia: dotychczasowa strona na WordPressie z gotowym motywem.
→
sekcji strony
→
prawdziwych zdjęć
→
kroki formularza z walidacją
→
adres i mapa dojazdu
Przed i po
Porównanie obszar po obszarze.
Technologia
Przed
WordPress z gotowym motywem i zestawem wtyczek. Układ one-page z zewnętrznym odtwarzaczem wideo, ciężki do załadowania.
Po
Next.js 16, React 19 i Tailwind CSS 4. Strona generowana statycznie, hostowana na Vercel z CDN i HTTPS. Bez wtyczek, cały kod jest własny.
Wygląd i typografia
Przed
Biały szablon motywu z domyślną typografią, nagłówki wersalikami, brak spójnej palety i identyfikacji.
Po
Autorski motyw w duchu rzemieślniczej kawiarni: kremowe tło, ciemna zieleń, akcenty matcha i złota. Cztery dobrane kroje pisma.
Pierwsze wrażenie
Przed
Osadzony odtwarzacz z kontrolkami i nazwa lodziarni wersalikami. Brak wezwania do działania.
Po
Pełnoekranowy film z podaniem loda dziecku, płynna pętla, nagłówek pojawiający się litera po literze, dwa przyciski i odręczna karteczka „Naturalnie. Regionalnie. Rodzinnie.”.
Nawigacja
Przed
Standardowe menu motywu, na telefonie domyślny hamburger WordPressa.
Po
Pływający pasek w kształcie pigułki z efektem szkła, linki z animowanym podkreśleniem i złoty przycisk „Zarezerwuj wózek”. Własne menu mobilne.
Treść
Przed
Trzy długie akapity bez hierarchii, ciągnące się przez całą szerokość ekranu.
Po
Ta sama historia podzielona na sekcje: Nasza lodziarnia ze statystykami, Smaki z pochodzeniem składników i Rodzina z historiami klientów. Żaden fakt nie zginął.
Zdjęcia
Przed
Jedno zdjęcie wnętrza, kadr z filmu, grafika kuponu i ilustracja tabliczek smaków. Galerii nie było.
Po
13 fotografii ułożonych w rodzinny album z polaroidami i odręcznymi podpisami, w równej siatce 3 na 3.
Formularz rezerwacji
Przed
„Krok 1 z 4” ze zwykłymi polami, bez informacji zwrotnej dla użytkownika.
Po
Cztery kroki z paskiem postępu, wybór kliknięciem, komunikaty walidacji po polsku, podsumowanie przed wysłaniem i ekran potwierdzenia.
Kontakt i dojazd
Przed
Brak adresu, telefonu i e-maila. Mapa Google schowana za banerem zgody po niemiecku.
Po
Pełny adres, osadzona interaktywna mapa, link „Wyznacz trasę” i krótki opis, jak trafić na miejsce.
Telefon i dostępność
Przed
Responsywny układ motywu, bez optymalizacji pod ekrany dotykowe.
Po
Projekt od telefonu w górę, sprawdzony na 375 px. Duże pola dotykowe, animacje wyłączane przy ograniczeniu ruchu, widoczny fokus klawiatury i opisy alternatywne zdjęć.
Nowe elementy
Czego wcześniej nie było.
Rekord 17 gałek
Po dojechaniu do sekcji „Rodzina” kolorowe gałki układają się w andrucie, a licznik dochodzi do 17, prawdziwego rekordu lodziarni.
Karta smaków z pochodzeniem
Sześć kart regionalnych z gradientowymi gałkami w kolorze smaku i numeracją od 01 do 06. Osobno smaki eksperymentalne.
Pasek smaków
Przewijająca się lista wszystkich smaków tuż pod filmem. Spokojny ruch, który od razu pokazuje szerokość oferty.
Rodzinny album
Polaroidy z odręcznymi podpisami, zdjęcie trzech pokoleń obok cytatu właściciela i naklejka „te same schody od 1969”.
Mikroanimacje
Sekcje wyłaniają się przy przewijaniu, przyciski unoszą się z cieniem, pola formularza reagują na kliknięcie, karty i polaroidy ożywają po najechaniu.
Zaplecze i jakość
Polskie metadane SEO, fonty serwowane lokalnie, leniwe ładowanie zdjęć i mapy, każde wdrożenie sprawdzone w TypeScript.
Co z tego ma firma
Korzyści biznesowe.
Historia, którą się czuje
Film, album i rekord gałek dają ciepło, którego nie da się uzyskać szablonem.
Rezerwacja wózka bez tarcia
Cztery jasne kroki i podsumowanie przed wysłaniem zamiast anonimowego formularza.
Łatwy dojazd
Adres, mapa i trasa w jednym miejscu. Wcześniej strona nie podawała nawet ulicy.
Szybkość i bezpieczeństwo
Strona statyczna na CDN z HTTPS, bez wtyczek do aktualizowania.
Przebieg prac
Od pustego katalogu do podglądu.
Etap 1
Analiza i szkielet
Zebranie treści ze starej strony, szkielet projektu, osiem sekcji, animowany nagłówek i czterokrokowy formularz.
Etap 2
Pierwsze wdrożenie
Build statyczny na Vercel pod adresem podglądowym.
Etap 3
Poprawki mobilne
Czytelny pasek nawigacji przy przewijaniu, poprawne kotwice, szybsze pojawianie się sekcji.
Etap 4
Zdjęcia, adres, mapa
Fotografie od właścicieli, ustalony adres i osadzona mapa dojazdu.
Etap 5
Nowy motyw
Jasny, kawiarniany styl, nawigacja w formie pigułki ze złotym przyciskiem.
Etap 6
Film w hero
Seria ujęć z generatora wideo, wybór sceny z podaniem loda, płynna pętla z gradientem czytelności.
Etap 7
Rodzinna atmosfera
Odręczny krój, album z polaroidami, zdjęcie trzech pokoleń, gradientowe gałki i animacje przycisków.
Świadome rezygnacje
Z czego zrezygnowaliśmy i dlaczego.
- Sekcja „Kupon” i grafika karty lojalnościowej: przycięte do kwadratu wyglądały słabo, mogą wrócić jako osobna sekcja.
- Baner zgody na mapę po niemiecku: mapa jest osadzona bezpośrednio, co wymaga decyzji w sprawie cookies.
- Widoczny odtwarzacz wideo z kontrolkami: film gra w tle.
- Stopka poprzedniej agencji: zastąpiona własną stopką z nawigacją.
Twoja firma może być następna.
Taki raport przygotowujemy bezpłatnie: audyt Twojej obecnej strony i koncepcja nowej. Odpowiadamy w 24 godziny.
Pozostałe projekty
Prezentowana strona to koncepcja przygotowana przez GenMedia. Marka, treści i zdjęcia mają charakter pokazowy.