1 · Makiety = struktura, nie grafika

12 podstron z umowy. Każda sekcja ma numerowany pin i adnotację na bocznej szynie: dlaczego ta sekcja, skąd to wiemy i chipy „Źródła”, które przenoszą do dowodu (obecny sklep, konkurencja, opinie, brief, Baymard, Shopify, Legal).

2 · Standard motywu + 20 h custom

Wszystkie sekcje to sekcje motywu OS 2.0 (klient edytuje w panelu). Rzeczy spoza standardu mają badge 🧩 Custom code lub 🛍 Shopify (apka). Bilans w zakładce „Wykonalność w Shopify”.

3 · Dwa widoki

Przełącznik w górnym pasku zwęża makietę do 390 px i przestawia siatki w 1-2 kolumny. Elementy tylko mobilne (hamburger, sticky „Do koszyka”, przycisk „Filtry”) pojawiają się w tym widoku.

4 · Komentarze

Włącz „💬 Komentarze”, kliknij sekcję, wpisz uwagę (z imieniem). Uwagi zapisują się lokalnie w Twojej przeglądarce; „⬇ Eksportuj” tworzy plik .md, który wrzucasz do tasku w monday.

5 · 4 marki + 4 inspiracje klienta

Zakres z umowy: 2-4 marki, strona główna i PDP. Wybrane: Yonelle (PL, nauka + gabinety), Medik8 (mechaniki PDP: siła, layering, opinie), Paula’s Choice PL (dobór wg problemu, quiz, transparentne opinie), The Ordinary (INCI-first, kompatybilność składników). Do tego 4 inspiracje z formularza (Oceanic, Carein, PH Doctor Lab, Veoli).

6 · 7 pytań do klienta

• Zasięg wysyłek: tylko PL (task) czy UE/poza UE (formularz)?
• Ceny B2B widoczne po zalogowaniu czy publiczne?
• Płatna konsultacja z profesor (produkt w starym sklepie) zostaje?
• Instagram: feed z 2 kont na stronie głównej (brief) czy tylko ikony w stopce (rekomendacja UX Kasi, tak w v2)?
• Nazwa sekcji: „Blog” czy „Wiedza”; Badania osobno (rekomendacja) czy w blogu?
• Subskrypcja: rabat i częstotliwości (30/60/90 dni)?
• Języki: PL only (task) vs PL+EN (formularz)?

7 · Co zmieniło się w v2 (uwagi Kasi, 7.09)

• Nagłówek (wszystkie strony): menu Sklep (Serie | Kosmetyki trychologiczne | Rodzaj produktu) · Twoje potrzeby (Składniki odżywcze | Potrzeby skóry) · Blog · Konsultacje · O nas (B2B, B+R, Partnerzy) · Kontakt.
• 01 Główna: hero = zdjęcie/wideo na całą szerokość + krótkie copy + CTA; usunięty pasek rutyny; kolejność: Nauka w liczbach → Dwa światy + serie → Konsultacja → Kuracje → Opinie → Twórcy → Partnerzy/B2B → Blog → Newsletter; feed Instagram zdjęty, 2 konta jako ikony w stopce.
• 02 Kolekcja: tylko filtry (potrzeby skóry, składniki aktywne, seria, typ, cechy, cena) i siatka; bez wkładki edukacyjnej, bez FAQ i opisu pod siatką.
• 03 PDP: „Kluczowe fakty” jako akordeon w buy boxie; kolejność: Wyniki badań → Opis/INCI → Kuracja 30/60/90 → Jak stosować (3 zdjęcia z opisem, bez klikanego paska) → Opinie → Q&A → Cross-sell → Konsultacja (jedna sekcja, CTA „Umów”); usunięte „Ostatnio oglądane + z bloga”.
• Runda 2 (11:15), strona główna: 04 = dwa zdjęcia z napisem (Twarz i skóra / Włosy i skóra głowy) bez kafli problemów; 05 = 3 bestsellery, CTA pod ceną (komponent karty wspólny dla kolekcji i cross-sellu); 06 = trzy liczby jako trust bar nad wyśrodkowanym tekstem z CTA; 11 = jedno zdjęcie bez podpisów; stopka bez zapisu do newslettera (zapis: popup + sekcja 14).
• Runda 3 (13:06), strona główna: 04 = napisy „Twarz i skóra” (lewo) i „Włosy i skóra głowy” (prawo) na środku kafla, w miejscu etykiety „zdjęcie”, zamiast pigułki w rogu.
• Numery sekcji w zakładkach dowodowych przeliczone na v2. Otwarte do decyzji na warsztacie: feed IG (wymaganie z briefu vs rekomendacja UX).

Co chwalą: efekty na włosy, lekkość, polecenie kosmetologa

Motywy: wzmocnienie włosów, mniej wypadania, mniej siwych; lekka konsystencja, szybko się wchłania; delikatny zapach; produkty polecane przez kosmetologów; cena „wysoka, ale uzasadniona efektami”.

„W 100% skutecznie, po kilku tygodniach zahamowało wypadanie włosów.” Joanna, Trichologic eliksir, 28.08.2026

Włosy: efekty po 2-4 tygodniach, siwienie, przetłuszczanie

Peeling „poprawia kondycję skóry głowy”, szampon „odświeża”, maska „włosy mocniejsze, mniej siwe, nie wypadają”. To uzasadnia osobne wejście „Skóra głowy i włosy” w nawigacji i kurację 90 dni (Główna 04, 07, 09).

„U mnie efekty spektakularne zwłaszcza w zakresie ograniczenia siwienia.” Joanna, 31.07.2026

Molecules, Astral Glow: „przyjazne dla wrażliwej cery”

Molecules serum: „łagodne, zaczęłam po podrażnieniu innymi witaminami C, kupiłam drugi raz”; „natychmiastowa ulga w trakcie leczenia dermatologicznego”. Krem na noc: „spełnia obietnice producenta, widoczna poprawa po 2 opakowaniach”. Wniosek: „Skóra wrażliwa i reaktywna” jako kafel doboru i cecha „hipoalergiczny” w filtrach.

„Bardzo przyjazne serum dla mojej wrażliwej cery.” Renata, Astral Glow EVO, 25.08.2026

7 produktów, 1-3 opinie każdy, od 3/5 do 5/5

Molecules krem na dzień 3,7/5 (3), krem na noc 3,5/5 (2), serum 5/5 (2), Molecular Ironing Cream 5/5 (1), Light Shield SPF 30 3/5 (1). Większość produktów: 0 opinii. Wniosek: sklep musi zbierać opinie sam (Judge.me po 14 i 21 dniach), inaczej PDP zostaną puste jak dziś.

Sekcja „Pytania innych klientów” (Light Shield SPF 30)

• „Ile wynosi PPD dla Light Shield SPF 30?” → metapole: parametry ochrony (PDP 01, akordeon).
• „Czy można zakupić próbkę kremu?” → FAQ produktu + do decyzji klienta: próbki przy zamówieniu jak Yonelle (PDP 08).
• „Czy te kosmetyki są odpowiednie dla ciężarnych?” → cecha „Bezpieczne w ciąży” w filtrach i w tabeli faktów; RetiREX: przeciwwskazane (PDP 01, Kolekcja 02).
• „Jaką konsystencję ma krem, czy będzie się rolować pod filtrem? Chciałam spytać o próbki” → pole „Konsystencja” + „Nie łącz z / łącz z” (PDP 01, 08).

Cennik B2B: 34 SKU, mediana ok. 250 zł; EXOBIOM serum 922,90 zł, Trichologic eliksir 1 430 zł

Przy takich cenach klientka potrzebuje dowodu przed zakupem: wyniki badań, opinie, konsultacja, możliwość wypróbowania w gabinecie. Dlatego PDP ma 4 warstwy dowodu (04, 09, 10, 11), a kuracje pokazują oszczędność w procentach, nie „promocję”.

12 h na analizę + makiety + warsztat; makiety wyznaczają zakres Fazy 3 (61 h)

Faza 2: analiza 2-4 marek (główna + PDP), makiety low-fi wszystkich stron, spotkanie warsztatowe. Faza 3: strony nieproduktowe (główna, kolekcje, koszyk, kasa, o nas, kontakt, kontakt B2B), blog z migracją, konsultacje z kalendarzem, badania i partnerzy, jeden szablon PDP (38 SKU), przegląd nazw i drzewka pod SEO (do 50 SKU), regulaminy, dostosowanie legislacyjne, bufor 20 h custom code. Zmiany po warsztacie = 200 zł netto/h.

12 makiet = 12 podstron z tasku 31.08

• główna
• PDP (1 szablon)
• kolekcje
• koszyk
• kasa
• o nas
• kontakt
• kontakt B2B (+ logowanie B2B, ceny hurtowe)
• konsultacje online z kalendarzem
• badania naukowe
• partnerzy (mapa)
• blog (migracja z IdoSella)

6 punktów z tasku + 3 z formularza

• Opinie Judge.me
• Cross-sell i up-sell
• Zestawy kuracji 30 / 60 / 90 dni z CTA do konsultacji
• Powiadomienie back in stock
• Subskrypcja produktu (modyfikacja, pauza, rezygnacja) + subskrypcje sekwencyjne
• Rekomendacje produktowe AI
• Formularz: „rozmiarówka → gramatura; kod EAN, każdy produkt musi mieć eksponowane INCI”
• Formularz (sekcje PDP): jak działa, dla jakiej skóry, skład, sposób użycia, FAQ, efekty, opinie

Filtry 6-wymiarowe + wyszukiwarka z overlay

„Filtrowanie wielowymiarowe: problem skóry, seria, składnik, wegańskie, bezpieczne w ciąży, prezenty. Trzeba przewidzieć miejsce na panel filtrów.” „Zaawansowana wyszukiwarka: podpowiedzi i autouzupełnianie, czyli overlay/dropdown nad stroną.” Kategorie i drzewko bierzemy z IdoSella (dziś: Serie ×10, Trychologiczne: rodzaj/potrzeby/składniki, Twarz: rodzaj/potrzeby/składniki).

Inteligentny koszyk + cross-sell

„Inteligentny koszyk: podpowiedzi produktów dopełniających do progu darmowej wysyłki. Cross-sell również w koszyku.” Próg: darmowa wysyłka od 500 zł (formularz).

Osobna ścieżka logowania, ceny hurtowe, rabaty partnerskie, formularz kontakt B2B

Cennik B2B klienta: 34 SKU, rabat 40% (większość) lub 30% (EXOBIOM, ESSENTIALS, serum Anti-Zombie) od ceny netto; kody EAN dla każdego SKU. Discovery 11.06: kanały B2C (sklep) i B2B (dystrybutorzy, gabinety). Do potwierdzenia: czy ceny hurtowe są widoczne tylko po zalogowaniu.

Strona z kalendarzem rezerwacji terminów

Obecna oferta: 30 min, Zoom, bezpłatnie, rabat -20% po wizycie na 7 dni; proces 5 kroków. W starym sklepie istnieje też produkt „KONSULTACJA PIELĘGNACYJNA z profesor Magdaleną Górską-Ponikowską” (płatna) → do potwierdzenia.

Interaktywna mapa gabinetów, bez edytora w panelu

„Każda aktualizacja mapy to praca dodatkowa robiona przez nas w kodzie i wyceniana osobno.” Obecna lista: ok. 40 lokalizacji (pomorskie 18, mazowieckie 3, dolnośląskie 3, podlaskie, warmińsko-mazurskie, lubelskie, małopolskie, podkarpackie, lubuskie; Niemcy, Szwecja, Anglia).

Z formularza zerowego 2.09

Zaznaczone/dopisane: „Panel logowania i konto dla klientów biznesowych (B2B), badania i rozwój (do rozważenia czy nie połączyć z blogiem), konsultacje”. Task: „Strona główna: feed social media (2 konta Instagram)”.

„Premium, minimalizm, jasne kolory, laboratoryjny vibe, fakty a nie puste slogany”

„Oczekujemy estetyki premium, spójnej z naukowym i dermokosmetycznym charakterem marek: nowoczesnej, minimalistycznej i budującej zaufanie. Wysoka czytelność i intuicyjna nawigacja mimo rozbudowanej struktury serwisu. Vibe naszej marki to warunki laboratoryjne, badania naukowe, fakty a nie puste slogany marketingowe.”

• Oceanic: warstwa wizualna
• Carein: warstwa wizualna
• PH Doctor Lab: laboratoryjny vibe marki
• Veoli Botanica: klikalny pasek z etapami rutyny, ikonki z problemami skóry

Standard motywu, 20 h custom, PL, klient edytuje sam

• Desktop i mobile
• Szablon Shopify wybiera klient na warsztacie → makiety realizowalne w standardzie motywu
• Bufor custom code: 20 h na całe wdrożenie
• Brak wersji językowych, sklep tylko PL (formularz mówi: polski, angielski → do potwierdzenia)
• Sekcje edytowalne w panelu; wyjątek: mapa partnerów
• Jeden szablon PDP na całe portfolio

Z formularza zerowego 2.09

„Kurierzy i paczkomaty PL 20 zł, po przekroczeniu 500 zł wysyłka gratis; kraje UE 39 zł, poza UE 69 zł (UK, Norwegia, Ukraina, Białoruś, Irlandia, Serbia, Turcja).” Faktury po opłaceniu, Subiekt GT. Zwroty „rozpatrywane indywidualnie; uszkodzony towar na nasz koszt, zwrot paczki na koszt klienta”. Umowa: Shopify Payments / P24 / PayU + pobranie, InPost.

34 SKU w cenniku B2B (ok. 38 z zestawami), 65-1 650 zł

Serie: Trichologic (12), VegeBoost (11), Molecules (4), ESSENTIALS (2 + RetiREX nowość), STEM CELL-LINE (2), EXOBIOM (2 + zestaw), Light Shield (1), Professional (3, do gabinetów), zestawy. Dwa światy: twarz i skóra głowy/włosy. Dokumenty produktowe (Drive, 2-3.09) mają stałą strukturę: opis, sposób użycia, środki ostrożności, wyniki badań, „Od autorki formulacji”, Ingredients → metapola PDP.

Gotowy tekst strony O nas od klienta

Sekcje: „Nauka, pasja i odrobina szaleństwa”; „Nasza historia, teraz albo nigdy”; „Skład, który ma działać”; „Nie sprzedajemy obietnic” (01 Uczciwy skład, 02 Wyznaczamy trendy, 03 Edukacja); „Nauka zamknięta w formule” (3 produkty); „Ludzie za marką” (prof. dr hab. n. med. Magdalena Górska-Ponikowska; Kacper Ponikowski); „Więcej niż kosmetyki”; „Nasza wizja” (Gdańsk).

RetiREX Serum: badania aparaturowe, n=20

Po 10 dniach: redukcja zaczerwienienia 35,1%, poprawa elastyczności 33,3%, jednorodność kolorytu 23%. Po 4 tygodniach: twarz jednorodność 69%, zaczerwienienie -49%, nawilżenie +29,8%; okolice oczu elastyczność +85,4%, zmarszczki -67,3%; szyja i dekolt zmarszczki -30,8%. Metoda: 20 probantów, Multi Skin Test Center MC 1000, Visiopore, Visioscope. B+R: modele komórkowe (fibroblasty, keratynocyty, melanocyty), Molecular Ironing Cream w niezależnym laboratorium, skóra wrażliwa po 14 dniach, testy in vitro, aparaturowe.

9 scenariuszy Klaviyo: co sklep musi mieć od dnia 1

Integracja: popup zapisu, zgoda SMS w kasie, śledzenie zdarzeń, import bazy z IdoSell. Scenariusze: powitanie, porzucony koszyk (e-mail + SMS), przeglądane produkty, opieka po zakupie (onboarding kuracji), opinie 14/21 dni (Judge.me), dosprzedaż kuracji, przypomnienie o ponownym zakupie (czas zużycia), reaktywacja, higiena bazy. W makiecie: newsletter (Główna 14), zgody w kasie (Kasa 02), back in stock (PDP 02), strona „dziękujemy” (Kasa 06).

Predictive search motywów OS 2.0 + Search & Discovery

Motywy z listy (Stretch, Palo Alto, Broadcast…) mają wbudowany overlay z podpowiedziami produktów, kolekcji, stron i artykułów. Synonimy i literówki wymagają apki (Searchanise, Boost). Makieta zakłada standard.

Search & Discovery: filtry z metapól

Każdy z 6 wymiarów z umowy = metapole produktu (lista wartości): problem skóry, seria, składnik aktywny, wegańskie, bezpieczne w ciąży, prezent. Wartości uzupełniamy przy imporcie 38 SKU (Faza 3). Te same metapola zasilają kolekcje automatyczne i kafle „Dobierz wg problemu”.

Klient zakłada konto (ustalenie 4.09), my osadzamy widgety

Widget agregatu w karcie produktu i buy boxie, sekcja opinii z filtrami i zdjęciami, Q&A, karuzela na stronie głównej. Automatyczna prośba po 14 i 21 dniach od wysyłki (umowa Faza 4).

Shopify Subscriptions (free) albo Appstle / Seal

Wymagania: modyfikacja, pauza, rezygnacja w koncie klienta = standard każdej apki subskrypcyjnej. „Subskrypcje sekwencyjne” (kolejne etapy kuracji w określonej kolejności) i box kwartalny = funkcja płatnych apek (Appstle „sequential”, Seal „prepaid/sequence”). Rabat i częstotliwości do decyzji klienta.

Natywna apka Shopify Bundles: zestaw jako produkt z komponentami

Zestaw ma własną cenę (oszczędność w %), własną PDP i pojawia się w filtrach jako „Zestawy i kuracje”. Stan magazynowy liczony z komponentów. Alternatywa: pakiet w Appstle jako subskrypcja sekwencyjna.

Klaviyo Back in Stock

Przycisk „Powiadom mnie” podmienia ATC, gdy wariant ma 0 sztuk; wysyłka e-mail/SMS z Klaviyo. Zgodne z zakresem MA (integracja Klaviyo ze sklepem).

Shopify Search & Discovery: related (automatyczne) + complementary (ręczne)

To wystarcza na PDP 09 i Koszyk 03. Personalizacja pod profil zakupowy (umowa: „AI Shopping”) = apka (LimeSpot, Wiser, Rebuy) płatna po stronie klienta; makieta nie zależy od wyboru.

Pasek progu darmowej wysyłki = motyw; dopełniacze = apka koszyka

Większość motywów z listy ma pasek „brakuje X zł”. Dobór 3 produktów, które domykają próg (po cenie i komplementarności), robi apka koszyka (Rebuy, UpCart) lub własny skrypt 4-6 h. Decyzja przy wyborze motywu.

Co da się zmienić, a czego nie

Da się: logo, kolory, font, kolejność sekcji, pola dodatkowe (NIP), zgody (checkboxy regulaminu przez ustawienia lub apkę), metody dostawy (InPost apka z mapą paczkomatów), płatności (Shopify Payments z BLIK; P24/PayU; pobranie jako płatność ręczna z dopłatą). Nie da się: własny układ, własne skrypty w kasie (to Plus). Gotcha z wdrożeń Adtrip: zgoda marketingowa domyślnie zaznaczona dla PL, trzeba wyłączyć.

Embed (Calendly / Zencal) lub apka Shopify (Sesami, Easy Appointment Booking)

Klient prowadzi konsultacje na Zoomie: Calendly/Zencal integruje Zoom i wysyła link automatycznie; osadzenie w sekcji custom liquid = 0 h. Apka Shopify ma sens, gdy konsultacja ma być produktem (płatna z profesor). Kod -20% na 7 dni: Klaviyo flow po zdarzeniu „rezerwacja” (webhook).

JSON w motywie + Leaflet + lista fallback

ok. 40 lokalizacji z obecnej strony → plik JSON (nazwa, typ, adres, województwo, lat/lng, telefon, www). Mapa Leaflet (bez klucza API) lub Google Maps (klucz klienta). Filtry: województwo, typ, szukaj po mieście; lista pogrupowana pod mapą (SEO). Szacunek: 6-8 h z bufora 20 h. Alternatywa z edytorem (Stockist, Store Locator) = apka płatna, poza umową, ale tańsza w utrzymaniu → do decyzji klienta.

Natywny B2B Shopify = tylko Plus. Na Grow: tagi + rabat segmentu + apka

Mechanika: partner rejestruje się przez formularz → my nadajemy tag „b2b” i segment → rabat automatyczny -30/-40% dla segmentu (natywnie, bez apki) → apka „B2B Login / Lock & Hide Price” daje osobną stronę logowania, ukrywa ceny detaliczne dla zalogowanych B2B lub ukrywa cały sklep B2B przed B2C. Faktury netto: przez Subiekt GT. Ograniczenie: ceny w sklepie są brutto; „cena netto” to prezentacja (metapole/skrypt). Do potwierdzenia: czy ceny hurtowe widoczne tylko po zalogowaniu.

Apka feedu (Instafeed, Instagram Feed by Mintt)

Dwa konta = dwa źródła; w większości apek to plan płatny (ok. 6-10 USD). Zakładki nad siatką jak w makiecie. Alternatywa: sekcja motywu z ręcznie wgrywanymi 6 obrazami (0 zł, klient aktualizuje sam).

Wspólne kryteria: zgodność z prawem, prawdziwość, dowody, uczciwość, rzetelność, świadome decyzje

Każde oświadczenie („redukuje zmarszczki o 67,3%”, „przebadano dermatologicznie”, „senolityczne”) wymaga dowodu w dokumentacji produktu. Dlatego makiety pokazują liczby zawsze z czasem, liczebnością i metodą (n=20, aparaturowe), a klient ma te dane w dokumentach produktowych. Porównania z konkurencją tylko na weryfikowalnych cechach.

INCI, ostrzeżenia, PAO, funkcja produktu

Lista składników (INCI) i ostrzeżenia muszą być dostępne konsumentowi także przy sprzedaży na odległość → INCI eksponowane na PDP (wymaganie klienta z formularza jest zgodne z prawem). „Przeciwwskazane w ciąży” dla RetiREX i harmonogram wprowadzania retinalu w sekcji użycia.

„Dermokosmetyk” nie ma definicji prawnej; nie sugerować leczenia dermatoz

Obecny PDP: „wskazany jako uzupełnienie pielęgnacji… również tej problematycznej i z dermatozami” to granica. Trychologia: „aktywuje wzrost włosów”, „opóźnia siwienie” wymaga dowodu (klient ma badania) i języka pielęgnacji, nie terapii. W makietach: „wspiera”, „pielęgnacja skóry głowy”, dane z badań zamiast obietnic. Konsultacje: „dobór pielęgnacji”, nie „diagnoza”.

Obowiązkowe przy każdej obniżce w PL

Obecny sklep (IdoSell) pokazuje to natywnie. Shopify nie ma tego natywnie → apka Omnibus lub metapole. W makiecie PDP 01: „Najniższa cena z 30 dni” pod ceną przy promocji. Bez licznika „do końca promocji”.

Zalecenie Komisji 2006/647/WE

Nazwa „Anti-zombie Light Shield” jest OK; nie używać „sunblock”, „pełna ochrona”, „całodniowa”. Wymagane: kategoria ochrony (średnia dla SPF 30), UVA w kółku, instrukcja ponawiania. Pytanie klientki o PPD → metapole parametrów ochrony (PDP 01).

RODO + ustawa o prawach konsumenta + Prawo komunikacji elektronicznej

Zgoda marketingowa e-mail i SMS osobno, nigdy domyślnie zaznaczona (Shopify preselektuje dla PL → wyłączyć). Checkbox akceptacji regulaminu i informacja o prawie odstąpienia (14 dni) przed „Zamawiam i płacę”. Umowa: dostosowanie legislacyjne (odstąpienie, checkboxy, e-maile potwierdzające, zwroty) w Fazie 3. Cookies: baner ze zgodą przed uruchomieniem GA4/Pixel (Faza 6), bez zasłaniania hero.