Edu3Dkacja nad morzem
Strona firmowa na Next.js z panelem CMS
Zaprojektowaliśmy i wdrożyliśmy ten serwis od zera: architektura treści, makiety, projekt graficzny, kod i uruchomienie produkcyjne. Front stoi na Next.js i TypeScripcie, hosting prowadzi Vercel, a treścią klient zarządza w naszym autorskim panelu Optiweb CMS. Osadziliśmy zewnętrzny system zapisów, zbudowaliśmy dwa formularze o różnym zakresie danych i rozpisaliśmy serwis na dwie równoległe ścieżki odbiorcy. Klient odebrał stronę gotową do samodzielnego prowadzenia.
Wykorzystane technologie
Czego wymagało to wdrożenie
Brief zakładał jeden serwis dla dwóch zupełnie różnych odbiorców: rodzica zapisującego dziecko i placówki zamawiającej warsztaty dla grupy. Do tego doszło wpięcie zewnętrznego systemu zapisów, cennik z tabelą zniżek oraz dwa oddziały, których zasięg trzeba było pokazać w jednym miejscu.
Jak przebiegła produkcja
Zaczęliśmy od rozpisania serwisu na dwie równoległe ścieżki odbiorcy i przełożenia ich na makiety. Dopiero ta decyzja wyznaczyła nawigację, układ strony głównej i podział podstron ofertowych. Projekt graficzny powstawał na gotowej strukturze, a nie odwrotnie.
Przygotowaliśmy warstwę wizualną pod odbiorcę, który przegląda stronę na telefonie, często w pośpiechu. Duże zdjęcia z zajęć, wyraźne przyciski akcji i konsekwentna typografia na wszystkich podstronach. Layout składaliśmy od razu w wariancie mobilnym i desktopowym.
Serwis zbudowaliśmy w Next.js i TypeScripcie, ze stylowaniem w Tailwindzie i hostingiem na Vercel. Podstrony ofertowe działają na wspólnych komponentach, więc dołożenie kolejnej formy zajęć nie wymaga pisania szablonu od nowa.
Podpięliśmy nasz autorski panel administracyjny. Klient prowadzi w nim opisy zajęć, cennik, sekcję FAQ i galerie zdjęć, bez znajomości kodu i bez zgłaszania nam każdej zmiany terminu czy nowej lokalizacji. Zdjęcia wgrywane z panelu trafiają do magazynu plików Supabase.
Zbudowaliśmy dwa formularze o różnym zakresie danych: krótki dla pytań ogólnych i rozbudowany dla placówek, zbierający komplet informacji do wyceny. Osadziliśmy też formularz zewnętrznego systemu zapisów obsługującego rezerwacje i płatności.
Wdrożenie zamknęliśmy uruchomieniem produkcyjnym na Vercel, konfiguracją domeny i przekazaniem panelu. Klient dostał serwis, w którym samodzielnie prowadzi treść, a my zostaliśmy z opieką techniczną, nie z każdą literówką w cenniku.
Zamów bezpłatną konsultację
Zadaj nam dowolne pytanie, wystarczy, że klikniesz poniższy przycisk i skontaktujesz się z jednym z naszych specjalistów.