Akceptujemy USD, EUR, PLN i 19 innych walut
Bezproblemowa komunikacja po angielsku i po polsku
Zawsze dotrzymujemy terminów - bez ciągnących się projektów

Wielojęzyczna strona internetowa ze sprzedażą szkoleń online

Wielorynkowy silnik sprzedażowy dla firmy z branży szkoleniowej

Zobacz, jak stworzyliśmy dla Bonapi dwie wielojęzyczne strony internetowe na rynek holenderski i polski oraz połączyliśmy ofertę szkoleń, zapisy i płatności online z platformą obsługującą zamówienia. Od analizy potrzeb i projektu UX po migrację z WordPressa i pełne wdrożenie.

/ Fakty o projekcie

Klient

Bonapi

Branża

Technologie

Zakres prac

analiza biznesowa analiza grup docelowych architektura informacji projektowanie UX i makiety projekt graficzny strony (UI) wdrożenie strony wielojęzycznej zapisy i płatności online migracja z WordPressa na Astro wdrożenie CMS Sanity konfiguracja analityki GA4
Strona główna bonapi.nl z kategoriami szkoleń i ofertą dla firm.
Strona główna ułatwia przejście do konkretnego szkolenia lub oferty dla firm i agencji pracy.

/ 01 problemy i wyzwania

Rozproszone strony utrudniały rozwój oferty i sprzedaży

Bonapi obsługuje klientów indywidualnych, firmy i agencje pracy. Każda z tych grup inaczej wybiera szkolenia, a oferta obejmuje wiele języków, lokalizacji i terminów. Dotychczasowe strony na WordPressie coraz trudniej było rozwijać i aktualizować. Zmiany trzeba było powtarzać w kilku miejscach, a zapisy często wymagały kontaktu z zespołem.

Potrzebna była wielojęzyczna strona internetowa, która uporządkuje ofertę i umożliwi samodzielny zakup szkolenia. Dodatkowym wyzwaniem było przygotowanie osobnego serwisu na rynek polski oraz migracja z uwzględnieniem widoczności wypracowanej przez dotychczasowe strony.

Do rozwiązania

  • Ułatwić wybór oferty osobom kupującym szkolenie dla siebie i firmom zapisującym pracowników.
  • Połączyć wybór języka, lokalizacji i terminu z zapisem oraz płatnością przez internet.
  • Przenieść istniejące serwisy i przygotować osobną ofertę na rynek polski.

/ 02 nasz proces

Projekt strony oparty na potrzebach kursantów i firm

Pracę rozpoczęliśmy od analizy oferty, celów biznesowych i sposobu pozyskiwania klientów. Wspólnie z zespołem Bonapi określiliśmy, jakich informacji potrzebuje osoba kupująca szkolenie dla siebie, a jakich przedstawiciel firmy organizujący je dla pracowników. Te ustalenia przełożyliśmy na strukturę serwisu, kolejność treści i ścieżki zakupu. Następnie przygotowaliśmy makiety oraz indywidualny projekt graficzny, obejmujący również konfigurator, koszyk i formularz zamówienia.

Dwie grupy klientów, różne potrzeby

Dla klientów indywidualnych i firm opracowaliśmy osobne profile: ich cele, pytania, obawy i kryteria wyboru szkolenia. Osoba szukająca kursu dla siebie potrzebuje informacji o uprawnieniach, dostępnych językach, terminach i cenie. Przedstawiciel firmy musi dodatkowo zorganizować udział kilku pracowników, rozliczyć zakup lub uzgodnić szkolenie w swojej siedzibie.

Na tej podstawie zaplanowaliśmy układ treści i przejścia między podstronami. Zadbaliśmy o to, aby klient mógł szybko znaleźć właściwy kurs, a pracodawca łatwo dotarł do oferty dla firm i agencji pracy.

Struktura i makiety przed projektem graficznym

Dla najważniejszych podstron określiliśmy, z jaką potrzebą trafia na nie użytkownik, jakich informacji szuka i co powinien móc zrobić dalej. Następnie przygotowaliśmy makiety pokazujące hierarchię treści, nawigację i ścieżki zakupu. Objęły one zarówno część ofertową, jak i koszyk, formularz zamówienia oraz potwierdzenie zakupu.

Makiety pozwoliły wspólnie z Bonapi ocenić cały proces przed rozpoczęciem prac nad wyglądem serwisu. Na tym etapie uzgadnialiśmy kolejność informacji i zakres formularzy, aby później projekt graficzny i wdrożenie opierały się na zaakceptowanej strukturze.

Makieta strony głównej bonapi.nl z notatkami dotyczącymi potrzeb użytkowników.

Na makiecie ustaliliśmy hierarchię treści i przejścia do poszczególnych części oferty.

Zestaw makiet podstron bonapi.nl w Figmie.

Strukturę serwisu rozpisaliśmy na konkretne podstrony, uwzględniając ofertę, informacje o firmie i kontakt.

Projekt oparty na tożsamości i doświadczeniu Bonapi

Przygotowaliśmy indywidualny projekt graficzny wykorzystujący kolory marki i autentyczne zdjęcia z ośrodka. Obok informacji o szkoleniach umieściliśmy opinie klientów, sylwetki instruktorów i oznaczenia certyfikacji. Dzięki temu odwiedzający może poznać firmę, jej zespół i zaplecze jeszcze przed zapisem.

Każdy ekran, od strony głównej po koszyk i płatność, zaprojektowaliśmy również w wersji na telefon. Nie dopasowywaliśmy desktopu do mniejszej szerokości, tylko ułożyliśmy treści, konfigurator i formularze pod obsługę jedną ręką. Projekt objął też ekrany procesu zakupowego. Układ i uwagi uzgodniliśmy z klientem w Figmie, a po akceptacji przystąpiliśmy do wdrożenia.

Projekt graficzny strony głównej i podstrony usług bonapi.nl.

Projekt graficzny łączy kolory marki z autentycznymi zdjęciami i informacjami o doświadczeniu Bonapi.

Zakup pojedynczego szkolenia i oferta dla całych zespołów

Osobom szukającym kursu dla siebie udostępniliśmy kategorie szkoleń, wyszukiwarkę oraz darmowe testy próbne. Mogą przejść od konkretnego uprawnienia do odpowiedniego szkolenia i jego dostępnych wariantów. Test próbny otwiera się w platformie Bonapi, gdzie kursant rozwiązuje pytania z limitem czasu, tak jak na egzaminie, i od razu sprawdza, czy jest gotowy na kurs.

Dla firm i agencji pracy przygotowaliśmy osobną podstronę z ofertą szkoleń grupowych, zajęć w siedzibie klienta, inspekcji sprzętu i krótkich instruktaży BHP. Proste zamówienie firma może złożyć przez stronę, podając dane uczestników i dane do faktury. Przy bardziej indywidualnych potrzebach ma do dyspozycji formularz zapytania.

Sprzedaż szkoleń online: od wyboru terminu do płatności

Przy zakupie szkolenia liczy się nie tylko cena. Klient musi wybrać odpowiedni język, lokalizację, termin i liczbę miejsc. Wszystkie te decyzje połączyliśmy w konfiguratorze, który na bieżąco pokazuje koszt zamówienia. Następnie kupujący podaje dane uczestników i przechodzi do płatności online.

Integracja z platformą Bonapi przekazuje zamówienie do dalszej obsługi bez konieczności ponownego wprowadzania danych. Ten sam proces pozwala kupić szkolenie dla jednej osoby lub zapisać kilku pracowników firmy.

Zakup przez internet obejmuje zarówno szkolenia stacjonarne, jak i kursy realizowane online.

Osobna oferta na każdy rynek

Serwis bonapi.nl obsługuje ofertę na rynek holenderski. Przygotowaliśmy go w kilku językach, aby klienci mogli zapoznać się ze szkoleniami w zrozumiałej dla siebie wersji. Rynek polski otrzymał własną stronę bonapi.pl, z odrębną ofertą, cenami w złotych i wersjami językowymi, w tym ukraińską.

Polski serwis powstał na bazie projektu i rozwiązań wypracowanych dla bonapi.nl. Mogliśmy wykorzystać istniejące komponenty i proces zakupowy, a prace skupić na dostosowaniu oferty do lokalnego rynku. Uruchomienie drugiej strony nie wymagało ponownego projektowania całości.

Każda wersja językowa otrzymała własne adresy podstron. Dodaliśmy też podpowiedzi ułatwiające przejście do odpowiedniego rynku lub języka. Odwiedzający sam decyduje, czy z nich skorzysta.

Zarządzanie treścią bez angażowania programisty w każdą zmianę

Zespół Bonapi może samodzielnie aktualizować opisy szkoleń, publikować artykuły i zarządzać opiniami, profilami instruktorów oraz ofertami pracy. Udostępniliśmy te treści w panelu Sanity, osobno dla poszczególnych rynków i języków. Ceny i terminy pochodzą z platformy sprzedażowej, natomiast zmiany w układzie serwisu i treści stałych podstron realizujemy w ramach opieki technicznej.

Wybór szkolenia i podsumowanie zamówienia w jednym procesie zakupowym.

01 Klient dobiera wariant szkolenia i widzi cenę zamówienia przed przejściem do koszyka.
Mobilny koszyk bonapi.nl z wybranymi szkoleniami i dodatkiem.
02 Podsumowanie porządkuje wybrane szkolenia i dodatki przed podaniem danych uczestników oraz płatnością.

/ 03 technologia, SEO i analityka

Wybór technologii

Obie strony zbudowaliśmy w Astro i uruchomiliśmy na Cloudflare Workers. Podstrony z treścią generowane są jako gotowe pliki HTML, a React odpowiada za elementy interaktywne, takie jak konfigurator, koszyk i wyszukiwarka. Taki podział pozwolił połączyć lekką część informacyjną z rozbudowaną obsługą zakupu.

Treści redakcyjne przechowujemy w Sanity, a dane sprzedażowe pobieramy z platformy Bonapi przez API. Dzięki temu rozwój oferty, warstwy wizualnej i funkcji sprzedażowych nie musi odbywać się w obrębie jednego systemu CMS.

Migracja z WordPressa na Astro z uwzględnieniem SEO

Przed uruchomieniem nowego serwisu uporządkowaliśmy dotychczasowe adresy i przypisaliśmy im odpowiednie podstrony w nowej strukturze. Wdrożyliśmy przekierowania 301, mapy witryn oraz oznaczenia wersji językowych i regionalnych. Tak przygotowana migracja z WordPressa na Astro miała zachować dostęp do treści ze starych linków i ograniczyć ryzyko utraty ruchu z wyszukiwarki.

Przygotowaliśmy również podstrony odpowiadające na konkretne zapytania, takie jak kurs VCA po polsku. Użytkownik może dzięki temu trafić bezpośrednio do interesującej go części oferty.

Treści odpowiadające na konkretne zapytania

Wdrożyliśmy dane strukturalne opisujące m.in. organizację, szkolenia, artykuły i nawigację. Na stronach kursów dodaliśmy odpowiedzi na pytania istotne przed zakupem. Celem było jednoznaczne przedstawienie oferty zarówno odbiorcom, jak i systemom odczytującym zawartość strony.

Pomiar kolejnych etapów zakupu

Przygotowaliśmy analitykę e-commerce w GA4: od wyświetlenia szkolenia, przez dodanie do koszyka, po zakup. Baner cookies i pomiar wdrożyliśmy zgodnie z RODO i z wymaganiami Google dla reklam w Unii Europejskiej (Consent Mode v2), dzięki czemu Bonapi może legalnie mierzyć ruch i rozliczać kampanie reklamowe. Zebrane dane mają pomóc Bonapi oceniać źródła zamówień i identyfikować etapy, na których użytkownicy rezygnują z zakupu.

Oferta dopasowana do sposobu, w jaki klienci szukają szkoleń.

03 Pracodawca znajduje w jednym miejscu ofertę dla zespołów i formularz do uzgodnienia zakresu szkolenia.
04 Podstrona poświęcona kursom w konkretnym języku skraca drogę od zapytania w wyszukiwarce do odpowiedniej oferty.

Darmowy test próbny: od strony szkolenia do pytań w platformie Bonapi.

05 Test próbny przy szkoleniu pozwala sprawdzić przygotowanie do egzaminu, zanim kursant kupi kurs.
06 Test działa w platformie Bonapi, z limitem czasu i pytaniami jak na egzaminie, więc kursant od razu widzi, czego się spodziewać.

Przejście do polskiej oferty i zakup w lokalnej walucie.

07 Odwiedzający z Polski może przejść do lokalnej oferty lub pozostać na bonapi.nl.
Konfigurator szkolenia VCA na bonapi.pl z ceną w złotych.
08 Proces zakupowy dostosowaliśmy do polskiego rynku, z cenami w złotych i danymi potrzebnymi do wystawienia faktury.

O Kliencie

Branża: Edukacja
Lokalizacja: Spijkenisse, Holandia i Gliwice, Polska
Wielkość firmy:
Rok powstania: 2018

Bonapi prowadzi szkolenia zawodowe i z zakresu bezpieczeństwa pracy od 2018 roku. Firmę założył Piotr Łoziński, który zaczynał pracę w Holandii jako pomocnik montera rusztowań. Własne doświadczenia zawodowe zwróciły jego uwagę na potrzebę szkoleń dostępnych w językach pracowników przyjeżdżających z innych krajów.

W ośrodku w Spijkenisse pod Rotterdamem firma organizuje m.in. kursy VCA, szkolenia rusztowaniowe oraz zajęcia z obsługi wózków widłowych i podnośników. Korzysta z własnego zaplecza i maszyn, a szkolenia prowadzi również w innych lokalizacjach, u klientów oraz online. W 2026 roku Bonapi otworzyło ośrodek w Gliwicach, rozszerzając ofertę o szkolenia BHP i kursy zawodowe na rynku polskim, w tym przygotowanie do uzyskania uprawnień UDT.

Rozwiązania, które wykorzystaliśmy przy wejściu na kolejny rynek

Uruchomienie bonapi.nl było początkiem dalszej współpracy. Przygotowując polski serwis, wykorzystaliśmy istniejący projekt, komponenty i proces zakupowy. Pozwoliło nam to skupić się na lokalnej ofercie, wersjach językowych i płatnościach w złotych.

Obie strony rozwijamy w ramach stałej współpracy, dostosowując je do kolejnych potrzeb firmy.

Oba serwisy są połączone z platformą obsługującą zamówienia, konta kursantów i kursy online. Daje to Bonapi możliwość rozwijania oferty na poszczególnych rynkach przy wykorzystaniu wcześniej opracowanych rozwiązań. W ramach dalszej współpracy możemy rozbudowywać funkcje zgodnie z potrzebami zespołu Bonapi.

Taki układ sprawdzi się w każdej firmie, która sprzedaje szkolenia albo kursy z terminami. Jeśli działasz w edukacji, zobacz, jak podchodzimy do stron i platform dla szkół i organizatorów kursów.

/ pytania

Pytania o realizację

Od określenia celów biznesowych i potrzeb klientów. W ramach projektu możemy przeanalizować ofertę, sposób przyjmowania zapisów oraz czynności, które warto zautomatyzować. Na tej podstawie można zaplanować strukturę strony i potrzebne funkcje. W projekcie Bonapi analiza obejmowała potrzeby klientów indywidualnych i firm, a także obsługę różnych rynków i języków.

Tak. Możemy zaprojektować osobne ścieżki dla osób kupujących szkolenie dla siebie i firm zapisujących pracowników. Zależnie od potrzeb proces zakupu może uwzględniać wielu uczestników, dane do faktury lub formularz indywidualnej wyceny. W Bonapi różnice między tymi grupami uwzględniliśmy w strukturze strony, prezentacji oferty i procesie zamówienia.

Tak, jeśli używany system pozwala na odpowiednią wymianę danych. Możemy sprawdzić możliwości pobierania oferty, cen i terminów oraz przekazywania zamówień i danych uczestników. Zakres integracji zależy od dostępnego API, ograniczeń systemu i potrzeb firmy. W przypadku Bonapi połączyliśmy strony z platformą, którą również stworzyliśmy dla klienta.

Nie zawsze. Możemy wykorzystać istniejący projekt i funkcje, jeśli odpowiadają potrzebom nowego rynku. Dostosowania mogą obejmować język, ofertę, walutę, płatności i sposób składania zamówień. Takie podejście zastosowaliśmy przy bonapi.pl, wykorzystując rozwiązania przygotowane wcześniej dla bonapi.nl. W innym projekcie możliwość ich ponownego użycia zależałaby od różnic między rynkami i konstrukcji istniejącego serwisu.

Przygotowanie migracji może obejmować analizę dotychczasowych adresów i treści, zaplanowanie przekierowań oraz konfigurację map witryn i oznaczeń wersji językowych. W Bonapi uwzględniliśmy te elementy przy przenoszeniu istniejących stron. W podobnym projekcie zakres prac zależałby od struktury serwisu, jego widoczności i planowanych zmian. Celem jest ograniczenie ryzyka utraty ruchu. Nie można jednak zagwarantować braku wahań pozycji.

Tak. Możemy przygotować panel CMS umożliwiający edycję wybranych treści bez pomocy programisty. Zakres takiej edycji zależy od potrzeb zespołu i przyjętej konstrukcji strony. W Bonapi panel Sanity służy m.in. do zarządzania opisami szkoleń, artykułami, opiniami i profilami instruktorów. Ceny i terminy pochodzą z platformy sprzedażowej, natomiast zmiany układu i stałych podstron pozostają w zakresie obsługi technicznej.

Tak, jeśli poszczególne części rozwiązania można uruchamiać niezależnie. Możemy zaproponować pierwszy etap obejmujący najważniejsze funkcje, a pozostałe zaplanować jako dalszą rozbudowę. Taki podział zależy od celów biznesowych, budżetu i zależności między funkcjami. Możliwość etapowego wdrożenia warto więc ocenić przed rozpoczęciem projektowania.

To co,
zaczynamy?

Umów spotkanie