Cel projektu

Głównym celem było stworzenie nowoczesnej, błyskawicznie działającej wizytówki (landing page) dla lokalnej kawiarni "Aromat". Strona miała nie tylko przyciągać wzrok estetycznym designem, ale przede wszystkim skutecznie pozycjonować się w lokalnych wynikach wyszukiwania (Lokalne SEO) i zachęcać potencjalnych klientów do odwiedzin.

Kluczowe technologie

Next.js & React
Wykorzystane do budowy interfejsu zoptymalizowanego pod kątem wydajności i SEO.
TypeScript
Zapewnił bezpieczeństwo typów i ułatwił utrzymanie kodu.
Tailwind CSS
Umożliwił szybkie i spójne stylowanie komponentów.
Vercel
Platforma do wdrożenia i hostingu, zapewniająca globalną sieć CDN.
SSG (Static Site Generation)
Strona została wygenerowana statycznie, co gwarantuje minimalny czas ładowania (TTFB) i doskonałe wyniki w testach wydajności.

Główne wyzwania i rozwiązania

Największym wyzwaniem była optymalizacja wydajności, aby strona ładowała się w czasie poniżej 1 sekundy, nawet na wolniejszych połączeniach mobilnych. Osiągnięto to poprzez:

Agresywną optymalizację obrazów
Użycie formatów nowej generacji (takich jak WebP) oraz techniki leniwego ładowania (lazy loading).
Minimalizację JavaScript
Dzięki statycznemu generowaniu stron, ilość kodu JavaScript wykonywanego po stronie klienta została zredukowana do absolutnego minimum.
Krytyczny CSS
Wdrożenie techniki inline'owania krytycznego CSS, aby najważniejsze style potrzebne do wyrenderowania pierwszego widoku ładowały się natychmiast, bez blokowania renderowania.

Rezultaty

Osiągnięcie wyników

Google PageSpeed Insights powyżej 95/100

zarówno dla urządzeń mobilnych, jak i desktopowych.
Znacząca poprawa widoczności kawiarni w lokalnych wynikach wyszukiwania.

Stworzenie atrakcyjnej wizualnie i intuicyjnej w obsłudze wizytówki, która realnie wspiera biznes klienta.

Wszystkie Projekty

Wizytówka Kawiarni "Aromat"