AneVita
Strona rekrutacyjna na Next.js
Zaprojektowaliśmy i wdrożyliśmy stronę firmy, która rekrutuje opiekunki i opiekunów osób starszych do legalnej pracy w Niemczech. Zaczęliśmy od makiet i opisu stylu, a stronę zbudowaliśmy w Next.js i TypeScripcie ze stylowaniem w Tailwind CSS. Wszystkie podstrony generują się z wyprzedzeniem i trafiają do przeglądarki jako gotowy HTML z serwerów Vercel. Jedynym elementem działającym na żywo jest formularz, który wysyła zgłoszenia pocztą przez SMTP.
Wykorzystane technologie
Czego wymagało to wdrożenie
Strona mówi do dwóch grup, które szukają czegoś zupełnie innego: opiekunki z Polski, która chce pracować, i rodziny w Niemczech, która szuka opieki dla bliskiej osoby. Obie musiały od razu trafić na swoją ofertę i swój formularz, bez przebijania się przez treść dla drugiej strony.
Jak przebiegła produkcja
Zaczęliśmy od makiet i spisanego opisu stylu: kremowe tło, grafitowy kolor główny, limonkowy akcent i miękkie, asymetryczne zaokrąglenia zdjęć. Ciepły, redakcyjny charakter odróżnia stronę od chłodnych serwisów agencji pracy i pasuje do tematu opieki.
Podstronę O nas rozdzieliliśmy na dwie oferty, dla opiekunek i dla rodzin, każdą z pięcioma konkretnymi korzyściami. Strona główna prowadzi przez proces współpracy w trzech krokach i odpowiada na najczęstsze pytania w sekcji FAQ.
Jeden formularz obsługuje obie grupy. Przełącznik u góry zmienia tryb między pracą a szukaniem opieki, a każdy tryb wysyła wiadomość z innym tematem, więc zgłoszenia od razu dają się rozdzielić w skrzynce. Przed spamem chroni ukryte pole-pułapka.
Nagłówki złożyliśmy krojem Lexend, a tekst krojem Public Sans. Sekcje pojawiają się z łagodnymi animacjami przy przewijaniu, zbudowanymi w Framer Motion, a na telefonie układ przechodzi w jedną kolumnę bez utraty żadnej treści.
Wszystkie podstrony generują się podczas budowania, a Vercel serwuje je jako gotowe pliki. Przy wejściu na stronę nie ma zapytań do bazy danych, więc treść pojawia się od razu, także na słabszym łączu w telefonie.
Stronę opisaliśmy danymi strukturalnymi firmy, a sekcję pytań znacznikami FAQ. Po uruchomieniu przenieśliśmy wysyłkę formularza z odnośnika mailowego na pełną obsługę po stronie serwera i dołożyliśmy nagłówki bezpieczeństwa.
Zamów bezpłatną konsultację
Zadaj nam dowolne pytanie, wystarczy, że klikniesz poniższy przycisk i skontaktujesz się z jednym z naszych specjalistów.