PROJEKTANT PRODUKTU
Mateusz Wojciechowicz

Witaj w mojej sekcji UX/UI.

Mój Rulebook
Nazwa projektu:
Rulebook + 🧠 Psychologia designu + Prawa projektowania UI/UX optymalizujące Twój proces

Moje cele:
Produkty tworzę według określonych zasad. Przygotowałem pliki FigJam z informacjami, które pomagają mi prowadzić cały proces.

Moi agenci AI:
Buduję agentów AI, którzy wspierają moją pracę.

Moje portfolio



Apteka DOZ
Nazwa projektu:
DOZ Apotek.

Moje cele:
Pracując z DOZapotek.se, miałem za zadanie przebudować produkt z nowym podejściem do designu i UX.

Wyzwania, z którymi się mierzyłem:
Właściciel produktu zdecydował się działać małymi krokami, więc stworzyłem kamienie milowe procesu. Najpierw przygotowałem nowy system projektowy oparty na atomach, który rozwijałem zgodnie z potrzebami projektu. Pierwszym kamieniem milowym była wymiana obecnej warstwy wizualnej na nową. Następnie opracowałem nowe podejście UX dla wybranych sekcji produktu. Na koniec przeprowadziłem analizę AI map cieplnych pod kątem układu i designu. Proces przygotowałem tak, aby był jak najbardziej transparentny i dawał Właścicielowi Produktu pewność co do podejmowanych decyzji.

Moje kluczowe umiejętności:
Jira pomagała mi komunikować się z właścicielem produktu w kwestiach designu, założeń UX wraz z prototypowaniem oraz analizy AI z użyciem map cieplnych. Przygotowałem też w Figmie „Design introduction” jako instrukcję postępowania przy dalszych pracach. Bibliotekę komponentów stworzyłem zgodnie z wytycznymi frameworka Tailwind CSS. Wszystko zostało zbudowane zgodnie z systemem projektowym uzgodnionym z Właścicielem Produktu i deweloperami.

Mój wpływ na projekt:
Moje nowe podejście zmieniło sposób projektowania zorientowanego na użytkownika. Nowe funkcje sprawiły, że wybrane sekcje projektu stały się bardziej przejrzyste i łatwiejsze w użyciu.
Poniżej znajduje się kilka zrzutów ekranu i prototypów.
Bezpośredni link do dozapotek.se
To ekran otwierający stronę szczegółów produktu (PDP). Pomaga zbudować pierwsze wrażenie dzięki kluczowym informacjom o produkcie. Pływające przyciski z informacjami pozwalają szybciej i sprawniej poruszać się po PDP.
Prototyp Design Introduction / System projektowy
Przygotowałem instrukcję, jak korzystać z systemu projektowego

Bezpośredni link do prototypu Design Introduction
Studium przypadku / e-commerce
Wprowadzenie do funkcji, które zaprojektowałem

Bezpośredni link do case study
Omni Loyalty Club
Nazwa projektu:
Omni Loyalty Club.

Moje cele:
Pracując z CEPD.tech, miałem za zadanie zaprojektować produkt do tworzenia i zarządzania kampaniami.

Wyzwania, z którymi się mierzyłem:
Otrzymałem szkic pomysłu z przyszłymi funkcjami i możliwościami. Stworzyłem mapę myśli, aby zwizualizować potencjał i wyzwania tego rozwoju.

Moje kluczowe umiejętności:
Rozwiązywanie problemów: łączyłem logiczne myślenie z analityką predykcyjną, aby formułować rekomendacje rozwiązujące problemy. Pomagało mi to łączyć fakty.

Mój wpływ na projekt:
Stworzyłem układ, który zachowuje spójny design we wszystkich rozdzielczościach ekranu i pozwala ponownie wykorzystywać kod w większości elementów produktu. Dzięki temu zadania deweloperów były łatwiejsze, a ich praca szybsza.
Poniżej znajduje się kilka zrzutów ekranu i prototypów.
To przepływ użytkownika w kreatorze kampanii z użyciem numeru identyfikacyjnego grupy.
To przepływ użytkownika w kreatorze kampanii z użyciem konfiguracji grupy.
Stellar
Nazwa projektu:
Stellar

Moje cele:
Pracując z CEPD.tech, miałem za zadanie zaprojektować produkt SaaS dla dwóch odrębnych firm, służący do zarządzania stanami magazynowymi i zamówieniami. Projekt został podzielony na kamienie milowe.

Wyzwania, z którymi się mierzyłem:
Otrzymałem listę specyfikacji wymagań użytkownika (URS) dla każdej sekcji produktu. Na ich podstawie przygotowałem przepływy użytkownika, wireframe'y niskiej wierności oraz UI dla każdego URS. Stworzyłem testy User Experience, aby sprawdzić bolączki klientów i jednocześnie wprowadzać rozwiązania interfejsu.

Moje kluczowe umiejętności:
Rozwiązywanie problemów: łączyłem logiczne myślenie z analityką predykcyjną, aby formułować rekomendacje rozwiązujące problemy. Pomagało mi to łączyć fakty.

Dociekliwość: mam naturalną ciekawość i chęć ciągłego uczenia się oraz zrozumienia, jak elementy do siebie pasują.

Krytyczne myślenie: krytycznie oceniam, które funkcje są kluczowe w pierwszej kolejności, aby osiągnąć oczekiwane rezultaty.

Wizualizacja: przedstawiam funkcje zwięźle i precyzyjnie, w sposób łatwy do przyswojenia.

Dbałość o detale i widzenie całości: radzę sobie ze złożonymi funkcjami, rozumiejąc, jak moja interpretacja wpłynie na użytkownika produktu.

Mój wpływ na projekt:
Stworzyłem testy User Experience, aby sprawdzić bolączki klientów i jednocześnie wprowadzać rozwiązania interfejsu.
Poniżej znajduje się kilka zrzutów ekranu prototypów.
Dodawanie produktu do bazy danych.
Dodawanie nabywcy do bazy danych.
Dodawanie odbiorcy do bazy danych.
Studium przypadku / SaaS
Wprowadzenie do funkcji, które zaprojektowałem

Bezpośredni link do case study
Nike - GenAI concept
Nazwa projektu:
Nike - GenAI concept.

Moje cele:
To koncept aplikacji Nike, który ma dostarczać użytkownikom dodatkowych doświadczeń.

Wyzwania, z którymi się mierzyłem:
Biorąc pod uwagę obecne możliwości AI, wpadłem na pomysł generowania treści dla użytkowników aplikacji Nike.

Moje kluczowe umiejętności:
Wiedza zdobyta na kursie MITxPro „Designing and building AI products and services” pomogła mi ustrukturyzować pomysł generowania treści.

Mój wpływ na projekt:
Przygotowałem mapę myśli i prototypy, aby zaprezentować ten pomysł klientowi.
To prototyp z prezentacją GenAI.
Bezpośredni link do prototypu
Zoocial Marketplace
Nazwa projektu:
Zoocial marketplace.

Moje cele:
Jednym z moich projektów realizowanych z CEPD.tech było stworzenie marketplace'u z artykułami do opieki nad zwierzętami.

Wyzwania, z którymi się mierzyłem:
Właściciel produktu zdecydował o ustaleniu zakresu dla każdego etapu MVP. Klient wybrał budowę na otwartym oprogramowaniu Magento.
Najpierw stworzyłem nowy system projektowy oparty na atomach i uzgodniłem go z Właścicielem Produktu. Etap MVP-0 polegał na zachowaniu układu Magento i zmianie wyłącznie estetyki designu. Z deweloperami uzgodniłem najlepszy sposób realizacji. Etap MVP-1 to dopasowanie nowego podejścia UX wraz z dodatkową opcją w panelu administratora, poprawiającą relacje z użytkownikami biznesowymi.

Moje kluczowe umiejętności:
System projektowy musiał pasować do estetyki strony klienta. Przypominało to inżynierię wsteczną. Musiałem przewidzieć potencjalny rozwój UI, aby system projektowy rozwijał się w przemyślany sposób.

Mój wpływ na projekt:
Od początku tworzyłem komponenty, aby dodatkowe oczekiwania właściciela produktu mogły być szybko wprowadzane. Prowadziłem właściciela produktu przez kolejne etapy MVP, wskazując potencjalne korzyści i problemy UX.
To strona główna w wersji mobilnej.
Natura Drogeria App
Nazwa projektu:
Natura Drogeria App.

Moje cele:
Moim zadaniem w Drogerii Natura było zaprojektowanie aplikacji na podstawie sklepu internetowego drogerianatura.pl.

Wyzwania, z którymi się mierzyłem:
Musiałem odbyć dziesiątki spotkań, aby dopasować się do oczekiwań UX Właściciela Produktu i na ich podstawie ustalić system projektowy.

Moje kluczowe umiejętności:
Przygotowałem system projektowy zgodny ze standardami Flutter. System projektowy, w tym ikony, musiał pasować do estetyki e-commerce klienta.

Mój wpływ na projekt:
Od początku tworzyłem komponenty, dzięki czemu kolejny etap MVP był łatwiejszy i wymagał mniej czasu.
To strona główna aplikacji mobilnej. Pokazuje, jak działa wyszukiwarka i jak filtruje listę produktów.
To strona szczegółów produktu w aplikacji mobilnej. Pokazuje, jak przełączać się między właściwościami produktu.
Aplikacja Natura z funkcjami AI
Nazwa projektu:
Natura Drogeria App z funkcjami AI.

Moje cele:
Moim zadaniem w Drogerii Natura było zaprojektowanie przykładowego interfejsu funkcji AI w aplikacji.

Wyzwania, z którymi się mierzyłem:
Musiałem stworzyć przepływ użytkownika pokazujący ścieżkę potencjalnego użycia tej funkcji. Wykorzystałem wtyczkę do prototypowania w Figmie.

Moje kluczowe umiejętności:
Przygotowałem system projektowy zgodny ze standardami Flutter. System projektowy, w tym ikony, musiał pasować do estetyki e-commerce klienta.

Mój wpływ na projekt:
Od początku tworzyłem komponenty, dzięki czemu kolejny etap MVP był łatwiejszy i wymagał mniej czasu.
To funkcja AI w aplikacji mobilnej. Pomaga klientowi znaleźć najlepsze możliwe wyniki wyszukiwania produktu.
Natura Drogeria Blog
Nazwa projektu:
Natura Drogeria Blog.

Moje cele:
Moim zadaniem w Drogerii Natura było zaprojektowanie bloga dla sklepu internetowego drogerianatura.pl.

Wyzwania, z którymi się mierzyłem:
Musiałem odbyć dziesiątki spotkań, aby dopasować się do oczekiwań UX Właściciela Produktu i dostosować system projektowy do sklepu e-commerce, z którym powiązany był projekt.

Moje kluczowe umiejętności:
Przygotowałem system projektowy. System projektowy, w tym ikony, musiał pasować do estetyki e-commerce klienta. Przypominało to inżynierię wsteczną.

Mój wpływ na projekt:
Od początku tworzyłem komponenty, aby szybko wprowadzać dodatkowe oczekiwania właściciela produktu.
Bezpośredni link do drogerienatura.pl/blog
To mobilny blog sklepu internetowego. Pomaga klientowi znaleźć artykuły zgodne z jego zainteresowaniami.
To mobilny blog sklepu internetowego. Tu widok strony artykułu.
Dimedic
Nazwa projektu:
Dimedic.

Moje cele:
Moim zadaniem w Dimedic było zaprojektowanie dodatkowych funkcji produktu.

Wyzwania, z którymi się mierzyłem:
Musiałem stworzyć przepływ użytkownika wprowadzający ścieżkę UX oraz prototyp tej ścieżki.

Moje kluczowe umiejętności:
Przygotowałem system projektowy. System projektowy, w tym ikony, musiał pasować do estetyki strony klienta. Przypominało to inżynierię wsteczną.

Mój wpływ na projekt:
Od początku tworzyłem komponenty, aby szybko wprowadzać dodatkowe oczekiwania właściciela produktu.
Bezpośredni link do dimedic.eu/en
To ścieżka użytkownika dla reklamy pop-up na desktopie.
To ścieżka użytkownika dla panelu pacjenta na desktopie.
To ścieżka użytkownika dla reklamy pop-up na urządzeniach mobilnych.
To ścieżka użytkownika dla panelu pacjenta na urządzeniach mobilnych.
m-commerce product
Nazwa projektu:
m-commerce.

Moje cele:
Jednym z moich projektów realizowanych z CEPD.tech było stworzenie koncepcji aplikacji wspierającej zdrowie i opiekę medyczną.

Wyzwania, z którymi się mierzyłem:
Musiałem stworzyć przepływ użytkownika obejmujący wszystkie możliwe ścieżki UX oraz prototyp tej ścieżki.

Moje kluczowe umiejętności:
Przygotowałem system projektowy oparty na logice kolejnych tworzonych elementów. Brałem udział w wielu spotkaniach typu burza mózgów, aby wymyślić jak najlepsze funkcje produktu. Naszkicowałem wireframe'y potencjalnych ścieżek doświadczenia użytkownika i zakończyłem prototypami wysokiej wierności.

Mój wpływ na projekt:
Od początku tworzyłem komponenty, aby wszelkie kolejne zmiany były łatwiejsze i wymagały mniej czasu.
Struktura m-commerce

Bezpośredni link do struktury m-commerce
Burza mózgów projektowa

Bezpośredni link do burzy mózgów projektowej
e-commerce
Pracowałem w dziale marketingu i kampanii w Pierce A/B. Mój zespół odpowiadał za UI 39 sklepów internetowych. Każdego roku realizowaliśmy około 6 dużych kampanii i wiele mniejszych. Do każdej kampanii powstawała nowa koncepcja układu strony oraz sesja zdjęciowa. Następnie tworzyliśmy banery internetowe, newslettery i materiały do mediów społecznościowych. Na co dzień ściśle współpracowaliśmy z planistami kampanii i studiami fotograficznymi. Do prowadzenia kampanii wykorzystywaliśmy technologie marketingowe Adtech/Martech. Ponadto blisko współpracowałem z kilkunastoma menedżerami krajowymi z całej Europy. Zarządzałem zgłoszeniami projektowymi do ich projektów, zbierałem je i realizowałem. Budowałem koncepcyjne layouty dla stron zewnętrznych, nadzorowałem sesje zdjęciowe, projektowałem materiały drukowane i grafiki do mediów społecznościowych. Moją codzienną odpowiedzialnością były konsulting, branding i strategia reklamy produktów. Zarządzałem wszystkim od początku do końca, w tym zmianami wprowadzanymi w ostatniej chwili. Opracowałem i zoptymalizowałem procesy zgłoszeń dla menedżerów krajowych, aby poprawić jakość i skrócić czas produkcji.


Projektowanie produktu
Ten produkt stworzyłem dla producenta domów z bali. Przygotowałem profil persony, wireframy oraz wszystkie materiały do prototypu desktopowego i mobilnego. Opracowałem opis historii marki i logo.


Producent jachtów
Pracując w dziale marketingu Insider Yachts GmbH, miałem szeroki zakres obowiązków, w tym m.in. projektowanie UI strony internetowej. W tym przypadku zdecydowaliśmy się na system WordPress CMS. Częścią mojej pracy było tworzenie dedykowanych projektów dla bliskich partnerów i klientów, aby zapewnić spójność marki i produktów we wszystkich punktach styku sprzedaży. Dodatkowo nadzorowałem sesje zdjęciowe oraz ekspozycje targowe w Düsseldorfie (Niemcy) i Monte Carlo (Monako). Całość grafik i administrację strony wykonywałem samodzielnie w Adobe CC i Rhino 3D. Blisko współpracowałem z autorami treści, menedżerami stron internetowych i producentami wideo. Przygotowywałem, finalizowałem i wprowadzałem produkty na rynek. Pełna odpowiedzialność od logistyki po działania marketingowe, w tym produkcję medialną, postprodukcję materiałów marketingowych i planowanie kolejnych kamieni milowych przyszłych premier.
Wirtualna prezentacja 3D jachtów Insider wykonana w oprogramowaniu „Cl3ver”

Czegokolwiek potrzebujesz, czekam na wiadomość od Ciebie