Case study · Serwis internetowy · Instytucja kultury / opera

Serwis Opery Wrocławskiej z repertuarem, kalendarzem i panelem dostępności

Q: Ile kosztuje strona internetowa teatru, opery lub innej instytucji kultury?

Rozbudowany serwis z repertuarem, wersjami językowymi i integracjami to zwykle 15–40 tys. zł netto. Serwis z funkcjami aplikacji, np. z panelem klienta, kosztuje od 39 tys. zł netto, a duży serwis instytucji z wieloma modułami, integracjami z systemami zewnętrznymi i pełną dostępnością WCAG – zwykle do 90 tys. zł netto. Cena zależy od liczby modułów, integracji i wersji językowych. Szczegóły w cenniku. Wycena jest bezpłatna.

Q: Czy strona instytucji kultury musi spełniać WCAG?

Publiczne instytucje kultury, prowadzone przez państwo lub samorząd, obowiązuje ustawa o dostępności cyfrowej stron internetowych i aplikacji mobilnych podmiotów publicznych, która odwołuje się do WCAG 2.1 na poziomie AA. Muszą też publikować deklarację dostępności. Serwis Opery Wrocławskiej projektowaliśmy zgodnie z WCAG 2.1 na poziomie AA – ma panel dostępności z 8 ustawieniami, a deklaracja dostępności jest w stopce.

Q: Czy repertuar na stronie można połączyć ze sprzedażą biletów?

Tak. W serwisie Opery Wrocławskiej sprzedaż prowadzi system biletowy opery, a strona pobiera z niego status dostępności miejsc: przy terminach z wolnymi miejscami pokazuje przycisk „Kup bilet”, który prowadzi do tego systemu, a przy pozostałych – „Brak miejsc”. Filtr „Dostępne bilety” pozwala zostawić na liście tylko terminy z biletami w sprzedaży.

Q: Czy opera sama dodaje spektakle i aktualności?

Tak. Repertuar, karty spektakli, aktualności, oferty pracy i slidery na stronie głównej zespół opery prowadzi samodzielnie w panelu CMS – w wersji polskiej i angielskiej.

Dla Opery Wrocławskiej zaprojektowaliśmy i wdrożyliśmy serwis w wersjach PL i EN, w którym widz szybko znajduje spektakl: repertuar ma 6 filtrów i archiwum sezonów, kalendarz wydarzeń zaznacza dni ze spektaklami, a karta spektaklu zbiera ceny, obsadę i dostępne terminy. Serwis projektowaliśmy zgodnie z WCAG 2.1 na poziomie AA – ma panel dostępności z 8 ustawieniami.

Porozmawiajmy o podobnym projekcie Zobacz opera.wroclaw.pl

Przewijanie strony głównej opera.wroclaw.pl na komputerze – slajd „Ein Deutsches Requiem”, „Wkrótce w Operze Wrocławskiej” i film z „Carmen”

Strona główna opera.wroclaw.pl na telefonie ze slajdem „Ein Deutsches Requiem”

Klient: Opera Wrocławska
Branża: Instytucja kultury / opera
Strona: opera.wroclaw.pl

Zakres prac

Serwis internetowy

6filtrów repertuaru, m.in. rodzaj i język spektaklu

5rozwijanych sekcji na karcie spektaklu, od opisu po obsadę

8ustawień w panelu dostępności WCAG

2wersje językowe: polska i angielska

W tym case study

O kliencie
Wyzwanie
Rozwiązanie
Integracje
Pytania i odpowiedzi

Czym jest Opera Wrocławska i czego potrzebowała?

Opera Wrocławska to instytucja kultury Ministra Kultury i Dziedzictwa Narodowego oraz Województwa Dolnośląskiego, z gmachem przy ul. Świdnickiej 35 we Wrocławiu. W repertuarze ma opery, balety, koncerty, musicale i spektakle dla dzieci, a także warsztaty i zwiedzanie opery. Na stronie ma dział EduOpera i przedstawia swoich solistów, orkiestrę, chór i balet.

Opera potrzebowała serwisu, w którym widz szybko sprawdzi, co i kiedy jest grane, przeczyta o spektaklu i przejdzie do zakupu biletu – na komputerze i na telefonie, także z włączonymi ułatwieniami dostępu. Strona miała działać w dwóch językach i być projektowana zgodnie z WCAG 2.1 na poziomie AA, a zespół opery miał sam prowadzić repertuar i aktualności.

Wyzwanie: repertuar na cały sezon, czytelny dla każdego widza

Wyzwanie

Wiele terminów i rodzajów wydarzeń w jednym repertuarze

Rozwiązanie

Lista spektakli ułożona od najbliższych terminów i 6 filtrów. Każdy wybrany filtr pojawia się nad listą jako etykieta, którą widz usuwa jednym kliknięciem.

Wyzwanie

„Co gramy w ten dzień?”

Rozwiązanie

Kalendarz wydarzeń na stronie głównej i w repertuarze: kropka przy dniach ze spektaklami, strzałki do zmiany miesiąca, a w repertuarze kliknięcie w dzień zawęża listę obok do tej daty.

Wyzwanie

Bilety sprzedaje zewnętrzny system opery

Rozwiązanie

Przycisk „Kup bilet” pojawia się albo znika – w jego miejscu jest „Brak miejsc” – zależnie od dostępności miejsc pobieranej z systemu biletowego opery. Sprzedaż odbywa się w tym systemie.

Wyzwanie

Dużo treści o jednym spektaklu

Rozwiązanie

Karta spektaklu pokazuje na górze ceny, język, termin, czas trwania i „Kup bilet”, a opis, streszczenie, informacje, realizację i obsadę układa w rozwijane sekcje.

Wyzwanie

Dostępność dla wszystkich widzów

Rozwiązanie

Serwis projektowany zgodnie z WCAG 2.1 na poziomie AA, z panelem dostępności (8 ustawień i reset), mapą strony i deklaracją dostępności w stopce.

Rozwiązanie: najważniejsze funkcje

Repertuar Opery Wrocławskiej po wybraniu filtra „Balet” — Filtr „Balet”, a potem wybór sezonu z archiwum.

Repertuar z filtrami i archiwum sezonów

Spektakle są ułożone od najbliższych terminów. Widz zawęża listę 6 filtrami: rodzaj spektaklu, grupa wiekowa, język spektaklu, sezon (aktualne albo archiwum sezonów), „Dostępne bilety” i „Premiera”. Wybrane filtry widać nad listą jako etykiety do usunięcia jednym kliknięciem. Każda pozycja ma datę, czas trwania, kategorię, ceny biletów oraz przyciski „Kup bilet” i „Szczegóły”.

Karta spektaklu Rigoletto: termin, ceny, plakat i przycisk Kup bilet — Karta „Rigoletto”: rozwinięta „Obsada” i lista „Dostępne terminy”.

Karta spektaklu: od plakatu po obsadę

Na górze karty są tytuł, ceny biletów, język spektaklu z informacją o napisach, data, czas trwania, przerwa, plakat i „Kup bilet”. Panel z terminem i przyciskiem zostaje na ekranie podczas przewijania. Niżej 5 rozwijanych sekcji: „O spektaklu”, „Streszczenie”, „Informacje”, „Realizacja” i „Obsada” – obsada na wybrany termin ze zdjęciami i linkami do profili artystów – oraz przewijana lista „Dostępne terminy”.

Kalendarz wydarzeń w repertuarze z zaznaczonymi dniami spektakli — Zmiana miesiąca i wybór dnia w kalendarzu repertuaru.

Interaktywny kalendarz wydarzeń

Kalendarz jest na stronie głównej obok sekcji „Wkrótce w Operze Wrocławskiej” i w repertuarze. Dni ze spektaklami mają kropkę, strzałki przełączają miesiące, a w repertuarze kliknięcie w dzień zawęża listę obok do wydarzeń z tej daty. Wybrana data pojawia się nad listą jako etykieta, którą łatwo usunąć.

Wyniki wyszukiwania frazy Mozart w repertuarze Opery Wrocławskiej — Wyszukiwanie frazy „Mozart” z podstrony aktualności.

Wyszukiwarka w nagłówku

Ikona lupy w nagłówku otwiera pasek wyszukiwania na całą szerokość strony. Wpisana fraza przeszukuje repertuar: wyniki to lista spektakli z etykietą „Wyszukiwanie: …”, a obok zostają filtry i kalendarz, żeby od razu zawęzić wyniki.

Karta spektaklu w trybie wysokiego kontrastu z otwartym panelem dostępności — Kontrast, największy rozmiar tekstu i podkreślone linki, potem reset.

Panel dostępności (WCAG 2.1 AA)

Przycisk „Ustawienia dostępności” przy prawej krawędzi ekranu otwiera panel z 8 ustawieniami: kontrast, rozmiar tekstu w 3 stopniach, odstępy, interlinia, skala szarości, podkreślenie hiperłączy, wstrzymanie animacji i czytelny tekst – a także reset i mapę strony. Film w tle sekcji z „Carmen” na stronie głównej ma przyciski pauzy i dźwięku.

Strona główna i karta spektaklu Opery Wrocławskiej na telefonie — Strona główna i karta spektaklu na telefonie.

Wersja mobilna

Na telefonie układ przechodzi w jedną kolumnę: na stronie głównej plakaty z sekcji „Wkrótce” po dwa w rzędzie, a na karcie spektaklu termin, plakat i „Kup bilet” zaraz pod tytułem. Przycisk „Kup bilet” i ikona dostępności zostają przy górnej krawędzi ekranu podczas przewijania.