Interaktywna wystawa muzealna przygotowana przy współpracy z Żydowskim Muzeum Galicja

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

Galicia Jewish Museum logo

Żydowskie Muzeum Galicja w Krakowie to nasz wieloletni partner, dla którego regularnie wykonujemy projekty multimedialnych stron internetowych. Projekty te, ze względu na swoją tematykę są świetnym zadaniem kreatywnym.

 

Tym razem otrzymaliśmy szansę stworzenia strony internetowej dla wystawy zdjęć brytyjskiego fotografa Chrisa Schwarza, który odwiedził Polskę w maju 1981 r.

 

Emocje zapisane na odbitkach 44 lata temu odtworzyliśmy w internetowej wersji wystawy.

Sprawdź online

Internetowa wersja wystawy w skrócie – najważniejsze fakty i liczby

„Maj ‘81” to fotograficzny zapis podróży, która odbyła się w szczególnym czasie, w okresie krótkotrwałego i względnego złagodzenia komunistycznych represji wobec polskiego społeczeństwa pomiędzy sierpniem 1980 a grudniem 1981. Siedem miesięcy po powrocie Chrisa do Londynu, w Polsce wprowadzono stan wojenny. Na tych samych ulicach, po których kilka miesięcy wcześniej chodził z aparatem, pojawiły się czołgi. Zmiana sytuacji politycznej w Polsce i opóźnienia angielskiego wydawcy sprawiły, że materiał nie został wcześniej opublikowany.

  • Strona internetowa została zaprojektowana jako landing page, wykorzystująca efekt nieskończonego przewijania, który umożliwia płynne ładowanie treści.
  • Zdjęcia Chrisa Schwarza są najważniejszym elementem wystawy. Każda podstrona została zaprojektowana indywidualnie, aby zadbać o kadrowanie i inne detale.
  • Wygląd strony odpowiada stacjonarnej wystawie, którą można zobaczyć w muzeum w Krakowie. Zależało nam, aby cała komunikacja graficzna wystawy była ze sobą spójna.
  • Liczba kliknięć na stronie została ograniczona do minimum: użytkownik płynnie przewija stronę, śledząc historię, a poszczególne treści ładują się automatycznie.
  • 99/100

    Wynik prędkości strony w teście prędkości Google’a na komputerach

  • 93/100

    Wynik prędkości strony w teście prędkości Google’a na urządzeniach mobilnych.

  • 2

    Liczba wersji językowych.

  • 92

    Liczba zaprojektowanych podstron.

Klient o projekcie

Tomasz Strug

Zastępca Dyrektor Żydowskiego Muzeum Galicja, Kustosz Wystawy

Z Brave New współpracowaliśmy już przy kilku projektach – za każdym razem finalny produkt spełniał nasze oczekiwania. Tym razem o wyborze wykonawcy zdecydowały także czynniki organizacyjne, czyli relatywnie krótki czas na realizację projektu.

Firma przedstawiła realistyczny harmonogram prac, który uwzględniał wystarczającą ilość czasu na konsultacje i konceptualizację docelowego układu strony. Proces realizacji przebiegał sprawnie i na bieżąco uwzględniał zgłaszane przez nas – jako zleceniodawcę – uwagi.

Co szczególnie istotne, powstała wystawa fotograficzna online, która dobrze prezentuje się zarówno na urządzeniach stacjonarnych jak i mobilnych – pomimo ich zupełnie odmiennej charakterystyki.

Co było najważniejszą kwestią w projekcie?

Najważniejszym elementem współpracy było poznanie całej historii Chrisa Schwarza i zdjęć, które stworzył. Początek współpracy oznaczał więc szczegółowe zagłębienie się w wydarzenia przedstawione na fotografiach.

 

Zarówno na początku prac, jak i w trakcie projektowania strony, kilkukrotnie odwiedzaliśmy stacjonarną wystawę. Pozwoliło nam to wielokrotnie rozwiązać problemy związane z interfejsem, odpowiednio ułożyć narrację czy odpowiednio dobrać animację w zdjęciach.

 

Fot. Chris Schwarz

Co było dla nas ważne?

  • Zdjęcia w centrum uwagi

    Zdjęcia wykonane 44 lata temu przez Chrisa Schwarza niosą w sobie dużo emocji. Na zdjęciach zapisane zostało życie codzienne ludzi, w ważnym dla nich momencie życia. Naszym głównym założeniem podczas przygotowania projektu graficznego było położenie nacisku na zdjęcia. Design miał być jedynie dopełnieniem przekazu, który jest już zapisany w wyjątkowych fotografiach.

    Aby zadbać o szczegół, każda z podstron została przygotowana indywidualnie już na etapie graficznym. Oznaczało to ponad 90 widoków podstron, ale pozwoliło dopracować prezentacje każdej z fotografii.
  • Strona offline

    Oprócz wersji online strony potrzebowaliśmy również rozwiązania do wyświetlania offline’owej wersji wystawy. Projekt został zakodowany w technologii React, aby zapewnić szybkie działanie, zarówno w wersji internetowej, jak i na ekranach stacjonarnych w muzeum.
  • Optymalizacja

    Na stronie wykorzystaliśmy dużą liczbę zdjęć i filmów jako tło. Zadbaliśmy o ich maksymalną optymalizację, aby zapewnić płynne przewijanie i natychmiastowe wyświetlanie kolejnych sekcji, eliminując konieczność długiego oczekiwania na załadowanie treści. Testy prędkości Google potwierdzają wysoką wydajność strony – osiąga ona wyniki powyżej 90 na 100 punktów zarówno na komputerach, jak i na urządzeniach mobilnych.
  • Efekt nieskończonego przewijania i animacje

    Strona internetowa wykorzystuje efekt nieskończonego przewijania, dzięki czemu użytkownik może skupić się na treści bez nadmiernego obciążenia elementami nawigacyjnymi. Zastosowaliśmy także subtelne animacje, które płynnie prowadzą przez historię, nie przytłaczając nadmiarem efektów wizualnych.
  • Dwie wersje językowe

    Wielu odbiorców muzeum to osoby spoza Polski. Istotną kwestią było więc stworzenie strony w dwóch wersjach językowych.

Zobacz video prezentację

Strona internetowa maj81.pl ze zdjęciami Chrisa Schwarza zawiera wiele animacji i efektów. Mają one na celu ułatwić odbiór treści i poprowadzić widza przez całą narrację.

Aby pokazać rezultaty naszej pracy, przygotowaliśmy dodatkowo video prezentację projektu.

Jak przebiegały prace?

Pozycjonowanie stron internetowych - prezentacja nowego projektu strony

Prace nad stroną rozpoczęliśmy od dogłębnego poznania historii Chrisa Schwarza oraz fotografii, które stanowią kluczowy element wystawy. Zanim przystąpiliśmy do projektowania, kilkukrotnie odwiedziliśmy ekspozycję w Żydowskim Muzeum Galicja, co pozwoliło nam lepiej zrozumieć jej przekaz i zadbać o spójność wizualną strony z wystawą stacjonarną. W tym czasie ściśle współpracowaliśmy z klientem, analizując najważniejsze aspekty narracji i sposób prezentacji treści online.

Po zakończeniu etapu badawczego rozpoczęliśmy prace projektowe. Skupiliśmy się na stworzeniu układu strony, który pozwala użytkownikowi płynnie śledzić historię poprzez nieskończone przewijanie i automatyczne ładowanie treści. Każda podstrona została zaprojektowana indywidualnie, aby odpowiednio kadrować zdjęcia i zachować ich autentyczny charakter. Po akceptacji projektu przeszliśmy do etapu kodowania, gdzie zadbaliśmy o optymalizację wydajności strony, tak aby zdjęcia i animacje ładowały się bez opóźnień.

 

Ostatnim etapem było dodanie treści i finalne testy przed premierą. Dzięki wcześniejszym konsultacjom i bezpośredniej współpracy z klientem udało nam się uniknąć wielu potencjalnych problemów i dostarczyć stronę, która w pełni oddaje klimat wystawy.

 

Wierzymy, że staranne podejście na każdym etapie – od badań, przez design, po wdrożenie – pozwoliło stworzyć stronę, która nie tylko prezentuje treści, ale także angażuje odwiedzających w sposób spójny z doświadczeniem muzealnym.

Zakres prac

  • UX / IU i webdesign
  • Kodowanie strony w technologii React
  • Uzupełnienie treści
  • Wsparcie techniczne po uruchomieniu serwisu

Aby w pełni dopracować serwis i zadbać o oddanie każdego zdjęcia Chrisa Schwarza, przygotowaliśmy projekt graficzny każdej z podstron. Dało to ponad 90 widoków desktopowych i mobile. Oto wybrane projekty: