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

Wizualizacja przedstawiająca mobilną wersję strony z listą członków

Śledź nas w mediach społecznościowych:

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
Projektowanie stron internetowych - wizualizacja strony głównej w wersji mobilnej

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

Tworzenie stron internetowych - zdjęcie laptopa z wyświetloną stroną internetową

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.

  • Wizualizacja pokazująca stronę na różnych urządzeniach
  • Obraz pokazujący tekst na blogu internetowym
  • Zdjęcie laptopa z wyświetloną witryną
  • Zdjęcie telefonu ze stroną główną
  • Wizualizacja przedstawiająca stronę listy członków
  • Wizualizacja strony internetowej z lokalizacjami
  • Wizualizacja przedstawiająca mobilną wersję strony z listą członków
  • Tworzenie stron internetowych - zdjęcie laptopa z wyświetloną stroną internetową

Jak wyglądała praca nad projektem?

Administrowanie stronami internetowymi - zdjęcie zespołu web developerów przy komputerach

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

Strona internetowa przed zmianą
Strona internetowa po zmianie

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

  • Zrzut ekranu strony z informacjami o członkach
  • Zrzut ekranu strony internetowej z informacjami
  • Screenshot strony WWW z treścią o nadchodzących wydarzeniach
  • Zrzut ekranu witryny internetowej
  • Zrzut ekranu strony z rozwijaną listą
  • Zrzut ekranu strony pojedynczego wydarzenia
  • Zrzut ekranu strony internetowej z personalizacją użytkownika
  • Zrzut ekranu strony internetowej newslettera
  • Zrzut ekranu przedstawiający układ elementów strony internetowej
  • Zrzut ekranu strony polityki prywatności
  • Zrzut ekranu interaktywnej strony dla użytkownika
  • Screenshot strony internetowej przedstawiający gości i organizatorów festiwalu
  • Zrzut ekranu strony z archiwum
  • Zrzut ekranu strony głównej
  • Zrzut ekranu strony bloga
  • Screenshot strony kontaktowej
  • Screenshot strony logowania