We współpracy z Żydowskim Muzeum Galicja w Krakowie opracowaliśmy interaktywną wystawę internetową „Sweet Home Sweet”.

Wizualizacja strony WWW

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

Galicja Jewish Museum logo

W ramach projektu strony internetowej dla Żydowskiego Muzeum Galicja w Krakowie przygotowaliśmy stronę typu one-page, prezentującą materiały dostępne na wystawie stacjonarnej.

Sprawdź online
Wordpress development - zrzut ekranu mobilnej wersji strony głównej

Strona Sweet Home Sweet została nagrodzona jako najlepszy projekt strony internetowej i nominowana w konkursie Awwwards.com.

Designrush.com Nominee

 

  • 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 i filmy są integralną częścią wystawy – ich optymalizacja była dla nas priorytetem.
  • Wygląd strony odzwierciedla poszczególne części wystawy w jej wersji stacjonarnej: w tym kolory wnętrza – wykorzystaliśmy te same style, odcienie i kształty.
  • 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 podczas przewijania.
  • 7

    oddzielne ramy czasowe opowiadanej historii

  • +10

    materiały wideo na stronie + wideo jako tło strony

  • 6

    dodatkowe sekcje z elementami kontekstowymi

Co mówi klient o projekcie?

Przeanalizowaliśmy szereg ofert, a ta przesłana przez Brave New okazała się najlepsza, zarówno pod względem jakości dotychczasowej pracy, jak i zaproponowanych rozwiązań. Dodatkowo, oferta była finansowo porównywalna z innymi, które otrzymaliśmy.

Został przydzielony Project Manager, który był odpowiedzialny za kontakt. Otrzymywaliśmy regularne aktualizacje dotyczące postępu prac. Nasze uwagi i korekty były wprowadzane bardzo szybko, co pozwoliło skrócić czas realizacji projektu. Dodatkowo otrzymaliśmy wskazówki i informacje na temat zarządzania stroną, a także szkolenie w formie wideo.

Ich reakcja na nasze potrzeby była doskonała, podobnie jak elastyczność i profesjonalizm.

Jakub Nowakowski

Dyrektor, Żydowskie Muzeum Galicja

Galicja Jewish Museum logo
Tworzenie stron internetowych - laptop z wyświetloną stronę WWW

Interaktywna wystawa "Sweet Home Sweet"

Podejmując się zadania stworzenia internetowej wersji wystawy, rozpoczęliśmy naszą pracę od wizyty w Muzeum, gdzie zapoznaliśmy się z historią. Wystawa składa się z kilku elementów: zdjęć, dokumentów i filmów. Dlatego też szczególną wagę przykładaliśmy do projektu i układu poszczególnych sekcji. Naszym celem było stworzenie przejrzystego i interesującego projektu, który zaangażuje użytkownika.

Wideo były najważniejszym elementem projektu. Nie tylko miały dużą wartość merytoryczną, opowiadając historię, ale także wzbogacały przygotowaną kompozycję. Dużą rolę na tym etapie odegrał zespół muzeum, który wspierał nas swoją wiedzą i udzielał cennych wskazówek przy tworzeniu strony pod względem UX.

Co było dla nas najważniejsze?

  • Strona offline

    Oprócz wersji online strony, potrzebowaliśmy również rozwiązania do wyświetlania offline’owej wersji wystawy. W tym celu wykorzystaliśmy HTML, CSS, JS oraz biblioteki GSAP do animacji. Wystawa jest dostępna zarówno na urządzeniach desktopowych, jak i mobilnych. Aby umożliwić jej prezentację w wersji offline, dostosowaliśmy responsywność strony do większych ekranów, takich jak telewizory czy projektory.
  • Optymalizacja

    Duża liczba zdjęć i filmów została również wykorzystana jako tło strony. Skupiliśmy się na ich wysokiej optymalizacji, aby użytkownik mógł płynnie przewijać stronę i od razu zobaczyć zawartość kolejnych sekcji, bez konieczności długiego czekania na załadowanie treści.
  • Efekt nieskończonego przewijania

    Strona internetowa została oparta na efekcie nieskończonego przewijania. Aby urozmaicić prezentowaną treść, elementy wyświetlały się w orientacji od góry do dołu oraz od prawej do lewej, głównie w przypadku galerii zdjęć i materiałów wideo.
  • Automatyczne odtwarzanie filmów

    Zgodnie z oczekiwaniami klienta, podczas tworzenia strony staraliśmy się ograniczyć liczbę kliknięć. W tym celu materiały wideo uruchamiają się i wyłączają automatycznie po przewinięciu określonej sekcji. Użytkownik ma również możliwość wyłączenia dźwięku z dowolnego miejsca na stronie.
Web design - wizualizacja strony ze zdjęciami
  • Wizualizacja różnych stron w wersji mobilnej
  • Wizualizacja strony WWW
  • Tworzenie stron internetowych - laptop z wyświetloną stronę WWW
  • Wizualizacja strony pokazująca zdjęcia wraz z opisem
  • Wizualizacja strony z galerią zdjęć
  • Zdjęcie laptopa z wyświetloną stroną
  • Zdjęcie telefonu wyświetlający obraz i opis w witrynie
  • Zdjęcie przedstawiające witrynę na różnych urządzeniach

Zakres prac

  • UX / UI and Webdesign
  • Kodowanie strony internetowej HTML/CSS
  • Migracja treści
  • Wsparcie techniczne po uruchomieniu serwisu

  • Zrzut ekranu przedstawiający nawigację na stronie
  • Screenshot przedstawiający sekcję hero
  • Zrzut ekranu sekcji hero z opisem na stronie internetowej
  • Zrzut ekranu przedstawiający strukturę strony głównej
  • Zrzut ekranu strony przedstawiający układ elementów
  • Zrzut ekranu przedstawiający stronę ze zdjęciami
  • Zrzut ekranu przedstawiający stronę ze zdjęciami i opisami
  • Zrzut ekranu strony z filmem
  • Zrzut ekranu podstrony
  • Zrzut ekranu strony galerii zdjęć