Jak stworzyliśmy nową wersję strony z intuicyjnym kalendarzem dla Festiwalu Miłosza w Krakowie

Wizualizacja pojedynczej strony gościa

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

logo Festiwal Miłosza

Festiwal Miłosza, jedno z najważniejszych wydarzeń literackich w Polsce i największy festiwal poetycki w Europie Środkowej wymagał nowoczesnej strony internetowej.

 

Użytkownicy szybko opuszczali witrynę, ponieważ nie mogli znaleźć potrzebnych informacji. Naszym zadaniem było stworzenie nowej, czytelnej i funkcjonalnej strony internetowej z udogodnieniami dla osób niepełnosprawnych.

Sprawdź online
Wordpress development - wizualizacja strony głównej w wersji mobilnej

Główne założenia i początek projektu

  • Naszym podstawowym zadaniem było odświeżenie dotychczasowej strony, która z biegiem lat stała się przestarzała zarówno pod względem designu, jak i funkcjonalności.
  • Stara wersja strony miała istotne wady, które wymagały poprawy. Przeszukiwanie treści było skomplikowane, a odnalezienie kluczowych informacji np. o wydarzeniach było niemalże niemożliwe. Strona wczytywała się także bardzo wolno i posiadała szereg błędów spowodowanych brakiem regularnych aktualizacji.
  • Priorytetem było zapewnienie łatwego dostępu do harmonogramu wszystkich wydarzeń – od spotkań z poetami, po koncerty, wernisaże czy wystawy poetyckie. Przejrzysty harmonogram to serce festiwalu i jedna z najważniejszych funkcjonalności dla użytkownika.
  • Festiwal Miłosza potrzebował także strony, która będzie spełniała wymogi WCAG. Od 2019 r. Każda instytucja publiczna musi zadbać, aby strona była dostosowana do osób z różnymi rodzajami niepełnosprawności.

    Co mówi Klient o projekcie?

    Marcin Achtabowskilogo Festiwal Miłosza

    Marcin Achtabowski

    Starszy specjalista ds. komunikacji — Krakowskie Biuro Festiwalowe

    Zarządzanie stroną internetową, dodawanie nowych wydarzeń czy treści jest dużo wygodniejsze, dzięki czemu oszczędzamy czas.

    Zespół Brave New bardzo szybko odpowiadał na wszystkie pytania. Informacje o potrzebnych nam materiałach otrzymaliśmy z wyprzedzeniem, więc mieliśmy czas na ich przygotowanie. Dostaliśmy też wystarczająco dużo czasu, aby zapoznać się z projektem graficznym strony internetowej, a wprowadzanie drobnych zmian przebiegło szybko.

    Project Manager kontrolował również czas spędzony nad projektem, dzięki czemu uruchomiliśmy stronę internetową zgodnie z harmonogramem.

    Co było kluczowe w trakcie prac?

    • Przejrzysta architektura harmonogramu wydarzeń

      Głównym priorytetem było stworzenie struktury, która umożliwi użytkownikom łatwy dostęp do najważniejszych informacji. Poszczególne działy harmonogramu — m.in. data, lokalizacja oraz artyści — zostały ze sobą logicznie powiązane. Wydarzenia można filtrować po datach, ale także tematach czy lokalizacji.
    • Strona dla osób z niepełnosprawnościami i dwie wersje językowe

      Strona została dostępna w dwóch wersjach językowych: polskiej i angielskiej. Znalazły się także ułatwienia dla osób z niepełnosprawnościami, które mogą zmienić rozmiar tekstu i kontrast.
    • Elastyczność i łatwość zarządzania

      Administrator może łatwo edytować treści, dodawać nowe zakładki i modyfikować zawartość w zależności od wymaganych potrzeb, bez konieczności angażowania programistów.
    • Ponadczasowy design

      Ważne jest, aby nowa strona służyła przez kolejne lata. Zaproponowany design jest nowoczesny i świeży, ale nie oparty o jednosezonowych trendach. Projekt ten będzie atrakcyjny również za kilka lat.
    • Nowa funkcjonalność „Wernisaż Jednego Wiersza”

      Moduł służy do prezentacji wierszy opracowanych podczas wydarzeń cyklicznych odbywających się w ramach festiwalu.
    Projektowanie stron internetowych - wizualizacja pojedynczego wydarzenia na stronie
    • Wizualizacja witryny na różnych urządzeniach
    • Wizualizacja pętli aktualności w witrynie
    • Wizualizacja pojedynczego wydarzenia na telefonie
    • Wizualizacja strony kontaktowej
    • Wizualizacja strony z gośćmi wydarzeń
    • Wizualizacja pojedynczej strony gościa
    • Wizualizacja układu elementów na stronie WWW
    • Laptop z wyświetloną stroną główną
    • Wizualizacja sekcji bohatera na stronie WWW
    • Wizualizacja układu obrazów z tytułem na stronie
    • Wizualizacja nawigacji na stronie w wersji desktop
    • Wizualizacja strony głównej na różnych ekranach

    Jak wyglądały prace nad projektem?

    Web development - zdjęcie osoby projektującej stronę internetową

    Projekt rozpoczęliśmy od warsztatowego spotkania z Krakowskim Biurem Festiwalowym, podczas którego ustaliliśmy wszystkie oczekiwania i założenia względem nowego projektu.

    Mając kilkunastoletnie doświadczenie, nie mamy wątpliwości, że jest to kluczowa część. Zebranie wszystkich pomysłów, wniosków i celów projektu bardzo dużo ułatwia na kolejnych etapach prac.

     

    Nie zawsze trzeba też wykonywać cały projekt od zera. Chcąc ograniczyć budżet, postanowiliśmy skorzystać z rozwiązań, które sprawdziły się w poprzednich projektach dla Krakowskiego Biura Festiwalowego.

     

    Projekt graficzny powstawał więc w oparciu o wypracowaną już strukturę i architekturę informacji. Pominęliśmy etap makiet, co pozwoliło zaoszczędzić dużo czasu i przejść do prac programistycznych.

     

    Na etapie kodowania skupiliśmy się na stworzeniu płynnego harmonogramu ze wszystkimi wydarzeniami, a także przygotowaniu jej dla użytkowników zagranicznych w języku angielskim.

     

    Ostatnią częścią projektu było uzupełnienie treści na stronie i przetestowanie wszystkich funkcjonalności. Festiwal Miłosza to istotne wydarzenie na mapie Krakowa, które ma wieloletnią tradycję. Stara strona była obfitym archiwum poprzednich edycji. Nie chcieliśmy tego tracić, dlatego treści opracowane od 2009 r. zostały również przeniesione do nowego serwisu.

    Zakres prac

    • Webdesign
    • Kodowanie strony www
    • Moduł rozbudowanego harmonogramu online
    • Dostosowanie strony do standardów WCAG
    • Nowa funkcjonalność „Wernisaż jednego wiersza”
    • Migracja treści
    • Wsparcie techniczne po uruchomieniu serwisu

    Sprawdź projekt przed i po pracach

    Wizualizacja starszej wersji strony internetowej
    Wizualizacja nowszej wersji strony internetowej

    Krakowskie Biuro Festiwalowe jest organizacją, z którą współpracujemy od lat. Aby zredukować koszty wdrożenia kolejnej strony internetowej, postanowiliśmy wykorzystać dotychczasowy projekt (Misteria Paschalia) i na jego bazie zbudować nowy, autorski projekt.

    • Zrzut ekranu pojedynczej strony wydarzenia
    • Zrzut ekranu strony głównej
    • Zrzut ekranu strony tekstowej ze zdjęciami
    • Zrzut ekranu strony internetowej z listą wydarzeń
    • Zrzut ekranu witryny przedstawiający układ obrazów
    • Zrzut ekranu strony lokalizacji