Projekty.
Kompleksowy projekt graficzny sklepu internetowego Sowelonutrition, specjalizującego się w sprzedaży suplementów diety.
Zakres moich prac obejmował zaprojektowanie makiet UX/UI, przygotowanie responsywnych widoków sklepu na urządzenia desktopowe i mobilne, a także opracowanie strony głównej, kart produktów, katalogu oraz całego procesu zakupowego wraz z koszykiem.
Odpowiadałem również za projektowanie grafik promocyjnych, przygotowanie wizualizacji wszystkich produktów oraz wprowadzanie asortymentu do sklepu.
Projekt został wdrożony na platformie PrestaShop, a wszystkie makiety i materiały graficzne przygotowałem w programach Adobe XD oraz Adobe Photoshop.
Zakres: UX/UI Design · E-commerce · Responsive Web Design · Product Visualisation · Graphic Design
Technologie: PrestaShop · Adobe XD · Adobe Photoshop
Projekt aplikacji mobilnej inTag został przygotowany dla firmy IT zajmującej się serwisem i zarządzaniem sprzętem biurowym. Celem było usprawnienie pracy serwisantów w terenie oraz uporządkowanie informacji o urządzeniach i wykonanych działaniach technicznych.
Aplikacja umożliwiała szybkie dodawanie urządzeń do bazy poprzez skanowanie indywidualnego kodu inTag lub wprowadzenie danych ręcznie. Serwisant mógł również wykonywać zdjęcia sprzętu, przeglądać listę urządzeń, sprawdzać szczegóły konkretnego modelu oraz dokumentować historię napraw i przeglądów.
Projekt powstał w oparciu o analizę realnych procesów serwisowych. Przygotowałem architekturę informacji, schematy przepływu użytkownika oraz klikalną makietę aplikacji, następnie poddaną konsultacjom z serwisantami i zespołem programistycznym. Zebrane uwagi wykorzystałem do dopracowania finalnej wersji interfejsu.
Zakres wykonanych prac:
– analiza potrzeb użytkowników i procesów serwisowych,
– opracowanie architektury informacji oraz user flow,
– projekt UX/UI aplikacji mobilnej,
– przygotowanie ilustracji ekranowych i interaktywnego prototypu,
– testy makiety oraz iteracyjne wprowadzanie poprawek,
– przekazanie projektu do wdrożenia.
Umiejętności: UX/UI design, projektowanie aplikacji mobilnych, architektura informacji, user flow, prototypowanie, testy użyteczności, Adobe XD.
W ramach projektu Giftzone dla Gazeta.pl odpowiadałem za kompleksowe przygotowanie nowej odsłony serwisu — od opracowania koncepcji wizualnej, przez wdrożenie frontendu, aż po uruchomienie projektu w środowisku produkcyjnym.
Do moich zadań należało zaprojektowanie nowoczesnego i intuicyjnego interfejsu, dopasowanego do potrzeb użytkowników oraz spójnego z identyfikacją wizualną Gazeta.pl. Następnie przygotowałem warstwę frontendową serwisu, dbając o responsywność, wydajność i poprawne działanie na różnych urządzeniach.
Byłem również zaangażowany w proces integracji z zapleczem technologicznym, testowanie funkcjonalności, usuwanie błędów oraz finalne wdrożenie serwisu. Efektem prac było stworzenie estetycznej i funkcjonalnej platformy, która spełniała założenia projektowe oraz zapewniała użytkownikom wygodne korzystanie z serwisu.
Projekt pozwolił mi połączyć kompetencje z zakresu UI/UX, projektowania graficznego, HTML, CSS, frontendu oraz koordynacji procesu wdrożeniowego.
W ramach projektu ResiPlatform odpowiadałem za kompleksowe przygotowanie serwisu internetowego — od opracowania koncepcji i struktury strony, przez projekt graficzny, aż po zakodowanie oraz wdrożenie dedykowanego szablonu dla WordPress.
Warstwa frontendowa została wykonana z wykorzystaniem HTML, SCSS oraz JavaScript, php z uwzględnieniem responsywności i poprawnego działania na różnych urządzeniach. Serwis został wyposażony w interaktywne elementy, takie jak wideo w sekcji hero, slidery prezentujące sektory działalności i zrealizowane inwestycje oraz oś czasu przedstawiająca doświadczenie i najważniejsze etapy rozwoju firmy.
Zakres wykonanych prac:
– opracowanie koncepcji i struktury serwisu, projekt UI / UX,
– kodowanie warstwy frontendowej do HTML, SCSS i JavaScript, Integrację z WordPress
– optymalizacja serwisu pod kątem urządzeń mobilnych i SEO.
Umiejętności: UI/UX, projektowanie graficzne, HTML, SCSS, JavaScript, WordPress, responsive web design.
W ramach projektu odpowiadałem za kompleksowe opracowanie serwisu — od przygotowania koncepcji i projektu graficznego, przez wdrożenie warstwy frontendowej i backendowej, aż po dalszy rozwój jego funkcjonalności.
Serwis został zaprojektowany z myślą o intuicyjnej nawigacji, czytelnej prezentacji treści oraz wygodnym korzystaniu na różnych urządzeniach. Projekt wzbogacono o rozbudowane moduły interaktywne, takie jak slidery, karuzele produktowe, efekty hover, akordeony oraz interaktywne piny umożliwiające prezentowanie konkretnych produktów.
Ważnym elementem realizacji było przygotowanie elastycznej struktury w wewnętrznym systemie CMS. Rozwiązanie pozwalało redaktorom na samodzielne zarządzanie treścią, wybór sekcji prezentowanych w ramach kampanii konkretnego klienta oraz pełną modyfikację kolorystyki serwisu. Dzięki temu projekt mógł być łatwo dostosowywany do potrzeb różnych marek i działań promocyjnych.
Umiejętności: projektowanie interfejsów UI/UX, projektowanie graficzne, HTML, CSS, JavaScript, frontend, backend, integracja z CMS.
Projekt serwisu specjalnego poświęconego promocji Niemiec jako atrakcyjnego kierunku turystycznego. Głównym założeniem projektu było stworzenie nowoczesnej platformy prezentującej najciekawsze miejsca, regiony i atrakcje turystyczne, a także agregującej artykuły publikowane na łamach serwisów Gazeta.pl oraz Podróże.Gazeta.pl.
Do moich zadań należało opracowanie koncepcji serwisu, przygotowanie projektu graficznego oraz wdrożenie warstwy frontendowej na platformie Gazeta.pl. Projekt został utrzymany w nowoczesnej, przejrzystej stylistyce, wzbogaconej o subtelne efekty paralaksy, które podkreślały atrakcyjność prezentowanych miejsc i zwiększały zaangażowanie użytkowników.
Zakres wykonanych prac:
– opracowanie koncepcji i struktury serwisu,
– przygotowanie projektu graficznego,
– stworzenie interaktywnego prototypu w Adobe XD,
– wdrożenie warstwy frontendowej serwisu,
– dostosowanie projektu do standardów technologicznych platformy Gazeta.pl.
Projekt serwisu specjalnego zrealizowany dla Gazeta.pl oraz marki Volkswagen, promujący nowy model samochodu elektrycznego z rodziny ID.
Do moich zadań należało opracowanie koncepcji graficznej, wdrożenie warstwy frontendowej oraz przygotowanie struktury serwisu w wewnętrznym systemie CMS. Rozwiązanie umożliwiało redaktorom samodzielne zarządzanie treścią, publikowanie materiałów i aktualizowanie poszczególnych sekcji serwisu.
Głównym założeniem projektu było stworzenie miejsca agregującego wszystkie artykuły dotyczące samochodu, publikowane na łamach serwisów Gazeta.pl, Moto.pl oraz Next.Gazeta.pl.
Warstwa wizualna została utrzymana w nowoczesnej stylistyce, inspirowanej nowymi technologiami, elektromobilnością oraz miejskim charakterem samochodu.
Projekt sekcji specjalnej na portalu Gazeta.pl, przygotowanej z okazji premiery gry Cyberpunk 2077.
Głównym założeniem serwisu było stworzenie jednego miejsca agregującego artykuły, materiały redakcyjne i treści dotyczące gry, publikowane na łamach Gazeta.pl. Projekt miał wyróżniać się dynamiczną, nowoczesną stylistyką, nawiązującą do futurystycznego świata Cyberpunk 2077, przy jednoczesnym zachowaniu czytelnej struktury i intuicyjnej nawigacji.
W ramach projektu odpowiadałem za opracowanie koncepcji serwisu, przygotowanie projektu graficznego oraz stworzenie interaktywnego prototypu w Adobe XD. Uczestniczyłem również w procesie wdrożenia, współpracując przy przeniesieniu projektu do środowiska produkcyjnego portalu Gazeta.pl.
Zakres wykonanych prac:
– opracowanie koncepcji i struktury serwisu,
– przygotowanie projektu graficznego,
– stworzenie klikalnego prototypu w Adobe XD,
– udział w pracach wdrożeniowych,
– współpraca z zespołem technologicznym i redakcyjnym.
Realizacja obejmowała kompleksowe przygotowanie strony internetowej dla restauracji sushi — od stworzenia koncepcji wizualnej, przez zaprojektowanie interfejsu, aż po wdrożenie serwisu w systemie CMS Joomla.
Projekt graficzny został opracowany z myślą o nowoczesnej i eleganckiej prezentacji restauracji, jej menu oraz oferty. Szczególny nacisk położono na czytelną strukturę, intuicyjną nawigację i odpowiednią ekspozycję zdjęć potraw.
Na podstawie projektu przygotowałem interaktywną makietę w Adobe XD, która pozwoliła zaprezentować układ strony oraz sposób działania poszczególnych sekcji. Następnie wdrożyłem projekt od strony frontendowej, dostosowując go do systemu CMS Joomla. Odpowiadałem również za wprowadzenie i uporządkowanie treści na stronie.
Zakres wykonanych prac:
– przygotowanie projektu graficznego, stworzenie klikalnego prototypu w Adobe XD,
– wdrożenie projektu po stronie z systemem CMS Joomla, wprowadzenie i formatowanie treści,
Umiejętności: UI/UX, projektowanie graficzne, Adobe XD, HTML, CSS, JavaScript, Joomla, responsive web design.
Wybrane realizacje obejmujące projekty materiałów drukowanych dla marek z różnych branż — od katalogów produktowych i folderów, przez menu restauracyjne oraz ulotki, aż po etykiety, roll-upy, flagi reklamowe i materiały kampanijne.
Każdy projekt powstawał z myślą o spójnej komunikacji marki, czytelnej prezentacji oferty oraz dobrym odbiorze gotowego materiału po wydruku. W realizacjach łączyłem koncepcję kreatywną z funkcjonalnym składem, doborem typografii, kolorystyki i odpowiednim przygotowaniem plików do produkcji.
Zakres wykonanych prac:
– opracowanie koncepcji wizualnej materiałów drukowanych,
– projekt katalogów, broszur, menu, ulotek i folderów,
– przygotowanie etykiet, materiałów POS, flag i roll-upów,
– skład i formatowanie treści,
– przygotowanie plików do druku zgodnie z wymaganiami produkcyjnymi,
– tworzenie wizualizacji i mockupów prezentujących finalny efekt.
Umiejętności: projektowanie graficzne, DTP, branding, typografia, Adobe Photoshop, Adobe Illustrator, Adobe InDesign, przygotowanie do druku.
O projekcie
Camille Home Decor to projekt sklepu internetowego oferującego ekskluzywne meble, oświetlenie oraz dodatki do wnętrz. Głównym założeniem było stworzenie eleganckiego i nowoczesnego serwisu, którego estetyka podkreśla luksusowy charakter oferowanych produktów.
Zakres moich prac
Odpowiadałem za kompleksowe przygotowanie projektu graficznego oraz makiet interfejsu użytkownika (UI), obejmujących najważniejsze widoki i funkcjonalności sklepu internetowego.
Zaprojektowałem stronę główną, nawigację z rozwijanym menu kategorii, katalog produktów, szczegółową kartę produktu z wariantami cenowymi, galerię zdjęć z funkcją powiększania oraz formularz zapytania ofertowego.
W projekcie zastosowałem minimalistyczny układ oparty na dużych fotografiach produktowych, wyrazistej typografii oraz eleganckiej kolorystyce łączącej czerń, biel i złote akcenty.
Technologia i realizacja
Projekt został przygotowany z myślą o wdrożeniu na autorskim systemie CMS, umożliwiającym zarządzanie ofertą produktową i zawartością serwisu.
Moja rola: UI Designer / Web Designer
Zakres: Projekt graficzny, makiety UI, architektura widoków, projekt interakcji
Platforma: Autorski CMS
O projekcie
Projekt interaktywnego serwisu reklamowego promującego Peugeota 508, przygotowanego do publikacji na portalu Gazeta.pl.
Celem było stworzenie angażującej narracji wizualnej (digital storytelling), prezentującej design samochodu, nowoczesne technologie, systemy bezpieczeństwa oraz możliwości finansowania.
Zakres moich prac
Odpowiadałem za opracowanie koncepcji kreatywnej, zaprojektowanie całej warstwy graficznej oraz przygotowanie makiet UI serwisu.
Projekt obejmował trzy rozbudowane widoki tematyczne, wykorzystujące fotografie, materiały wideo, interaktywne elementy i dynamiczne kompozycje graficzne.
Po zakończeniu etapu projektowego nadzorowałem wdrożenie serwisu przez zespół techniczny oraz jego przygotowanie do publikacji na Gazeta.pl.
Moja rola: Art Director / UI Designer / Graphic Designer
Zakres: Koncepcja kreatywna, storytelling, UI Design, projekt graficzny, nadzór nad wdrożeniem
Marka: Peugeot 508
Publikacja: Gazeta.pl / Gazeta.pl NEXT
Realizacje banerów reklamowych dla znanych marek, m.in. NIVEA, Levi’s, Continental, Subaru, Fortuna, Bielenda, ADAX oraz PSB Mrówka, na potrzeby kampanii internetowych i reklam display.
Zakres moich prac obejmował opracowanie koncepcji kreatywnych, projektowanie graficzne banerów statycznych i animowanych, przygotowanie storyboardów oraz adaptację kreacji do różnych formatów reklamowych.
Odpowiadałem również za projektowanie sekwencji animacji, kompozycję graficzną, dobór typografii i przygotowanie materiałów do emisji w serwisach internetowych oraz sieciach reklamowych.
Realizacje obejmowały zarówno pojedyncze kreacje promocyjne, jak i całe zestawy banerów dostosowane do identyfikacji wizualnej marek oraz założeń poszczególnych kampanii.
Zakres: Graphic Design · Web Banner Design · Digital Advertising · Storyboarding · Motion Design · HTML5 Banners
Technologie: Adobe Photoshop · Adobe Illustrator · HTML5 · CSS3 · JavaScript