Strona główna›Portfolio›Edu3Dkacja Białystok
Portfolio

Edu3Dkacja Białystok

Strona internetowaNext.jsEdukacja
Edu3Dkacja Białystok
Edu3Dkacja Białystok

Serwis placówki edukacyjnej w Next.js

Zaprojektowaliśmy i wdrożyliśmy serwis od zera: architekturę treści, nowy system wizualny, kod i przeniesienie domeny z poprzedniej strony. Front stoi na Next.js i TypeScripcie, dane i media trzyma Supabase, a hosting prowadzi Vercel. Ofertę rozpisaliśmy na trzy typy placówek i ścieżkę rodzica, osadziliśmy zapisy ActiveNow, zbudowaliśmy formularze z zapisem w panelu i przygotowaliśmy opis placówki dla Google. Klient prowadzi treści w panelu Optiweb CMS.

Wykorzystane technologie

Next.js
Next.js
Optiweb CMS
Optiweb CMS
Vercel
Vercel
Supabase
Supabase
TypeScript
TypeScript
Tailwind CSS
Tailwind CSS

Czego wymagało to wdrożenie

Oddział sprzedaje kilka różnych usług: zajęcia stałe rodzicom, warsztaty szkołom, przedszkolom i bibliotekom, urodziny oraz szkolenia z wdrożenia sprzętu. Każdy odbiorca potrzebował własnej ścieżki, zapisy musiały zostać w ActiveNow, a nowy serwis przejmował domenę i adresy poprzedniej strony.

Architektura treści
System wizualny i ilustracje
Wdrożenie w Next.js
Osadzenie zapisów ActiveNow
Formularze zgłoszeniowe
Przeniesienie domeny i adresów
Optiweb

Jak przebiegła produkcja

01
Architektura treści

Ofertę rozpisaliśmy na trzy typy placówek, każdy z własną podstroną i kolorem: błękit dla szkół, żółć dla przedszkoli i koral dla ośrodków kultury i bibliotek. Rodzic ma osobną ścieżkę od zajęć stałych przez cennik do zapisu, a strona Placówki pomaga wybrać właściwą ofertę.

02
System wizualny

Zbudowaliśmy nowy język graficzny: zaokrąglone kształty zdjęć, chmury na styku sekcji, zygzaki, teksturę bazgrołów i zestaw naklejek z technologiami. Nagłówki złożyliśmy krojem Baloo 2, a treść krojem Nunito, żeby strona była przyjazna dla rodzica i czytelna na telefonie.

03
Wdrożenie frontu

Serwis zbudowaliśmy w Next.js i TypeScripcie, z hostingiem na Vercel. Zdjęcia dopasowują się do ekranu, więc na telefonie strona ładuje się szybciej, a kolejne podstrony klient składa z gotowych sekcji.

04
Zapisy i formularze

Zapis dziecka został w systemie ActiveNow, który klient już prowadzi: osadziliśmy listę grup bezpośrednio na stronie, z przyciskiem zapasowym do formularza ActiveNow. Zgłoszenia placówek i szkoleń trafiają do panelu oraz mailem do biura.

05
Przeniesienie ze starej strony

Nowy serwis zastąpił poprzednią stronę pod tym samym adresem. Stare linki prowadzą na nowe odpowiedniki, więc nic nie ginie z wyników wyszukiwania ani z zakładek, a Google dostał uporządkowany opis placówki z nazwą i adresem.

06
Panel i przekazanie

Klient dostał panel Optiweb CMS, w którym publikuje strony, ustawia menu, edytuje sekcje i odpowiada na zgłoszenia z formularzy. Statystyki odwiedzin włączają się dopiero po zgodzie na pliki cookies.

Zamów bezpłatną konsultację

Zadaj nam dowolne pytanie, wystarczy, że klikniesz poniższy przycisk i skontaktujesz się z jednym z naszych specjalistów.

Zamów bezpłatną konsultację