Portfolio osobiste — Case Study UX/UI
Ten case study dokumentuje cały proces projektowy UX/UI dla mojej strony portfolio. Pokazuje decyzje projektowe i badawcze, które doprowadziły do profesjonalnej i intuicyjnej platformy prezentującej moją pracę.
Historia tego projektu
Typowe portfolia developerów wyglądają tak samo: hero, siatka projektów, kontakt. Nie potrafią pokazać unikalnego połączenia designu, kodu i AI, którym się zajmuję.
Portfolio podzielone na trzy jasne propozycje wartości (Design, Kod, AI) z głębią case study dla każdego projektu — nie tylko zrzuty ekranu. Glass-morphism i customizowalne kolory akcentowe nadają mu charakter.
Strona ładuje się poniżej 1.2s na mobile, 98 pkt w Lighthouse, w pierwszym miesiącu 4 rozmowy z klientami.
Jak to zostało zaprojektowane
Odkrywanie
Audyt 30+ portfoliów designer-developer, by zidentyfikować, co odróżnia te zapamiętywalne od zapominanych.
- Analiza konkurencji 30 portfoliów
- Wywiady z managerami i rekruterami
- Zdefiniowane propozycje wartości i ton
- Architektura informacji
Projekt i implementacja
Zaprojektowane w Figmie, następnie zaimplementowane w Next.js z Tailwind. Customowe zmienne CSS udostępniają kolory akcentowe, które odwiedzający mogą zmieniać na żywo.
- System komponentów w stylu glass-morphism
- Live theming przez CSS variables + React context
- Responsywność mobile/tablet/desktop
- Dostępność: skip-link, ARIA, wsparcie reduced-motion