Strona WWW dla Regionalnego Ośrodka Kultury w Częstochowie.

Zobacz, co wspólnego ma amonit, droga i labirynt oraz co z tego wynika?

Stworzyliśmy stronę internetową dla Regionalnego Ośrodka Kultury w Częstochowie, przyjazną dla osób niepełnosprawnych.

Regionalny Ośrodek Kultury (ROK) w Częstochowie funkcjonuje od 1975 r. Celem jego działalności, jest szeroko rozumiana promocja kultury w gminach i miastach. Ośrodek wspiera placówki kultury, twórców nieprofesjonalnych oraz amatorskie zespoły artystyczne dzieci i młodzieży. Pomoc odbywa się m.in. poprzez poradnictwo i edukację kulturalną czy doskonalenie zawodowe pracowników kultury. Ponadto ROK zajmuje się popularyzacją dorobku artystycznego w województwie, Polsce i poza granicami kraju. Instytucja kieruje swoje działania do jednostek kultury, uczestników konkursów, osób zainteresowanych m.in. sztuką oraz widzów organizowanych wydarzeń.

Zwróć uwagę na kulturę

Ostatnia wersja strony internetowej, standardem odstawała od współczesnych odpowiedników. Ponadto pojawiły się przepisy, które wymusiły na publicznych ośrodkach kultury zmiany na prowadzonych przez siebie stronach WWW. Nowe witryny muszą być przyjazne osobom niepełnosprawnym. W następstwie zmian pojawiła się konieczność stworzenia nowej WWW. Poszukiwania zaprowadziły przedstawicieli Regionalnego Ośrodka Kultury pod skrzydła naszej agencji. Wspólny brief możemy podsumować następującą konkluzją: nasza realizacja ma „trafić kulturą w punkt”. Zmotywowani przystąpiliśmy do działania, chcieliśmy „kuć żelazo, póki gorące” i wykorzystać zebrane pomysły.

Rozwiązania dla osób niepełnosprawnych

Strona WWW miała wyróżniać się wizualnie, dobrze prezentować najważniejsze dla ROK-u sekcje, a także spełniać potrzeby osób niepełnosprawnych. Te ostatnie określa WCAG 2.1 - są to wytyczne w zakresie równości szans i niedyskryminacji, które ujęto w Ustawie o dostępności cyfrowej stron internetowych i aplikacji mobilnych podmiotów publicznych. Standard dostępności portali WWW, który definiuje prawo, w praktyce oznacza np. możliwość zmiany kontrastu koloru tła wobec użytego fonta, czy też wielkości czcionki na stronie. Wprowadzenie tych usprawnień ułatwia osobom z różnymi niepełnosprawnościami, przeglądanie treści oraz dokumentów na stronie ROK-u.

Poznaj Regionalny Ośrodek Kultury

Projekt zaczęliśmy od stworzenia strony głównej, która miała być atrakcyjna wizualnie i prezentować najważniejsze informacje. Na samej górze strony umieściliśmy kategorie, które ułatwiają nawigację i zaprowadzą nas m.in. do działu „O nas”, „Szkolenia” czy „Kontakt”. Poniżej zobaczyć można slider, który wyświetla wyróżnione wydarzenia. Tuż pod nim umieściliśmy sekcję aktualności, a pod nią w kolejności: wystawy, wydarzenia, konkursy i warsztaty. Dzięki temu strona jest przejrzysta i łatwa w nawigacji.

Kalendarium i sekcje

Władze ROK-u zasygnalizowały, że duże znaczenie ma dla nich harmonogram wydarzeń kulturalnych. W związku z tym, tuż pod kategoriami, umieściliśmy Kalendarium Wydarzeń, dla wyróżnienia otoczone ramką, z estetyczną grafiką oraz przyciskiem, który przenosi użytkowników do kalendarza. Znajdują się w nim nadchodzące wydarzenia kulturalne, ale także historyczne eventy. Umożliwiliśmy filtrowanie treści, dzieląc je na kategorie, takie jak np. film, fotografia, taniec i choreografia czy muzyka. Dzięki temu użytkownicy mogą sprawdzić harmonogram pod kątem interesujących ich wydarzeń. Wróćmy na stronę główną. Mijając kalendarium, natrafimy na trzy sekcje: partnerzy, patroni medialni oraz wspierają nas. Zaraz pod nimi umieściliśmy mapkę z dokładną lokalizacją Regionalnego Ośrodka Kultury w Częstochowie, wraz z podstawowymi danymi teleadresowymi.

Sygnet w wielu odsłonach

Na stronie często pojawia się sygnet z identyfikacji wizualnej ROK-u. Wyglądem nawiązuje on do amonitu, drogi lub labiryntu. Element graficzny logo podkreśla nagłówki i znajduje się, jako znak wodny w tle strony. Zastosowaliśmy go także w formie ruchomej, budując odsyłacz „czytaj więcej”. Po wskazaniu kursorem na wspomniany napis, kropka symbolizująca jednostkę, człowieka lub wędrowca, przemieszcza się na koniec linii, co jasno komunikuje o pomyślnym dotarciu do celu. Uznaliśmy, że taki zabieg przypadnie do gustu włodarzom ROK-u i dobrze zobrazuje, jak „trafić kulturą w punkt”.

Wygodny filtr

Witrynę uzbroiliśmy w jeszcze jeden funkcjonalny i wyróżniający się przycisk. Po prawej stronie ekranu znajduje się widoczny odsyłacz „Filtruj zakres tematyczny”. Klikając w niego, otworzy się boczne menu. Wykorzystaliśmy w nim elementy graficzne wraz z opisami, symbolizujące różne kategorie tematyczne np. plastyka, muzyka czy grafika komputerowa. Użytkownik może je dowolnie zaznaczać lub odznaczać, wybierając najbardziej interesujące zagadnienia, filtrując w ten sposób dostępne treści.

Estetyka strony internetowej

Strona internetowa ROK-u utrzymana jest w stonowanej kolorystyce. Połączyliśmy kolor biały, czerwony i szary. Estetyczna mieszanka barw w połączeniu z układem strony, wieloma funkcjonalnościami oraz rozwiązaniami dla osób niepełnosprawnych, tworzy spójną całość. Przeglądając stronę, nie natrafimy na rażące kolory, które mogłyby odwracać uwagę lub wywoływać dyskomfort. Dzięki temu, użytkownicy mogą eksplorować portal internetowy ROK-u, bez przeszkód w przyjaznym środowisku.

ROK
Zakres realizacji:
  • stworzyliśmy nowy layout strony WWW,
  • dostosowaliśmy witrynę do standardu WCAG 2.1 - dzięki temu, strona przyjazna jest dla osób z niepełnosprawnością,
  • wygodny przycisk „Filtruj zakres tematyczny” z estetycznymi ikonami symbolizującymi poszczególne kategorie,
  • wykorzystaliśmy sygnet z identyfikacji wizualnej, który poprzedza nagłówki, w wersji ruchomej zachęca do kliknięcia „czytaj więcej” oraz jako znak wodny ozdabia tło strony,
  • wysoko umieszczony slider prezentuje najważniejsze nadchodzące wydarzenia,
  • wyraźnie zaznaczone kalendarium, które ułatwia znalezienie wszystkich zbliżających się eventów, spotkań czy warsztatów.

Podróż zwana kulturą

„Wszystko, co ma początek, ma też koniec” - cytat pochodzi z filmu „Matrix” i pojawił się pod koniec trzeciej części, która zamykała całą trylogię. Nasza „czerwona kropka” z sygnetu również dotarła do końca swojej podróży, ale to radosny finał. Stworzyliśmy stronę internetową, którą Klient odebrał bardzo pozytywnie oraz docenił nasze podejście i zaangażowanie w projekt. Zrealizowaliśmy wszystkie wytyczne dotyczące projektu. Zwyczajowo dołożyliśmy od siebie kilka rozwiązań (np. intuicyjny system filtrowania czy animowany sygnet), które sprawiają, że WWW jest pod wieloma względami atrakcyjna dla użytkowników.

Niniejszy projekt, kolejny raz pokazał, że „indywidualne podejście” nie jest dla nas pustym frazesem. Często od podstaw przygotowujemy rozwiązania, które następnie implementujemy na witrynach naszych Klientów. Można powiedzieć, że są to pewnego rodzaju wyróżniki, które zapadają w pamięć odwiedzającym. Podnosi to atrakcyjność witryny, a dodatkowo przejrzysty układ i prosta nawigacja, pozwalają na łatwe znalezienie interesujących informacji. Wdrożyliśmy też rozwiązania, dzięki którym witryna stała się przyjaznym miejscem dla osób niepełnosprawnych. Umożliwi to wielu z nich, wejście do świata kultury, który teraz jest dosłownie na wyciągnięcie ręki.

Przedstawiciele Regionalnego Ośrodku Kultury w Częstochowie postawili kilka warunków, które nowa strona internetowa musiała spełnić. Część z nich podyktowana aktualnymi wytycznymi wynikającymi z Ustawy o dostępności cyfrowej stron internetowych i aplikacji podmiotów publicznych. Oznaczało to, że witryna ma być dostosowana do wytycznych WCAG 2.1. W związku z tym, w trakcie briefu zebraliśmy szczegółowe informacje i oczekiwania w stosunku do strony. Dotyczyły one m.in. pożądanej kolorystyki czy choćby wyeksponowania niektórych kategorii jak np. Wydarzenia, czy Kalendarium. Nie bez znaczenia była rola sygnetu, który znalazł się w wielu miejscach na portalu. Stworzyliśmy jego wersję animowaną, którą przypisaliśmy do przycisku „czytaj więcej”.

Strona miała być przejrzysta i czytelna, a dostęp do informacji prosty dla wszystkich użytkowników. Zależało nam także, na maksymalnym uproszczeniu systemu filtrów, aby każda osoba odwiedzająca portal, mogła łatwo znaleźć pożądane zagadnienia. Cały projekt to lawirowanie pomiędzy rozwiązaniami, które musiały się znaleźć, a pomysłami, które chcieliśmy wdrożyć. Trud się opłacił, a efekty zostały pozytywnie odebrane przez ROK.

Zadanie postawione przez Regionalny Ośrodek Kultury było na początku nieco enigmatyczne: „Trafić kulturą w punkt”. Wraz z rozwojem projektu „wytyczne” zaczęły być coraz bardziej klarowne.

Efekty:
  • strona dopasowana do wymagań osób niepełnosprawnych, zgodna z wymogami WCAG 2.1,
  • slider z nadchodzącymi wydarzeniami i aktualnościami,
  • kalendarium z pełnym dostępem do przeszłych oraz nadchodzących imprez kulturalnych,
  • cztery główne kategorie wyeksponowane na stronie głównej,
  • wygodny i intuicyjny system filtrowania,
  • wykorzystaliśmy sygnet do zaznaczenia nagłówków, umieściliśmy go w tle oraz stworzyliśmy animację dla odsyłaczy,
  • umieściliśmy mapkę z zaznaczoną lokalizacją Regionalnego Ośrodka Kultury.

Klient:

Regionalny Ośrodek Kultury w Częstochowie

Wdrożenie:

styczeń 2021

branża Klienta

dla tego
Klienta
realizujemy:

4 REAL

ul. Racławicka 2/28

42-202

Częstochowa

biuro@4real.pl

+48 533 345 520