Pomiń do treści
Netova
← Wszystkie realizacje

Pizzeria Napoli – Strona restauracyjna, która napędza zamówienia

Plan Biznes🔗 Zobacz stronę na żywo
Next.jsTailwindPWAPerformanceSEOCROTurnstile

90+/100

Performance

100/100

SEO Score

100/100

Accessibility

+47%

Zamówienia

-35%

Bounce Rate

0.8s

Czas ładowania

Pizzeria Napoli – Strona restauracyjna, która napędza zamówienia

Galeria

Strona główna - mockup
Web Vitals strony Pizzeria Napoli na urządzeniach mobilnych
Web Vitals strony Pizzeria Napoli na komputerach

Wyzwanie klienta

Pizzeria Napoli to rodzinna pizzeria z ponad 14-letnią tradycją, działająca w Warszawie przy ul. Włoskiej 12. Właściciel zwrócił się do nas z jasnym problemem:

„Mamy świetną pizzę, ale nikt nas nie znajduje w Google. Nasza stara strona na WordPressie ładuje się wolno, nie wygląda dobrze na telefonie i nie przekłada się na zamówienia."

Główne bolączki

  • Wolne ładowanie — stara strona (WordPress + 12 wtyczek) osiągała PageSpeed 28/100
  • Brak responsywności — 68% ruchu z urządzeń mobilnych, a strona się rozjeżdżała
  • Zerowe SEO — brak w top 50 Google na frazę „pizzeria Warszawa"
  • Brak ścieżki konwersji — żaden CTA nie kierował do kontaktu ani zamówienia

Nasze podejście

Projekt realizowaliśmy w ramach planu Biznes (od 6 000 PLN), który obejmuje 5–8 podstron, prosty CMS, integracje, formularze i pełne SEO on-page.

1. Audyt i strategia (Dni 1–3)

  • Analiza konkurencji (5 pizzerii w okolicy)
  • Badanie fraz kluczowych: „pizza Warszawa", „pizzeria neapolitańska", „dostawa pizzy"
  • Mapa ciepła starej strony → zidentyfikowaliśmy, że 82% użytkowników nie scrollowało poniżej Hero

2. Projekt UI/UX (Dni 4–7)

  • Wybraliśmy kolory wzbudzające apetyt: czerwień (#c41e3a) jako primary i złoto (#d4a853) jako accent
  • Typografia: Playfair Display dla nagłówków (elegancja, tradycja) + Inter dla tekstu (czytelność)
  • Mobile-first design: hamburger menu na mobilce, kolumnowy navbar na desktopie
  • Każda sekcja ma jasny CTA prowadzący do menu lub kontaktu

3. Rozwój (Dni 8–14)

Stack technologiczny:

  • Next.js 16 — Server-Side Rendering, natywna optymalizacja obrazów, generowanie sitemap i robots.txt
  • Tailwind CSS 4 — utility-first styling, brak pustego CSS, idealne CWV
  • React Icons — tylko ikony, których faktycznie używamy (tree-shaking)
  • Vercel — edge hosting z CDN, automatyczne deploye z GitHub

Kluczowe decyzje techniczne:

  • Obraz Hero z priority → LCP < 1 s
  • Mapa Google ładowana dopiero po kliknięciu (click-to-load) → zero kosztów iframe przy pierwszym renderze
  • JSON-LD LocalBusiness/Restaurant → rich snippets w Google (adres, godziny, ocena)
  • Generowane programowo sitemap.xml i robots.txt przez natywne API Next.js

4. SEO on-page (Dni 15–17)

  • Metadata: rozbudowane title templates, opisy z frazami kluczowymi
  • Open Graph + Twitter Card: obraz OG 1200×800 z pizzą
  • Schema.org: Restaurant, AggregateRating, OpeningHoursSpecification
  • Semantyczny HTML: prawidłowe nagłówki h1→h3, landmark roles, ARIA labels
  • Web Manifest: PWA-ready z theme_color i ikonami

Sekcje strony

| Sekcja      | Cel biznesowy                                                                       |
| ------------| ----------------------------------------------------------------------------------- |
| Hero        | Pierwsze wrażenie: pełnoekranowe zdjęcie pieca + 2 CTA (menu / zamów)               |
| O nas       | Budowanie zaufania: historia, tradycja, autentyczność                               |
| Menu        | Prezentacja oferty z cenami — klient od razu wie co zamówić                         |
| Dlaczego my | 4 USP: świeże składniki, piec opalany drewnem, szybka dostawa, 14 lat doświadczenia |
| Opinie      | Social proof: 3 recenzje z oceną 5/5 i inicjami klientów                            |
| Kontakt     | Formularz + dane kontaktowe + mapa Google (click-to-load)                           |

Wyniki po 30 dniach

Porównanie metryki „przed" (stara strona WordPress) vs „po" (nowa strona Netova):

| Metryka                             | Przed | Po    | Zmiana |
| ----------------------------------- | ----- | ----- | ------ |
| Lighthouse Performance              | 28    | 90+   | +247%  |
| Lighthouse SEO                      | 64    | 100   | +56%   |
| Lighthouse Accessibility            | 71    | 100   | +38%   |
| Czas ładowania (LCP)                | 4.2 s | 0.8 s | −81%   |
| Zamówienia telefoniczne/tydzień     | 23    | 34    | +47%   |
| Współczynnik odrzuceń               | 72%   | 47%   | −25%   |
| Pozycja „pizzeria Warszawa"         | >50   | 8     | Top 10 |

Co mówi klient

„Od kiedy mamy nową stronę, klienci sami dzwonią – nie musimy już płacić za reklamy Google Ads. Strona wygląda profesjonalnie i ładuje się błyskawicznie. Najlepsza inwestycja, jaką mogliśmy zrobić."

Właściciel, Pizzeria Napoli

Podsumowanie

Ten projekt udowadnia, że dobrze zaprojektowana strona internetowa to nie koszt — to narzędzie sprzedaży. Dzięki połączeniu Next.js, świetnego designu i strategicznego SEO, Pizzeria Napoli zyskała:

  • 📈 +47% zamówień bez żadnych wydatków na reklamy
  • 0.8 s ładowania — szybciej niż konkurencja
  • 🏆 Top 10 w Google na kluczowe frazy lokalne

Chcesz podobnych wyników dla swojej firmy? Skontaktuj się z nami i opowiedz o swoim projekcie. Przygotujemy darmową wycenę w 24h.

Chcesz podobnych wyników?

Skontaktuj się z nami — przygotujemy darmową wycenę w 24h.