Jak stworzyliśmy nową i funkcjonalną stronę wydarzeń, wyposażoną w intuicyjny kalendarz.

Visualization showing the mobile version of the member list page

You can also follow us on social media:

kbf logo

Misteria Paschalia to jeden z najważniejszych festiwali muzyki dawnej w Europie, organizowany od 2004 roku przez KBF w czasie Wielkiego Tygodnia. Naszym głównym celem było stworzenie łatwych w obsłudze i funkcjonalnych rozwiązań, które umożliwią odwiedzającym łatwy dostęp do informacji oraz atrakcyjnego designu, pozwalającego na oglądanie wydarzeń online lub zakup biletów na transmisje w różnych terminach.

Sprawdź online
Web development - visualization of the home page in the mobile version

Co było dla nas ważne?

  • Strona internetowa dla osób z niepełnosprawnościami oraz dwie wersje językowe. Cała zawartość strony jest dostępna w dwóch wersjach językowych. Zawiera również łatwe opcje zmiany rozmiaru tekstu, kontrastu oraz asystenta głosowego dla osób z niepełnosprawnościami.
  • Możemy docenić elementy projektu, takie jak połączenie kolorów i kontrastu, wzbogacone o fotografie w czerwonych tonacjach, które doskonale oddają atmosferę wydarzenia.
  • Nadchodzące wydarzenia. Jedną z najciekawszych funkcji jest harmonogram. Poszczególne działy – lokalizacje, artyści i daty – zostały logicznie powiązane, dzięki czemu użytkownik może szybko znaleźć potrzebne informacje i łatwo zdecydować, czy kupić bilet na wydarzenie, czy obejrzeć online. W efekcie użytkownicy poruszają się po stronie w sposób intuicyjny, łatwo przechodząc między poszczególnymi sekcjami.
  • Administrator może przypisać gości festiwalu do jednej z dwóch kategorii oraz przypisać ich do dowolnej liczby lokalizacji i wydarzeń.
  • Strona jest bardzo dobrze zoptymalizowana i szybka, ponieważ została stworzona zgodnie z wymaganiami WCAG 2.1 oraz oparta na systemie WordPress i wtyczce Advanced Custom Fields (ACF), która zawiera wyszukiwarkę opartą na słowach kluczowych.
  • Integracja z newsletterem. Umożliwia to subskrypcję i bieżące śledzenie najnowszych informacji.
  • Wygoda korzystania z serwisu i logiczne rozmieszczenie treści na stronie.
  • 26

    projektów graficznych podstron

  • 25

    strony z informacjami o gościach festiwalu

  • 5

    główne lokalizacje, do których administrator ma możliwość przypisania gości wraz z wydarzeniem

Wordpress development - photo of a laptop with the web page displayed

Przed jakim wyzwaniem stanęliśmy?

Stara wersja strony Misteria Paschalia była trudna w obsłudze, a jej interfejs użytkownika (UX) nie zapewniał dobrego doświadczenia, głównie z powodu nadmiaru animacji, które utrudniały szybkie znalezienie istotnych informacji. Projektowanie nowej strony nie było łatwe, ponieważ czas na realizację był krótki, a prace rozpoczęły się tuż przed festiwalem, przy czym strona była dość rozbudowana. Dodatkowo, konieczne było dostosowanie witryny do wymagań WCAG 2.1.

  • Visualization showing the website on different devices
  • Image showing the text on a web blog
  • Photo of the laptop with the site displayed
  • Photo of phone showing home page
  • Visualization showing the member list page
  • Visualize the website with locations
  • Visualization showing the mobile version of the member list page
  • Wordpress development - photo of a laptop with the web page displayed

Jak wyglądała praca nad projektem?

Web development for agencies - web development team coding website features

Na początku projektu otrzymaliśmy szczegółowy brief ze wszystkimi oczekiwaniami dotyczącymi strony. KBF podzielił się z nami koncepcją, otrzymaliśmy listę stron i funkcjonalności. Najważniejszą kwestią był intuicyjny, prosty design oraz dostosowanie strony do osób niepełnosprawnych. Na tej podstawie przygotowaliśmy specyfikację projektu oraz wszystkie 26 projektów podstron.

Przy projektowaniu widoków wszystkich podstron zainspirowaliśmy się inną stroną KBF – Operarara. Wykorzystaliśmy symbole i elementy wizualne z identyfikacji, a także wcześniej przygotowane materiały promocyjne. Jednocześnie nie zapomnieliśmy o funkcjonalnościach dostępnych dla administratorów, starając się maksymalnie uprościć zarządzanie stroną. Podczas etapu kodowania skupiliśmy się na stworzeniu płynnego harmonogramu wydarzeń, dostosowaniu strony do potrzeb osób z niepełnosprawnościami, a także przygotowaniu wersji anglojęzycznej dla użytkowników zagranicznych.

 

Ostatnią częścią projektu było uzupełnienie treści na stronie i przetestowanie wszystkich funkcjonalności. Dodaliśmy informacje o bieżących wydarzeniach, artystach oraz rezydentach festiwalu. Przygotowaliśmy stronę na premierę festiwalu.

Zakres prac

  • Webdesign
  • Kodowanie strony internetowej
  • Moduł rozbudowanego harmonogramu online
  • Dostosowanie strony do standardów WCAG
  • Migracja treści
  • Wsparcie techniczne po uruchomieniu serwisu

Sprawdź projekt przed i po pracach

Website before the change
Website after the change

Design strony miał ogromne znaczenie, dlatego każda z głównych podstron została zaprojektowana indywidualnie - zadbaliśmy o każdy szczegół!

  • Screenshot of the member information page
  • Screenshot of the website with information
  • Screenshot of website with content about upcoming events
  • Screenshot of the site
  • Screenshot of the dropdown list page
  • Screenshot of a single event page
  • Screenshot of the website with user customization
  • Screenshot of newsletter website
  • A screenshot showing the layout of the website elements
  • Screenshot of Privacy Policy page
  • Screenshot of the interactive page for the user
  • Screenshot of the web page showing the guests and organizers of the festival
  • Screenshot of the archive page
  • Home page screenshot
  • Screenshot of the blog page
  • Contact page screenshot
  • Screenshot of the login page