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

Visualization of the website

You can also follow us on social media:

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 - screenshot of the mobile version of the homepage

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
Web development for agencies - laptop with a web page displayed

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 - visualization of the site with photos
  • Visualization of different pages in the mobile version
  • Visualization of the website
  • Web development for agencies - laptop with a web page displayed
  • Visualization of the website showing photos with description
  • Visualization of the site with photo gallery
  • Photo of laptop with page displayed
  • Photo of phone displaying image and description on site
  • Photo showing the website on different devices

Zakres prac

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

  • Screenshot showing site navigation
  • Screenshot showing the hero section
  • Screenshot of hero section with description on the web page
  • Screenshot showing the structure of the home page
  • Screenshot of the page showing the layout
  • Screenshot showing the page with photos
  • Screenshot showing the page with photos and descriptions
  • Screenshot of the video page
  • Screenshot of the subpage
  • Screenshot of the photo gallery page