QL&Joy Studio
001
Case Studies
Brand Identity & E-commerce

QL&
JOY

Identyfikacja wizualna i sklep e-commerce dla polskiej marki premium dzianin dla kobiet 40+.

Naming Branding UX/UI E-commerce 2025
182
nazwy
iteracje
10
sekcji UI
00 — Kontekst

Od szwalni
do marki premium

Klientka produkowała wyroby wysokiej jakości od lat — ale bez nazwy, bez twarzy, bez obecności online. Projekt zakładał stworzenie kompletnej marki od zera.

Klient
QL&Joy Studio
Prywatna szwalnia, Łódź
Moja rola
UX/UI Designer
Brand Strategist
Zakres
Naming · Branding
UX/UI · E-commerce
Czas / Model
End-to-end
Od zera do wdrożenia · 2025

„Jak zbudować markę premium, która jest ciepła i kobieca — ale nie infantylna? Elegancka — ale dostępna? Nowoczesna — ale prawdziwa?"

Cel biznesowy
Rozpoznawalna marka premium
Zbudować markę w segmencie dzianin/dresów dla kobiet dojrzałych, która odcina się od masowego rynku i mówi do grupy 40+ z szacunkiem.
Cel brandingowy
Spójna identyfikacja wizualna
Stworzyć kompletny system — od logotypu, przez paletę i typografię, po tone of voice i szablony cyfrowe gotowe do użycia.
Cel UX/UI
Sklep, który konwertuje
Zaprojektować e-commerce oddający charakter marki — editorial, nie katalog. Płynny UX z AJAX cart, inline filterami i skróconą ścieżką zakupową.
01 — Naming

Znalezienie nazwy

Cztery rundy propozycji, pięć kierunków strategicznych, 182 kandydatki — zanim padła finalna odpowiedź.

01
Pozycjonowanie
Premium · Polska · Rzemiosło · Kobiecość 40+ · Quiet Luxury
02
5 kierunków
Emocjonalne, opisowe, skrótowe, zagraniczne, abstrakcyjne
03
182 propozycje
4 rundy z uzasadnieniem każdej — iteracyjna selekcja z klientką
04
Finalizacja
QL&Joy — Quiet Luxury & Joy. Znak & sercem identyfikacji.
Velour Atelier Joie Studio Belle Fil SoftJoy VelvetMood Quelo Szwalnia No.1 WarmCraft QJ Studio Velua DouceurPL Nicią TissueLux Soire Modale QL&Joy ✓ + 166 pozostałych propozycji…
02 — Branding

5 iteracji, jeden charakter

Każda propozycja była kompletnym brand bookiem — paletą, typografią, przykładami. Dopiero piąta trafiła w sedno.

v1
Velour Atelier
Bordeaux · Chłód
v2
Joie Vivid
Intensywny róż
v3
Joie Elegancka
Mauve · Rafinowanie
v4
Joie Różana
Pełna paleta różu
v5
QL&Joy
Śliwka · Dojrzałość
Puder Różany
#F2A7B3
Malina
#E8006C
Płatek
#F7C5D0
Mauve
#7B5EA7
Śliwka
#2D2250
QL&JOY
Jasne tło
QL&JOY
Ciemne tło
QL
&JOY
Wersja pionowa
02b — Typografia

Cztery fonty, jeden głos

Każdy krój pełni precyzyjną funkcję. Razem tworzą spójny system — od ekspresyjnych nagłówków po czytelny interfejs sklepu.

Unbounded 900
Logotyp · nagłówki · hero
QL&JOY
Nowoczesny · geometryczny · ekspresyjny
Alex Brush
Znak & w logotypie · akcenty kaligraficzne
&
Kaligrafia — most między precyzją a ciepłem
Cormorant Garamond Italic
Cytaty · podtytuły · editorial prose
„Cicha elegancja to nie brak głosu — to pewność siebie."
Literacka elegancja · serif premium
Outfit 400/500
UI · body · labels · nawigacja
100% modal certyfikowany OEKO-TEX®
Darmowa dostawa od 199 zł
30 dni na zwrot bez pytań
Czytelność · nowoczesność · neutralność

„Finalna nazwa QL&Joy pochodzi od Quiet Luxury & Joy — cicha elegancja i radość. Znak & w Alex Brush stał się sercem całej identyfikacji wizualnej."

Decyzja projektowa — naming finał
03 — UX/UI

Sklep jako narracja

Zamiast katalogu — editorial story. Użytkowniczka przechodzi przez świat marki, zanim zobaczy cenę produktu.

Architektura — 10 sekcji
NAWIGACJA SCROLL STRIP HERO Wordmark · copy · CTA · ilustracja TRUST BAR SKLEP — 3 kolumny FEATURED PRODUCT Rozmiary · Ilość · AJAX cart HISTORIA PROCES OPINIE NEWSLETTER STOPKA — 4 kolumny
Kluczowe decyzje UX
01
Editorial, nie katalog
Strona prowadzi przez narrację marki — produkty pojawiają się po zbudowaniu kontekstu emocjonalnego.
02
Social proof inline
Trust bar i opinie wbudowane w flow scrollowania — zaufanie budowane bez odrywania od treści.
03
Filter pills zamiast sidebara
Kompaktowe filtry inline — mniej kliknięć, lepsza responsywność mobile.
04
AJAX cart + toast
Dodanie do koszyka bez przeładowania. Użytkowniczka nie traci kontekstu przeglądania.
05
Size selector na homepage
Wybór rozmiaru w sekcji featured bezpośrednio — ścieżka zakupowa krótsza o jeden krok.
04 — Efekty

Od zera do marki

Projekt end-to-end — od pierwszej rozmowy o nazwie po gotową stronę e-commerce.

182
propozycje nazw
4 iteracyjne rundy
5×
kompletne identyfikacje
wizualne
10
sekcji strony
e-commerce
0→1
od zera
do gotowej marki
Naming
182 propozycje w 4 rundach z uzasadnieniem i analizą
🎨
5 identyfikacji wizualnych
Pełne brand booki z paletą, typografią i przykładami
📖
Brand Book
8 sekcji: logo, kolory, TOV, typografia, szablony
System logotypu
6 wariantów × 3 tła · clearspace · zasady użycia
🖥
Strona e-commerce
10 sekcji · responsive · AJAX cart · animacje scroll
📐
Szablony cyfrowe
Instagram post/story · email header · etykieta · wizytówka
05 — Refleksja

Co działało,
co było trudne

Projekt end-to-end to nie tylko portfolio deliverables — to lekcja iteracyjnego procesu z klientką o innym rytmie decyzyjnym niż korporacja.

Co działało wyjątkowo dobrze
Iteracyjny naming — 4 rundy Kolejne rundy propozycji pozwoliły zrozumieć, czego klientka naprawdę szuka — nie to, co mówiła na początku, ale to, co pojawiało się w jej reakcjach na kolejne propozycje.
Równoległa praca nad brandem i UI Decyzje wizualne testowane od razu w kontekście interfejsu — kolory, które wyglądają świetnie w brand booku, ale nie działają jako CTA na ekranie.
SVG placeholdery z palety brandowej Proceduralne generowanie placeholderów produktowych — spójny look bez zdjęć produktowych na etapie projektowania. 6 wariantów z brandowej palety.
AJAX cart + toast notifications Płynny UX bez pełnych przeładowań. Użytkowniczka nie traci kontekstu przeglądania po dodaniu produktu do koszyka.
Wyzwania i nauki
Brand dla kobiet 40+ wymaga świadomości Każda decyzja kolorystyczna i typograficzna musi być testowana pod kątem infantylizacji. Różowy to nie zawsze problem — ale zależy od odcienia, fontu i kontekstu.
Inny rytm decyzyjny niż korporacja Klientka z sektora rzemiosła potrzebuje krótszych iteracji i bardziej wizualnych propozycji. Długie briefy zastąpiłem szybkimi mockupami do skomentowania.
5 identyfikacji to nie strata czasu Każda wersja odkrywała rzeczywiste preferencje, których klientka nie potrafiła zwerbalizować na początku. Proces iteracyjny jest metodą odkrywania — nie błędem planowania.
Decyzja: usunięcie igły z logotypu Symbol rzemiosła (igła) działał dobrze konceptualnie — ale zagęszczał kompozycję. Znak & okazał się wystarczająco silny jako unikalny element charakterystyczny.
06 — Kompetencje

Zademonstrowane umiejętności

Projekt end-to-end wymagał płynnego poruszania się między strategią, designem i frontendem — często w tej samej sesji roboczej.

Brand Strategy
Strategia marki
Pozycjonowanie Naming Persony TOV Analiza segmentu
Visual Design
Design wizualny
Logo system Paleta kolorów Typografia Brand book Szablony
UX Design
Projektowanie UX
Architektura IA User flow Mikrointerakcje Ścieżka zakupowa
UI Design
Projektowanie UI
Editorial layout Component system Responsive grid Dark/light UI
Front-end
Implementacja
HTML/CSS/JS Animacje scroll AJAX WooCommerce SVG inline
Dokumentacja
Wiedza i deliverables
Brand book Case study Zasady użycia Specyfikacja
Następne case study
AutoClub Platform →