Problem biznesowy
Lokalny usługodawca potrzebował strony internetowej, która szybko się ładuje na telefonach komórkowych i od razu zachęca do kontaktu.
Rozwiązanie architektoniczne
Zaprojektowałem stronę w ciemnej kolorystyce, dostosowaną do branży motoryzacyjnej. Do obsługi map wykorzystałem otwarte biblioteki Leaflet, aby uniknąć konieczności podpinania płatnych API zewnętrznych dostawców.
Rezultat
Strona regularnie osiąga maksymalne noty (95-100 punktów) w audytach Google Lighthouse. Kod HTML został wzbogacony o ustrukturyzowane dane (JSON-LD), co pomaga algorytmom zrozumieć lokalny zasięg działalności firmy.
Szczegóły wdrożenia
Kluczowe decyzje technologiczne zastosowane w tym projekcie.
Wydajność Core Web Vitals
Dzięki statycznemu generowaniu w Next.js oraz optymalizacji formatów zdjęć, strona ładuje się w niespełna sekundę nawet na słabszych połączeniach 3G.
Dostępność i nawigacja
Zachowano odpowiedni kontrast elementów (zgodnie z WCAG) oraz wdrożono bezproblemową nawigację, która skupia uwagę klienta na głównym celu: wykonaniu połączenia telefonicznego.
Zrzuty ekranu
Widoki Desktop
Widoki Mobilne
Potrzebujesz szybkiej strony?
Zaprojektuję wizytówkę, która ładuje się błyskawicznie i zamienia ruch z Google na kontakty biznesowe.