Mrozek Design

31/10/2025

Zawsze chciałem mieć bloga. No to mam 😁 Dość niszowy temat, ale przynajmniej mogę się tam ekspercko wybiegać.

Tworząc strony internetowe Webflow czasem dochodzę do granic możliwości jakie oferuje ta platforma. Granice te są bardzo rozległe i niełatwo na nie trafić, ale zdarza się. Tworząc ostatnio stronę dla klienta Solid Water, trafiłem na takie właśnie ograniczenie, kiedy chciałem zbudować...

06/10/2025

https://www.mrozekdesign.pl/blog/zdjecia-produktowe-e-commerce

Jakiś czas temu zgłosiła się do mnie firma Actiplast z pytaniem, czy jestem w stanie wykonać dla niej zdjęcia produktowe. Firma zajmuje się produkcją elementów ogrzewania podłogowego i mają w ofercie zaledwie kilka produktów. Jak to ja, zgodziłem się. Zadanie nie wyglądało na trudne....

03/08/2025

15/07/2025

Daj znać czy czytałaś/czytałeś serię wpisów o mojej profesji, które pojawiały się przez kilka ostatnich dni. Ja tu siedzę po nocach, rodzinę zaniedbuję, próbując dotrzeć do szerszego grona, a Ty nawet lajka nie dasz? Nie bądź sknera, kliknij coś 🫶

14/07/2025

Parę słów jeszcze o czymś, co wcale nie jest moją ulubioną częścią pracy, ale jednak niemniej ważną. Chodzi o dostępności - accebility. To są te wbudowane opcje powiększania czcionek, zmiany kontrastów czy chociażby zmiana języka.

Zmiana języka jest jeszcze dość łatwa i tworzy się ją dość prosto. Po prostu trzeba zamienić teksty jednego języka na inny. Natomiast powiększanie tekstu? Oj, to potrafi rozsypać cały układ aplikacji. Trzeba to zaprojektować jeszcze przed etapem programowania apki, bo inaczej zawsze będą kłopoty.

Nie każdy element w takim przypadku trzeba powiększać. Tekst akapitowy, gdzie mamy blachę tekstu pisaną maczkiem - musi mieć taką możliwość. Natomiast napis na przycisku, który jest i tak dość duży, ma spory kontrast wzlędem tła i jest odizolowany od reszty ekranu, nie musi być powiększany. Życie trzeba sobie ułatwiać. Użytkownik nasz pan, ale róbmy tylko to co jest konieczne dla dobrego funkcjonowania aplikacji.

Projekt apki dla Muzeum Etnograficznego - oddziału Muzeuam Narodowego w Poznaniu realizowany dla Projekt Multimedia.

13/07/2025

W tego typu projektach wyzwaniem często bywa duża ilość rekordów. Mam na myśli konkretne elementy aplikacji, takie jak w tym przypadku eksponaty muzealne, których jest zazwyczaj dużo. Dziesiątki albo setki.

Ich ilość się zmienia z czasem. Dochodzą nowe, część trzeba usunąć. Aplikacja musi za tym nadążać i mieć wbudowaną możliwość skalowania. Rekordy należą do konkretnych kategorii (przykładowo: państwo, data, przeznaczenie itp.).

Jeszcze na etapie architektury informacji, o której pisałem wcześniej, należy uwzględnić te przynależności. Natomiast cała sztuka polega na tym, żeby te funkcjonalności zawrzeć w gotowym produkcie.

Projekt apki dla Muzeum Narodowego w Poznaniu przy współpracy z Projekt Multimedia.

12/07/2025

Jak już mieliśmy zatwierdzoną wersję wireframe naszej aplikacji dla , mogliśmy przejść do etapu UI Design (User Interface).

Tutaj dzieje się cała ta magia kolorów, fontów, cieni i... mikrointerakcji. Po kliknięciu czegoś, coś się wysuwa, coś się zmniejsza a coś powiększa. Cała ta magia znana nam z aplikacji, które używamy na co dzień.

Kolorystyka w tym wypadku była dość silnie podytkowana stylistyką wnętrza, w którym znaleźć miał się ów kiosk. Natomiast to ode mnie zależało, żeby wszystko ze sobą współgrało, żeby kontrasty były zahcowane, wielkości napisów były odpowiednio dopasowane I TAK DALEJ. Nie będę tu wykładał całej teorii.

Projekt realizowany był z Projekt Multimedia dla poznańskiego muzeum.

11/07/2025

Czas na mój ulubiony etap projektowania. Serio, wireframe to kwintesencja UX Designu. Na tym etapie koncepcję wyrażoną w formie haseł i kafelków, zmieniam w szablon aplikacji.

Kluczowe jest to, żeby ten szablon był prosty - przygotowanie go nie ma zająć masy czasu, bo w zamyśle ma być to łatwe do zmiany w trakcie burzy mózgów i rozmów z klientem/programistą/użytkownikiem.

W tym przypadku, dla Muzeum Etnograficznego w Poznaniu, kluczowa była mapa świata z podziałem na poszczególne kraje. Przygotowałem ją w postaci klikalnych szablonów z bodajże jednym aktywnym państwem dla przykładu.

Treści jeszcze nie było, zdjęć jeszcze nie było. Był jedynie czysty zamysł i wizja tego jak aplikacja ma działać w przyszłości. Projekt realizowany z Projekt Multimedia dla

10/07/2025

Ciekawym elementem projektowania aplikacji jest jej architektura informacji. Uwaga! wciąż mówimy o apce dla Muzeum Narodowego w Poznaniu zrealizowanej z Projekt Multimedia.

Architektura informacji jest to taki twór, który w sposób schematyczny pozwala zaprojektować ścieżkę użytkownika i jego możliwości poruszania się po systemie aplikacji.

Mamy tam ekran startowy i wszystkie wychodzące od niego strzałeczki. Prowadzą one do kolejnych ekranów lub otwierają dodatkowe funkcjonalności. Stamtąd kolejne strzałki prowadzą wstecz lub dalej po kolejnych funkcjach.

Taki schemat jak widać na załączonym obrazku, był tworzony iteracyjnie. Od jego pierwszej wersji, poprzez serię poprawek i zmian proponowanych na spotkaniach online, doszliśmy w końcu do wersji ostatecznej, a więc mogliśmy zacząć projektować apkę w wersji wireframe, o której w kolejnym wpisie.

09/07/2025

Ostatnio tylko dron i dron pojawiał się na tym profilu. A przecież nie to jest główną domeną mojej działalności! 😅

Wracam więc do projektowania UX/UI aplikacji. Kolejne muzeum, które obsłużyliśmy razem z Projekt Multimedia, to Muzeum Etnograficzne – oddział Muzeum Narodowego w Poznaniu.

Na grafice widać mockup z ekranem startowym aplikacji. Dalsze informacje w kolejnych wpisach.