Startify
Lou.pl — strona główna po redesignie
Lou.pl — moduł kolekcji na stronie głównej
Lou.pl — karta produktu
Lou.pl — pasek wartości marki
Lou.pl — widok mobilny
Lou.pl — koszyk i zamówienie

Lou.pl — nowy projekt e-commerce dla marki modowej premium

Data:
Kwiecień - Wrzesień 2025
Narzędzia:
Figma, Adobe Photoshop, Adobe Illustrator
Materiały:
Zdjęcia marki, grafiki wygenerowane z użyciem AI, Streamline
Zakres:
Design system
Projektowanie doświadczeń użytkownika
Projektowanie interfejsu
Koordynacja wdrożenia strony

Klient:

Lou.pl to dynamicznie rozwijająca się polska marka modowa dla kobiet, znana z eleganckich sukienek i lojalnej społeczności klientek. W 2025 roku dotychczasowa platforma nie odzwierciedlała już jej pozycji premium — była przestarzała wizualnie i funkcjonalnie, trudna do skalowania i pozbawiona oczekiwanego wyrafinowania.

Rozwijające się kolekcje, jakość produktów i rosnące grono klientek wymagały doświadczenia cyfrowego, które nadąża za marką. Nowa platforma miała wspierać dalszy rozwój i odpowiadać na oczekiwania współczesnych odbiorczyń świadomych mody.

Cel projektu

Celem było przeprojektowanie całego doświadczenia — wizualnie, funkcjonalnie i strategicznie — tak, aby odzwierciedlało jakość marki. Dotychczasowa strona sprawiała wrażenie przestarzałej, a ścieżka użytkowniczki była niespójna.

Istotnym zadaniem była także przebudowa procesu zakupowego. Poprzednie rozwiązanie było nieczytelne i tworzyło niepotrzebne bariery przy finalizacji zamówienia. Nowy projekt miał zapewnić spójne, eleganckie i intuicyjne doświadczenie.

01. O projekcie

Kompleksowy proces projektowy dla rozwijającej się marki modowej

Współpraca z Lou.pl trwała kilka miesięcy i obejmowała pełne przeprojektowanie UX/UI dla komputerów i urządzeń mobilnych.

Równolegle opracowałem dopasowany design system, który ujednolicił język wizualny marki. Koordynowałem również etap wdrożenia z wewnętrznym zespołem Lou, dbając o sprawny start i spójność finalnej platformy.

Nowy sklep został wdrożony wspólnie z wewnętrznym zespołem Lou. Publiczne case study pokazuje dostarczoną zmianę — spójny design system, responsywny sklep i przebudowany checkout — bez deklarowania wyników sprzedaży lub konwersji, które nie są publikowane.

Harmonogram projektu: Design System (Kwiecień - Wrzesień), UX/UI Desktop (Kwiecień - Maj), UX/UI Mobile (Czerwiec - Sierpień), UX/UI Improvments (Lipiec - Wrzesień 2025)

Projekt w liczbach

150
godzin projektowania produktu
100+
unikalnych ekranów
2
platformy — desktop i mobile
Pracownia krawiecka Lou.pl z hasłem „Inspired by a love for feminine style”

02. Design system / Podstawy

Elastyczne podstawy dla skalowalnego projektu

Stworzyłem od podstaw modułowy design system z kluczowymi komponentami i ich stanami. Przyspieszył pracę nad nowym projektem i ułatwił zachowanie spójności. Wspólne rozwiązania ograniczyły powielanie pracy, usprawniły iteracje i współpracę oraz pozwoliły rozwijać platformę w zgodzie z marką.

Ikonografia na bazie zestawu Ultimate Light od Streamline oraz warianty komponentów interfejsu

02. Design system / Kolory

Stonowana paleta stworzona z myślą o elegancji i czytelności

Naturalne, przygaszone kolory wspierają kobiecy charakter marki premium. Beże, odcienie piasku i szarości tworzą ciepłe, neutralne tło — subtelne, pewne siebie i przyjazne produktom.

Oszczędność kolorystyczna poprawia czytelność i pozwala skupić uwagę na minimalistycznych detalach.

Paleta projektu: barwy podstawowe i uzupełniające z wartościami HEX

02. Design system / Typografia

Typografia, która łączy elegancję z funkcjonalnością

Krój podstawowy — skala nagłówków i tekstu ciągłego
Krój uzupełniający — zastosowania i skala
Strona główna Lou.pl na ekranie laptopa
Karta produktu Lou.pl w przeglądarce

03. UX/UI — desktop / Wprowadzenie

Strona główna, która oddaje charakter marki i zachęca do odkrywania kolekcji

Zanim powstał nowy projekt, przeanalizowałem to, co nie działało w poprzedniej wersji — tożsamość marki i strukturę wizualną strony.

Serwis Lou.pl sprzed redesignu — platforma używana w latach 2014–2025

03. UX/UI — desktop / Strona główna i nawigacja

Od przestarzałego doświadczenia do projektu stawiającego jakość premium na pierwszym miejscu

Strona główna jest jednocześnie wizualną prezentacją marki i funkcjonalnym punktem wyjścia do zakupów. Duże zdjęcia, edytorialowa typografia i dopracowany interfejs oddają charakter mody premium.

Nowa strona główna Lou.pl wraz z nawigacją i modułami kolekcji

03. UX/UI — desktop / Lista i szczegóły produktów

Projekt, który pomaga wybierać szybciej i z większą pewnością

W Lou.pl skupiłem się na ograniczeniu trudności w dwóch kluczowych momentach ścieżki zakupowej: odkrywaniu produktów i podejmowaniu decyzji.

Przeprojektowałem listę produktów i stronę produktu, aby ułatwić przeglądanie, porównywanie i natychmiastowy dostęp do najważniejszych informacji — pomagając klientkom pewnie przejść od poszukiwań do zakupu.

Czytelna hierarchia, lepsze filtrowanie i bogatsza w informacje strona produktu zmieniły doświadczenie desktopowe w płynną ścieżkę wspierającą decyzje.

Lista produktów z filtrami oraz karta produktu po redesignie

03. UX/UI — desktop / Jednoetapowa finalizacja zamówienia

Prostsza i szybsza droga do zakupu

Przeprojektowałem cały proces finalizacji zamówienia, łącząc wiele etapów w jedną intuicyjną stronę.

Ta zmiana znacząco przyspiesza proces i ogranicza trudności — zamiast przeskakiwania między ekranami jest jedna płynna ścieżka od koszyka do potwierdzenia. Chodzi o to, aby zakupy były tak proste, jak powinny być.

Jednoekranowy proces zakupu — koszyk, dane i potwierdzenie

03. UX/UI — desktop / Opowieść o marce

Strony, które opowiadają historię, budują więź i pokazują charakter marki

Poza prezentacją produktów skupiłem się na stronach opartych na opowieści: budujących zaufanie, więź emocjonalną i oddających charakter marki.

Od pokazania, jak powstaje każda sukienka, po prezentację zespołu, wartości i prawdziwych kobiet noszących Lou — każda strona miała inspirować i pogłębiać relację z klientkami. Dobry design to nie tylko wygląd, ale również emocje, które wywołuje.

Podstrony opowiadające o marce: proces szycia, zespół i wartości Lou

04. UX/UI — wersja mobilna

Doświadczenie mobilne dopracowane równie starannie

Wersja mobilna nie jest dodatkiem. Każdy detal został zaprojektowany tak, aby zakupy na małym ekranie były płynne, szybkie i czytelne — od pierwszego dotknięcia po finalizację zamówienia. Pełne doświadczenie marki mieści się w kieszeni.

Szesnaście ekranów mobilnych Lou.pl — od strony głównej po potwierdzenie zamówienia

05. Podsumowanie i autorzy

Dzięki za Twój czas — do usłyszenia!

Data:
Kwiecień - Wrzesień 2025
Klient:
Aleksander Świtała, CEO
Ola Waszak, Project Manager
Projekt:
Platforma e-commerce Lou.pl
Product Designer:
Mateusz Madura, Startify
Zobacz stronę →