2025 — 2026
Portfolio projektowe

  • UX RESEARCH
  • UI DESIGN
  • DESIGN SYSTEMY
  • UX WRITING

Cześć, jestem Weronika Kępa

To moje

Portfolio.

Kraków, Polska · dostępna do współpracy

Przewiń

Manifest

Projektuję cyfrowe doświadczenia, które są proste, empatyczne i skuteczne — zrozumiałe dla ludzi, nie tylko ładne dla oka.

3ukończone case studies
120hStudium UX Design
2026rok ukończenia kursu
WCAG 2.2projektowanie dostępne
Weronika Kępa — portret

Weronika Kępa
UX / UI Designer · Kraków

O mnie

Jestem projektantką UX/UI, która w swojej pracy łączy analityczne myślenie, warsztat techniczny oraz głębokie zrozumienie potrzeb użytkownika.

Moja droga do projektowania doświadczeń cyfrowych jest poparta wykształceniem z zakresu dziennikarstwa i komunikacji społecznej, co daje mi wyjątkową przewagę w obszarach takich jak UX Writing, architektura informacji oraz budowanie empatycznej komunikacji z odbiorcą.

Ukończyłam intensywne, Roczne Studium User Experience Design w Krakowie, gdzie zdobyłam kompleksową, praktyczną wiedzę obejmującą pełen cykl życia produktu cyfrowego.

Moje dotychczasowe doświadczenie zawodowe, m.in. w zarządzaniu cyklem życia nowości produktowych i badaniu potrzeb klientów w branży beauty, wyposażyło mnie w umiejętność precyzyjnego diagnozowania problemów i dobierania optymalnych rozwiązań. Dzięki pracy przy zarządzaniu komunikacją w sektorze publicznym, potrafię skutecznie moderować treści i angażować społeczność.

Szukam możliwości, aby przekuwać moją empatię i zmysł estetyczny na intuicyjne, użyteczne produkty cyfrowe.

Doświadczenie i wykształcenie

  • 2026
    Roczne Studium User Experience Design — Kraków

    120 godzin praktycznej wiedzy obejmującej pełen cykl życia produktu cyfrowego: od badań, przez architekturę informacji, po prototyp i testy.

  • Branża
    beauty
    Zarządzanie cyklem życia nowości produktowych

    Badanie potrzeb klientów, diagnozowanie problemów i dobieranie optymalnych rozwiązań produktowych.

  • Sektor
    publiczny
    Zarządzanie komunikacją

    Moderowanie treści, budowanie zaangażowania społeczności i komunikacja z różnorodnymi grupami odbiorców.

  • Studia
    Dziennikarstwo i komunikacja społeczna

    Warsztat, który dziś przekłada się bezpośrednio na UX Writing, architekturę informacji i empatyczną komunikację z odbiorcą.

Narzędzia i kompetencje

  • Figma
  • Dev Mode
  • Prototypowanie
  • Wywiady IDI
  • Persony
  • Mapy empatii
  • User flow
  • Architektura informacji
  • Testy użyteczności
  • Desk research
  • Design system
  • UX Writing
  • WCAG 2.2
  • AI w procesie

Index

Case studies · 2026

  1. 1 DermaMatch Aplikacja mobilna · UX/UI Case Study Research / Persona / Architektura informacji / UI / Prototyp
  2. 2 Organique Redesign e-commerce · UX Case Study Analiza briefu / Segmenty / Mapa empatii / Szkielety / System wizualny
  3. 3 Portal miejski Wieliczka Sektor publiczny · UX Research & Strategia Desk research / Segmenty / WCAG 2.2 AA / Architektura informacji

Case study 01 — aplikacja mobilna

DermaMatch

Osobisty asystent bezpiecznego łączenia kosmetyków aktywnych

Rola
UX/UI Design & Research
Rok
2026
Narzędzia
Figma, AI
Typ
Aplikacja mobilna
DermaMatch — okładka case study z ekranami aplikacji mobilnej

DermaMatch to koncepcja aplikacji mobilnej, która rozwiązuje realny problem świadomych konsumentów pielęgnacji: niepewność, czy dwa kosmetyki aktywne (np. retinol i witamina C) można bezpiecznie łączyć. Projekt obejmował pełny cykl projektowy — od hipotezy badawczej i ankiety wśród użytkowników, przez persony i architekturę informacji, po interaktywny prototyp w Figmie.

Kluczowym wyzwaniem było przełożenie skomplikowanej wiedzy kosmetologicznej na prosty, natychmiastowy sygnał, który redukuje obciążenie poznawcze użytkownika w newralgicznym momencie zakupowym.

Rozwiązanie

DermaMatch to osobisty, kieszonkowy asystent pielęgnacji, który całkowicie zdejmuje z użytkownika ciężar analizowania składów chemicznych.

Wybierz i Sprawdź

Użytkownik paruje dwa składniki ze słownika w aplikacji — bez wpisywania nazw INCI z opakowania.

Mniej myślenia

Zamiast skomplikowanych artykułów aplikacja serwuje natychmiastową, wizualną odpowiedź opartą na uniwersalnym systemie sygnalizacji świetlnej.

Edukacja w tle

Gotowa odpowiedź w ułamku sekundy zapobiega błędom i buduje pewność siebie w codziennej rutynie.

Problem

  • Użytkownicy czują zagubienie i cierpią na paraliż decyzyjny przed lustrem.
  • Boją się o zdrowie skóry — nie wiedząc, które substancje wchodzą w niebezpieczne reakcje chemiczne.
  • Tracą czas na frustrujący research w Google i na TikToku, gdzie trafiają na sprzeczne opinie.

Hipoteza badawcza

Użytkownicy rezygnują z zaawansowanej pielęgnacji lub stosują ją błędnie, ponieważ instrukcje na opakowaniach są zbyt ogólne, a wiedza o składnikach jest rozproszona i budzi lęk przed trwałym uszkodzeniem bariery hydrolipidowej.

Persona — Anna, 23 lata

Studentka, która dopiero zaczyna przygodę ze świadomą pielęgnacją. Jej głównym źródłem wiedzy są media społecznościowe.

Potrzeby

  • Błyskawiczna walidacja bezpieczeństwa — jasny sygnał w systemie świateł.
  • Tłumacz żargonu na ludzki język — proste pojęcia zamiast nazw INCI.
  • Poczucie kontroli i spokoju — pewność, że rutyna jest „poprawna”.

Frustracje

  • Szum informacyjny — jeden influencer poleca składnik, drugi przed nim ostrzega.
  • Przeszłe wpadki pielęgnacyjne i podrażnienia.
  • Nieczytelne opakowania i niezrozumiałe składy.

Zakres prac

  1. Hipoteza badawcza
  2. Ankieta (12 odpowiedzi)
  3. Persona
  4. Architektura informacji
  5. User flow
  6. Finalne ekrany UI
  7. System wizualny
  8. Prototyp
Zobacz pełne case study na Behance

Case study 02 — redesign e-commerce

Organique

Redesign serwisu marki naturalnych kosmetyków

Rola
UX/UI Redesign
Rok
2026
Narzędzia
Figma, AI
Typ
Strona e-commerce
Organique — okładka case study z widokiem serwisu na urządzeniach mobilnych

Organique to redesign serwisu e-commerce polskiej marki kosmetyków naturalnych. Celem projektu było przełożenie sensorycznego, rytualnego charakteru marki na spójne doświadczenie cyfrowe — zarówno dla klientów indywidualnych, jak i partnerów biznesowych (salony SPA).

Proces objął analizę briefu marketingowego, badanie konkurencji, budowę person i mapy empatii, a także zaprojektowanie architektury informacji, ścieżki zakupowej oraz systemu wizualnego wraz ze szkieletami kluczowych podstron.

Rozwiązanie

Trzy filary, które przekładają zmysłowość marki na decyzje projektowe.

Design sensoryczny

Stonowana paleta barw ziemi, duże zdjęcia lifestyle i mikro-animacje, które uspokajają użytkownika i odzwierciedlają filozofię well-being.

Hybrydowa architektura

Jasne rozdzielenie ścieżki B2C i B2B — osobny, szybki panel dla profesjonalistów SPA.

Mobile-first storytelling

Optymalizacja pod social-commerce, aby przejście z inspiracji w social mediach do zakupu na stronie było niezauważalne.

Problem

  • Brak spójności dla różnych potrzeb — serwis musi pogodzić techniczne wymagania „Eko-Ani” z emocjonalnymi potrzebami „Kasi” oraz pośpiechem „Piotra”.
  • Niewystarczający storytelling — produkty Organique to rytuały, a nie przedmioty; jako zwykły katalog strona traci swój największy atut.
  • Złożoność oferty — duża liczba kategorii utrudnia szybki wybór idealnego prezentu lub zestawu.

Segmenty klientów

  • Eko-Świadoma Ania 25–45 lat · ekspertka składówCel: znaleźć dokładnie to, czego potrzebuje jej skóra — bez kompromisów.
  • Koneserka Relaksu Kasia 30–55 lat · klientka emocjonalnaCel: odkryć nowy zapach i stworzyć kompletny zestaw do domowego SPA.
  • Lojalny Szybki Kupiec Piotr klient powracającyCel: ponowić zakup ulubionego produktu w mniej niż 2 minuty.

System wizualny

Marcellus

Krój nagłówkowy — szeryfowy, elegancki, budujący skojarzenie z rytuałem i naturą.

  • #2C3424
  • #768064
  • #4C583E
  • #959581
  • #DADED8

Zakres prac

  1. Analiza briefu
  2. Badanie konkurencji
  3. Segmenty klientów
  4. Mapa empatii
  5. Architektura informacji
  6. User flow zakupowy
  7. Szkielety (wireframes)
  8. Typografia i kolory
Zobacz pełne case study na Behance

Case study 03 — sektor publiczny

Portal miejski
Wieliczka

UX Research & strategia dla portalu miasta UNESCO

Rola
UX Researcher & Designer
Rok
2026
Narzędzia
Figma, AI
Zespół
Weronika Kępa, Adrian Mołdoch
Redesign portalu miejskiego Wieliczki — okładka case study z herbem miasta

Projekt zespołowy skupiony na fazie badawczo-strategicznej redesignu portalu miejskiego Wieliczki — miasta o statusie UNESCO. Zdiagnozowaliśmy problemy istniejącej witryny (rozbudowana, nieintuicyjna architektura, brak podejścia mobile-first, niepełna dostępność) i opracowaliśmy nową strategię: uproszczoną architekturę informacji, cztery kluczowe segmenty użytkowników oraz wymagania dostępności zgodne z WCAG 2.2 AA.

Projekt bazował na rzetelnym desk research dotyczącym cyfryzacji polskiego społeczeństwa oraz analizie konkurencyjnych portali miejskich.

Cel główny

Zaprojektowanie nowego portalu wieliczka.eu, który umożliwia mieszkańcom, turystom i przedsiębiorcom szybkie i bezproblemowe znalezienie potrzebnych informacji oraz wykonanie spraw urzędowych online — na każdym urządzeniu.

Uproszczona nawigacja

Menu skrócone do 4 głównych sekcji, przebudowana strona główna, widoczna wyszukiwarka i mniej banerów.

Dostępność WCAG 2.2 AA

Pełna zgodność bez warstwy nakładkowej — czytelne kontrasty, duże cele dotykowe, przyjazne adresy URL.

Centralny katalog e-usług

Wyeksponowanie e-usług i najczęściej używanych kontaktów, aby zmniejszyć liczbę wizyt w urzędzie.

Problem

  • Zbyt głębokie menu i chaotyczna architektura informacji.
  • Przeciążona strona główna — slider, nadmiar banerów, ukryta wyszukiwarka.
  • Rozproszone kontakty i usługi, brak podejścia mobile-first.
  • Niespójny wygląd, nieaktualne treści i nieczytelne adresy URL.
  • Niewystarczająca dostępność cyfrowa.

Cele szczegółowe

  • Skrócenie czasu dotarcia do kluczowej informacji do maks. 2 kliknięć od strony głównej.
  • Zwiększenie udziału ruchu mobilnego przez optymalizację mobile-first.
  • Pełna zgodność z WCAG 2.2 na poziomie AA.
  • Zbudowanie spójnego design systemu wielokrotnego użytku.
  • Wzmocnienie tożsamości wizualnej Wieliczki jako marki turystycznej UNESCO.

Segmenty użytkowników

AMieszkańcy

Harmonogram wywozu śmieci, dowód osobisty, rejestracja pojazdu, awarie, zapisy do przedszkoli, e-Urząd i podatki. Intencja mikromomentu — „chcę załatwić sprawę tu i teraz”.

BPrzedsiębiorcy i inwestorzy

Uchwały, planowanie przestrzenne, przetargi publiczne, podatki od nieruchomości. Praca „zza biurka”, kluczowy jest czytelny BIP.

CTuryści i odwiedzający

Strefa Płatnego Parkowania, wydarzenia kulturalne, mapy, komunikacja miejska. Głównie mobile, często w słońcu — potrzebują wizualnych i zwięzłych informacji.

DSeniorzy i osoby z niepełnosprawnościami

Oferta kulturalna, pomoc społeczna, opieka medyczna. Bariera wykluczenia cyfrowego — wymagają jasnej nawigacji i sprawnego panelu dostępności.

„Internet ma ułatwiać życie, a nie je komplikować. Dajcie mi duży, czarny tekst na białym tle i nie każcie mi zgadywać, gdzie jestem i w co mam kliknąć.”

Pan Stanisław, 75 lat — persona reprezentująca użytkowników o ścisłych wymaganiach dostępności

Zakres prac

  1. Audyt istniejącej witryny
  2. Desk research cyfryzacji
  3. Analiza konkurencji
  4. 4 segmenty użytkowników
  5. Persona + mapa empatii
  6. Nowa architektura informacji
  7. Wymagania WCAG 2.2 AA
Zobacz pełne case study na Behance

Materiały dodatkowe

01

Persony

Dokumentacja person użytkowników — punkt wyjścia do projektowania opartego na danych, a nie na przeczuciach.

Behance 02

Prototyp w Figmie

System ekranów i interaktywny prototyp projektu semestralnego — do przejrzenia na żywo.

Figma 03

Portfolio PDF

Pełna wersja portfolio z procesami projektowymi, badaniami i ekranami — do pobrania.

Pobierz PDF

Mój proces

Pięć kroków — od empatii do testu

  1. 01

    Empatia

    Wywiady, ankiety i obserwacja — poznaję realne potrzeby i frustracje użytkowników.

  2. 02

    Definicja

    Persony i mapy empatii prowadzą do jasnego zdefiniowania problemu, który faktycznie warto rozwiązać.

  3. 03

    Idea

    Architektura informacji, user flow i burza pomysłów na rozwiązania.

  4. 04

    Prototyp

    Makiety lo-fi i hi-fi w Figmie — od szkieletów po interaktywny prototyp.

  5. 05

    Test

    Weryfikacja z użytkownikami i iteracja projektu na podstawie wniosków.

Usługi

W czym mogę pomóc

  • 01

    UX Research

    Wywiady IDI, persony, mapy empatii, user flow, testy użyteczności i desk research.

  • 02

    UI Design & prototypowanie

    Makiety lo-fi/hi-fi, interaktywne prototypy w Figmie, Dev Mode i handover do zespołu.

  • 03

    Design systemy

    Spójne, skalowalne systemy komponentów — kolory, typografia, warianty i dokumentacja.

  • 04

    Web & mobile design

    Aplikacje mobilne, strony responsywne, e-commerce oraz systemy CMS/CRM.

  • 05

    UX Writing

    Zrozumiała, empatyczna komunikacja produktowa oparta na dziennikarskim warsztacie.

Kontakt

Porozmawiajmy
o Twoim projekcie.

Dostępna do współpracy, freelance’u i projektów pełnoetatowych.

weronika.kepa123@gmail.com