Klikając Wyślij akceptujesz Politykę prywatności i Regulamin strony.

Dziękuję za kontakt. Wkrótce oddzwonię lub odpiszę.
Coś poszło nie tak... Spróbuj jeszcze raz.
Close button
Portfolio
>
Aplikacje UX/UI
>
Muzeum Mazowieckie

Muzeum Mazowieckie

UX/UI aplikacji dla muzeum w dziale Galeria Płocczan.

Mateusz Mrozek
UX/UI Design & Projektowanie Aplikacji
Jako UX/UI Designer i specjalista od Product Designu, koncentruję się na tworzeniu intuicyjnych i angażujących doświadczeń cyfrowych. Od badań użytkowników i strategii, przez prototypowanie i design systemy, aż po dopracowany UI Design – projektuję aplikacje mobilne i webowe, które rozwiązują realne problemy i są przyjemne w obsłudze.
Dłonie Mateusza Mrozka pracującego nad tabletem, na ekranie widoczna architektura informacji projektu aplikacji. Ilustracja procesu UX/UI designu.

Ożywianie historii miasta Płocka

Projekt dla Muzeum Mazowieckiego w Płocku, jednego z najstarszych polskich muzeów, to kompleksowa realizacja aplikacji multimedialnych dla wystawy "Galeria Płocczan". Moją rolą było zaprojektowanie intuicyjnych i angażujących interfejsów (UX/UI), które w przystępny sposób prezentują bogatą historię miasta, jego zasłużonych mieszkańców oraz kluczowe wydarzenia. To Case Study przedstawia mój wkład w cyfrowe wzbogacenie tej unikalnej ekspozycji, która mieści się w oficynie kamienicy przy ul. Kolegialnej 6.
Dynamiczny mockup aplikacji Muzeum Mazowieckiego, przedstawiający interfejs UX/UI z elementami wychodzącymi jeden z drugiego. Wizualizacja interaktywnego działania aplikacji muzealnej.

Cel: Udostępnienie złożonej wiedzy w przystępnej formie

Głównym wyzwaniem w projekcie Muzeum Mazowieckiego było przekształcenie obszernego magazynu materiałów historycznych (tysiące zdjęć, setki tekstów, nagrania, filmy) w przystępne i intuicyjne aplikacje dla zwiedzających. Celem było stworzenie narzędzi, które umożliwią łatwy dostęp do informacji o ponad 100 postaciach, miejscach i wydarzeniach związanych z Płockiem, jednocześnie zachowując wysoką estetykę i spójność ze stylistyką całej wystawy. Aplikacje miały być użyteczne dla zróżnicowanej grupy odbiorców, od dzieci po dorosłych.
Moja praca dla Muzeum Mazowieckiego obejmowała projektowanie UX i UI aplikacji we współpracy z pracownikami muzeum. Był to projekt o znaczącej skali, który wymagał stworzenia wielu odrębnych, choć spójnych, aplikacji.

Duże aplikacje o postaciach

Podczas kolejnej naszej współpracy powstało pięć aplikacji o innych postaciach związanych z Płockiem, każda poświęcona od 3 do 11 osobom, z ich biogramami, dziełami (wiersze, proza), galeriami zdjęć i dokumentów. Łącznie objęło to około 40 zasłużonych płocczan.
W skład tych aplikacji weszło minimum 1000 zdjęć (wiele historycznych, wymagających retuszu), około 150 tekstów (jak wiersze czy proza), 15 filmów i 50 nagrań audio, co wymagało precyzyjnego zarządzania treścią i architekturą informacji (IA).
Figma – projekt i struktura aplikacji wraz z projektem interakcji

Aplikacja z interaktywną mapą

Kluczowym elementem była również aplikacja z interaktywną mapą dawnego Płocka, która prowadziła do szczegółowych informacji o historycznych wydarzeniach i miejscach w mieście.
Procreate – rysunek mapy na podstawie historycznych źródeł
Figma – interaktywny prototyp aplikacji

Testy użyteczności i iteracje

W procesie projektowania kluczowe były testy użyteczności. Aplikacje były najpierw testowane przez pracowników muzeum, a następnie przez kilkoro zaproszonych zwiedzających w różnym wieku, którzy korzystali z nich na tabletach.
Moja rola polegała na bacznej obserwacji interakcji użytkowników i skrupulatnym notowaniu ich zachowań. Po testach wprowadzaliśmy jedynie drobne, ale istotne zmiany w ułożeniu i widoczności części przycisków, co potwierdziło sukces UX aplikacji i ich wysoką intuicyjność.
Figma – testy prototypów aplikacji na różnych etapach projektowania

Spójność wizualna

Paleta kolorów aplikacji nawiązywała do starych fotografii, dominującymi odcieniami były szarości i beże, idealnie współgrające z czarno-białymi zdjęciami i sepią. Zastosowałem klasyczny krój szeryfowy Arbutus Slab, który doskonale sprawdził się zarówno jako font tytułowy, jak i tekstowy.
Główny font:
Arbutus Slab
Styl:
Regular
#F7F5F3
#F7F5F3
#D9D9D9
#AD8D56

Retusz i korekcja zdjęć

Kluczowym etapem było także retuszowanie historycznych zdjęć, obejmujące usuwanie zniszczeń i korekcję kolorystyczną, aby materiały wizualne prezentowały się estetycznie i czytelnie na ekranach kiosków. Ta dbałość o detal wzmacniała autentyczność przekazu.
Zeskanowane, historyczne zdjęcie portretowe przed retuszem. Widoczne uszkodzenia, zabrudzenia i urwany fragment, ilustrujące konieczność cyfrowej renowacji dla wystawy Muzeum Mazowieckiego.
To samo historyczne zdjęcie portretowe po profesjonalnym retuszu cyfrowym. Obraz jest czysty, bez widocznych uszkodzeń i zabrudzeń. Efekt renowacji dla wystawy muzealnej Muzeum Mazowieckiego.

Osiągnięte wyniki i sukces projektu

Dzięki owocnej współpracy z Muzeum Mazowieckim, stworzyliśmy aplikacje, które są nie tylko atrakcyjne wizualnie, ale także niezwykle intuicyjne. Zwiedzający, po dłuższym czasie użytkowania, chwalą je za przyjemność w obsłudze. Sukces projektu potwierdza fakt, że po wdrożeniu pierwszych dwóch aplikacji, muzeum zwróciło się do mnie z prośbą o opracowanie kolejnych sześciu, co świadczy o zaufaniu i efektywności stworzonych rozwiązań. Muzeum zyskało nowoczesne narzędzie do edukacji i promocji swojej bogatej historii.
Współpraca
Szukasz eksperta od UX/UI Designu do projektu aplikacji?
Oferuję kompleksowe usługi UX/UI Designu i Product Designu dla aplikacji mobilnych i webowych. Od badań użytkowników i prototypowania, przez projektowanie interfejsów (UI), po tworzenie Design Systemów – pomagam firmom budować intuicyjne i angażujące produkty cyfrowe. Moje portfolio aplikacji pokazuje moje doświadczenie w tworzeniu rozwiązań, które naprawdę działają.
Skontaktuj się, aby omówić Twój projekt aplikacji – od analizy potrzeb po dopracowany interfejs.
Dwa smartfony z wyświetlonymi różnymi motywami zaprojektowanej aplikacji mobilnej. Przykładowy UI design aplikacji na białym tle.
Inne projekty
Zobacz też inne moje realizacje
Poniżej znajdziesz kilka wybranych projektów, które realizowałem. Aby zobaczyć wszystkie, przejdź tutaj.