EduVantage
Wydajna strona wizytówka dla firmy korepetycyjnej w Słupsku. Next.js, App Router, Tailwind CSS, SEO lokalne i optymalizacja wydajności.
Landing page dla korepetycji matematyka i angielski
EduVantage — strona, która przyciąga uczniów i rodziców
Lokalny biznes korepetycyjny potrzebował strony, która w jednym miejscu wyjaśni ofertę, zbuduje zaufanie i skieruje klienta do kontaktu. Bez logowania, bez CMS, bez zbędnej złożoności — strona musiała działać szybko, wyglądać profesjonalnie i być widoczna w Google dla osób szukających korepetycji w okolicy.
Dla zespołu Bitspire-Dev oznaczało to stworzenie lekkiego, skalowalnego landing page'u zoptymalizowanego pod lokalne SEO i konwersję.
Klient i cel projektu
EduVantage to firma oferująca indywidualne korepetycje z matematyki i języka angielskiego. Celem projektu było zbudowanie strony wizytówki, która w jasnym, przystępnym języku przedstawi ofertę, cennik, metodę nauki i dane kontaktowe — oraz ułatwi rodzicom i uczniom natychmiastowy kontakt telefoniczny lub przez WhatsApp.
Najważniejsze wymagania:
- Szybkość ładowania — strona docelowa dla użytkowników mobilnych z okolicy.
- Lokalne SEO — widoczność na frazy takie jak „korepetycje Słupsk”, „matura matematyka Słupsk”.
- Pozwolenie i zaufanie — jasny regulamin, polityka prywatności i cookies.
- Łatwa konserwacja — treści w komponentach, wszystko pod kontrolą wersji na GitHub.
Dla kogo jest ta strona?
- Rodzice i uczniowie szukający korepetycji z matematyki i angielskiego.
- Uczniowie przygotowujący się do egzaminu ósmoklasisty i matury.
- Osoby preferujące zajęcia stacjonarne lub z dojazdem w Słupsku i okolicach.
Jak to działa?
Strona składa się z sekcji pionowo zorganizowanych w logicznym flow decyzji użytkownika:
- Hero — jasne hasło, główne przedmioty, CTA telefoniczne i statystyki (4 lata doświadczenia, elastyczna stawka).
- Dlaczego warto — argumenty dla rodzica/ucznia.
- O nas — metoda pracy i podejście.
- Przedmioty — matematyka i angielski z podziałem na poziomy.
- Cennik — transparentne stawki 60/80/100 zł/h.
- Metoda — opis procesu nauki.
- Opinie — sekcja gotowa do prezentacji feedbacku od uczniów.
- FAQ i kontakt — odpowiedzi na najczęstsze pytania i dane teleadresowe.
Technicznie:
- Next.js 16 + App Router — szybkie renderowanie po stronie serwera i czyste adresy.
- TypeScript — pełne typowanie komponentów i danych.
- Tailwind CSS 4 — utility-first styling, spójny system wizualny.
- Radix UI + Framer Motion — dostępne komponenty i płynne animacje.
- next/image — automatyczna optymalizacja obrazów do formatów AVIF/WebP.
- Schema.org LocalBusiness — uporządkowane dane dla Google.
- Sitemap + robots.ts — indeksacja i zarządzanie dostępem robotów.
- Cookie consent + lazy analytics — zgodność z RODO i wydajne ładowanie tagów.
- WhatsAppButton + mobile menu — szybki kontakt na każdym urządzeniu.
Wyzwanie: wydajność i widoczność lokalna
Największym wyzwaniem było połączenie atrakcyjnego designu z szybkością. Strona zawiera duże zdjęcia i dekoracje, ale użytkownicy mobilni — szczególnie w lokalnym wyszukiwaniu — nie czekają na ładowanie. Rozwiązanie:
- Optymalizacja obrazów przez
next/imagez atrybutamipriority,sizesiquality. - Inline critical CSS — najważniejsze style ładowane od razu w
<head>. - Dynamic importy sekcji — leniwe ładowanie komponentów poza krytyczną ścieżką.
- Lazy loading GTM/GA — skrypty analityczne dopiero po zgodzie użytkownika.
- Schema.org LocalBusiness + adres Słupsk — lepsza widoczność w wynikach lokalnych.
- Mobile-first design — najpierw telefon, potem desktop.
Efekty
Wdrożenie strony na eduvantage.pl poprawiło obecność firmy w internecie i usprawniło proces pozyskiwania klientów. Strona generuje pierwsze kontakty telefoniczne, a użytkownicy docierają do niej organicznie z wyszukiwarki. Czas ładowania został utrzymany na niskim poziomie, co przekłada się na lepsze doświadczenie i wyższą ocenę w PageSpeed Insights.
