01
Wybór ścieżki zamiast menu
Zaraz pod hero strona pyta: „Gdzie chcesz zorganizować swój event?”. Pięć kafli — biuro, hotel, plener, online i „To skomplikowane” — prowadzi do hubów miejsc albo prosto do rozmowy z zespołem.
Case Study · Cudotwórnia
Od wyboru miejsca do gotowego scenariusza.
Cudotwórnia zamienia firmowe integracje w fabularne gry, śledztwa i escape roomy. Zamiast klasycznego katalogu ofert stworzyliśmy stronę, która prowadzi użytkownika do eventu dopasowanego do jego potrzeb — według miejsca, rodzaju wydarzenia i wielkości grupy.
W skrócie
0
scenariuszy z własnymi wariantami i galerią zdjęć
0
layoutów ACF Flexible Content, z których zespół składa podstrony
0
modułów JS ładowanych tylko na stronach, które ich potrzebują
0
wersji językowych
Wyzwanie
Dziesiątki scenariuszy i pytanie: co właściwie wybrać?
Cudotwórnia ma w ofercie ponad 90 scenariuszy. Różnią się nie tylko formą, ale też miejscem realizacji, liczbą uczestników, czasem trwania czy możliwościami organizacyjnymi.
Użytkownik zazwyczaj nie zaczyna od konkretnego scenariusza. Zaczyna od swoich warunków: „mamy 40 osób, hotel i trzy godziny”. Dlatego strona nie miała być kolejnym katalogiem ofert, ale narzędziem, które pomaga znaleźć odpowiedni event.
Jednocześnie zespół Cudotwórni potrzebował możliwości samodzielnego rozwijania serwisu — dodawania nowych scenariuszy, case studies, kategorii i kolejnych podstron.
Nasze podejście
Kilka sposobów na znalezienie eventu i treść składana z modułów
- Dwie taksonomie scenariuszy — kategoria i miejsce — każda z własną stroną-hubem.
- Wyszukiwarka eventów według miejsca, liczby uczestników i czasu trwania.
- Jeden wspólny komponent karty scenariusza wykorzystywany w całym serwisie
- Krótkie, czytelne adresy bez prefiksów
Proces
Od architektury do strony, która się szybko ładuje.
01
Model treści
Trzy typy wpisów — scenariusz, case study i zespół — oraz taksonomie typ eventu, miejsca i klienta. Każdy scenariusz ma osobne pola do wyświetlania i zakresy do filtrowania.
02
Ścieżki i szablony
Strona główna, huby eventów i miejsc, karty scenariuszy, case studies, blog, „O nas”, kariera i kontakt. Wspólne moduły — karta scenariusza, FAQ i formularz wyceny — są wykorzystywane w wielu szablonach.
03
Development
Własny motyw Wordpress. Sekcje PHP podpiętych do layoutów Flexible Content. Wyszukiwarka eventów, filtry bloga, taby, slidery i galerie.
04
QA, code review i wydajność
Code review pod kątem bezpieczeństwa i dobrych praktyk, a potem optymalizacja pod PageSpeed
Karta scenariusza
Jeden komponent, najważniejsze informacje od razu.
Każda karta pokazuje kluczowe informacje: czas trwania, liczbę uczestników i dostępne miejsca realizacji. Badge „Top oferta” można włączyć jednym przełącznikiem, a cała karta prowadzi do szczegółów scenariusza.
Kluczowe funkcje
Co dostarczyliśmy.
02
Wyszukiwarka „Jakiego eventu potrzebujesz?”
Trzy pola: miejsce, liczba osób i czas trwania. Wyniki ładuje Ajax w postaci tych samych kart co w reszcie serwisu, bez przeładowania strony.
03
Huby typów eventów i miejsc
Huby typów eventów i miejsc Każdy typ eventu (np. Fabularne Gry Śledcze) i każde miejsce ma własną stronę złożoną z sekcji ACF: hero z formularzem wyceny, TOP scenariusze, „Kiedy to się sprawdzi?”, „Jak to przebiega?”, FAQ i teksty SEO.
04
Warianty realizacji w tabach
Ten sam scenariusz wygląda inaczej w hotelu, w plenerze i online. Zamiast czterech podstron jest jedna sekcja z tabami: każdy wariant ma własne punkty, czas, liczbę osób, przycisk wyceny i galerię.
05
Case study opowiedziane krok po kroku
Szablon realizacji prowadzi przez historię eventu: cel, propozycję z planem dzień po dniu, timeline przygotowań, skalę w liczbach, efekty, galerię, opinię klienta i użyte scenariusze.
Mobile
Osobne widoki mobilne dla kluczowych szablonów.
Na mobile treści i komponenty są dostosowane do sposobu korzystania z telefonu — osobne grafiki hero, poziome slidery ze scenariuszami i uproszczona nawigacja
Najedź na ekran telefonu i przewiń, aby zobaczyć stronę
Kluczowe zmiany i optymalizacje
Co zyskał klient.
01
Krótsza droga do zapytania
Do oferty prowadzą trzy wejścia: miejsce, typ eventu i wyszukiwarka po parametrach grupy. Na każdej z tych ścieżek jest formularz wyceny albo przycisk „Zapytaj o termin”.
02
Dane, które same porządkują ofertę
Nowy scenariusz to wpis z typem i miejscem realizacji. Po dodaniu automatycznie trafia do odpowiednich hubów, wyszukiwarki i sekcji podobnych scenariuszy — bez zmian w kodzie.
03
Wydajność
Własne rozmiary obrazów, osobne grafiki na mobile, JavaScript podzielony na moduły ładowane tylko wtedy, gdy są potrzebne.
04
Samodzielna edycja
Podstrony składane z 65 bloków, a dane kontaktowe zapisane globalnie w Opcjach — zmiana telefonu czy formularza w jednym miejscu aktualizuje cały serwis.
Stack i usługi
Narzędzia dobrane do zadania.
