Punkt wyjścia
Kancelaria notarialna z Mińska Mazowieckiego potrzebowała strony, która będzie wizytówką godną zawodu zaufania publicznego.
Szybkiej, czytelnej i dostępnej dla każdego użytkownika, niezależnie od urządzenia. Dotychczasowa wersja serwisu wymagała odświeżenia zarówno pod kątem wizualnym, jak i technicznym: kod strony generował zbędne obciążenie, a wydajność odbiegała od standardów wyznaczanych przez Core Web Vitals, które Google bierze pod uwagę przy ocenie stron.
- Odświeżenie wyglądu i prezentacji informacji.
- Ograniczenie zbędnego obciążenia kodu.
- Dostosowanie do wymagań Core Web Vitals.
Co zrobiłem?
Projekt obejmował jednocześnie warstwę wizualną, technologię, wydajność i sposób korzystania ze strony.
Odświeżenie warstwy wizualnej
Strona zyskała nowoczesny, stonowany design dopasowany do charakteru kancelarii notarialnej. Zadbałem o czytelną prezentację najważniejszych informacji – godzin otwarcia, danych kontaktowych i pełnego spisu czynności notarialnych – tak, aby klient znalazł odpowiedź na swoje pytanie w kilka sekund.
Dodałem również tryb ciemny, zwiększający komfort przeglądania.
Optymalizacja kodu i wydajności
Przeprowadziłem gruntowną optymalizację kodu strony: uporządkowałem strukturę HTML, zoptymalizowałem style CSS i skrypty JS oraz sposób ich ładowania, a grafiki przygotowałem pod szybkie wczytywanie.
Całość dostosowałem do wymagań Core Web Vitals, ze szczególnym naciskiem na szybkość renderowania kluczowych treści i stabilność układu strony.
Dostępność i UX
Strona została zoptymalizowana pod kątem dostępności – poprawna semantyka, kontrasty i nawigacja sprawiają, że serwis jest w pełni użyteczny również dla osób korzystających z czytników ekranowych.
Wyraźne przyciski kontaktowe „Zadzwoń teraz” i „Napisz e-mail” skracają drogę klienta do kancelarii do jednego kliknięcia.
Efekty
Po zakończeniu prac strona osiąga niemal maksymalne wyniki w Google Lighthouse – zarówno na desktopie, jak również na urządzeniach mobilnych.
Kluczowe metryki mieszczą się z dużym zapasem w zielonych progach Google: LCP 1,6 s, CLS 0,002, TBT 0 ms.
Oznacza to, że strona ładuje się błyskawicznie i nie przeskakuje podczas wczytywania.
