Studio designu
Podglądy podstron sklepu - szkice do iteracji nad layoutem zanim wbijemy je w produkcyjne trasy. Niewidoczne dla wyszukiwarek.
- Karta produktu - sekcja heroGaleria z miniaturami pod spodem, kolumna info z bundle pickerem i ATC./design/product-hero
- Opisy produktów - biblioteka archetypów (M/P/G)Iteracja 1 - 3 archetypy × 18 bloków na realnych produktach. Referencja do oceny: które bloki keep, które drop. Etykiety M1-M6, P1-P6, G1-G6 nad każdym blokiem./design/product-description
- Opisy produktów - drugi przejazd, MINTIteracja 2 - pełny opis Odświeżacza MINT z keeperów (M2 mobile-fixed + 3×M3 + G4 + G3 + M6) + nowy archetyp D1 (dark + 3 light cards) do oceny. Wzorzec do klonowania./design/product-description/mint-v2
- Karty produktu w listingu6 wariantów stylistycznych karty (minimalny, z gwiazdkami, z kategorią, z promo, centered, pełny) na tych samych 4 produktach./design/product-card
- Strona kategoriiPełnoekranowa siatka 4-kolumnowa z infinity scroll, panelem filtrów wysuwanym z lewej (z dimmed + blurred backdropem) i dropdownem sortowania z prawej./design/category
- KoszykWzorowane na motywie Aura (devaura.pl). Układ 2-kolumnowy: lista kart produktów + sticky podsumowanie po prawej. Quantity selector pill, kupon, cross-sells slider, stan pusty./design/cart
- Zwroty i reklamacjeHub z dwoma kartami wyboru (Zwrot / Reklamacja) prowadzącymi do dedykowanych formularzy ze sticky info-boxem po lewej. Drag-drop dla zdjęć w reklamacji./design/zwroty
- FAQDwukolumnowy układ - sticky sidebar z kategoriami (scrollspy) po lewej, sekcje pytań w accordionie po prawej. CTA do kontaktu na dole./design/faq
- KontaktSplit 2-kolumnowy: lewa kolumna z danymi kontaktowymi (telefon, email, adres, godziny, social), prawa z formularzem kontaktowym z conditional polem nr zamówienia./design/kontakt
- O nasLong-form story page - hero z gradientowym placeholderem, historia marki, 4 wartości, sekcja produkcji, pasek liczb na ciemnym tle, cytat założyciela, CTA do sklepu./design/o-nas
- Przyciski - główne CTA6 propozycji koloru x 4 warstwy (cień + 3D bok + gradient + skośny shine) na wzór ozon-landing /serwis. Lekkie zaokrąglenie 12 px. Wybór odcienia do PDP, drawera koszyka i checkoutu./design/buttons
- CheckoutPort designu z ozon-landing - stepper na górze, 5 kart po lewej (zamówienie, dane, faktura, sposób dostawy, płatność), sticky podsumowanie po prawej. Slate + emerald, FloatingInputy, pulsująca CTA. Sklep-adapted: dostawa zamiast nadawania paczki./design/checkout
- Strona główna - karuzela kategorii7 wariantów kafelka kategorii (current biały, dark gradient, dark + amber accent, dark + radial glow, photo tile z overlay, paper + amber, bordered minimal). Każdy w realnej sekcji z nagłówkiem./design/homepage-categories
- Strona główna - banery Klarna / Paczkomaty6 wariantów obu banerów obok siebie (current, dark card on light bg, gradient + ring, off-white paper, bordered minimal, dark section). Pokazane parami żeby było widać rytm./design/homepage-banners