Strona główna

Warsztat Zerowy Shopify dla NUCAI (kawa funkcjonalna, Cosmono Sp. z o.o.). Sklep budowany od zera jako hybryda sklepu z landing pagem. Kierunek wizualny: jasny, naturalny premium-lifestyle (Dirtea / Anima Mundi / miummash) — czerń MUDWTR świadomie odrzucona (za klientem: „strony czarne chyba nie będą do nas pasowały”).

🎯 Metoda

1 · Warstwa dowodów

Pełnostronicowe screeny 11 sklepów z formularza klienta + miummash (punkt odniesienia z briefu zespołu) + realny VOC rynku (opinie Nootri — 4,9/5 z 1333 opinii) + wytyczne Baymard + ograniczenia prawne Reg. 432/2012.

🔍 Metoda

2 · Analiza

Z każdego wzorca bierzemy konkretny mechanizm (nie „ładność”): sekcję składu z MUDWTR, statystyki efektów z Dirtea, mechanikę sprzedażową z Nootri, estetykę z Anima Mundi / The Nue Co.

🏛 Metoda

3 · Makieta z „dlaczego”

Każda sekcja makiety ma numerowany pin i adnotację na bocznej szynie z min. 2 klikalnymi źródłami. Klik w chip „Źródła” przenosi do dowodu w zakładce Warsztatu.

💬 Metoda

4 · Komentarze

Włącz 💬 Komentarze w górnym pasku, kliknij sekcję i dopisz uwagę. Uwagi zapisują się lokalnie w przeglądarce; „⬇ Eksportuj” tworzy plik .md z listą do wdrożenia.

🎯 Status

Pilot: Strona główna

Najpierw strona główna end-to-end do akceptacji kierunku. Po akceptacji dochodzą: produktowa (1 dynamiczny szablon na Kawę i Kakao), kolekcja, koszyk, kasa, o nas, kontakt — zgodnie z Etapem 5 umowy.

⚖️ Rdzeń komunikacji

Czego NIE mówimy

Grzyby i adaptogeny (Rhodiola, Lion's Mane, Cordyceps, Chaga) nie mogą nieść oświadczeń zdrowotnych w UE. Oficjalne claimy tylko dla witamin B5/B6/B12. Każda sekcja korzyści w tym decku jest pisana w tych granicach — szczegóły w zakładce Legal.

Struktura wynika wprost z listy sekcji klienta (formularz zerowy) uporządkowanej wg Baymard: dowód społeczny i produkty wysoko, edukacja i FAQ niżej. Wszystkie sekcje „korzyści” pisane w granicach Reg. 432/2012.

nucai.pl (domena do potwierdzenia)
01
NUCAI
SklepJak działaO nasFAQ
PL/EN🛒 Koszyk
02
☕ 100% arabica🍄 3 grzyby funkcjonalne + różeniec🧾 Jawne dawki każdej porcji🇵🇱 Aktywne formy witamin B🚚 Wysyłka w 24h
03
WIDEO HERO — rytuał poranka
(jasne światło, naturalne materiały, para nad kubkiem)
Kawa, która daje więcej niż pobudzenie
Arabica z grzybami funkcjonalnymi, adaptogenami i aktywnymi witaminami B. Stabilna energia i koncentracja — bez zjazdu.
Poznaj Kawę FunkcjonalnąJak działa?
★★★★★ tu po starcie: agregat Judge.me (od 1. dnia zbieramy opinie)
04
Kawa Funkcjonalna
(doypack + kubek, poranne światło)
☀️ PORANEK
Kawa Funkcjonalna
Energia i koncentracja bez zjazdu · 210 g / 30 porcji
— zł— zł / porcja dziennie
Dodaj do koszyka
Kakao Funkcjonalne
(wieczorny nastrój)
🌙 WIECZÓR
Kakao Funkcjonalne
Wieczorny rytuał wyciszenia · premiera wkrótce
wkrótcezapisz się — damy znać pierwszym
Powiadom mnie o premierze
05
Dlaczego NuCai, a nie kolejna kawa?
🍄
3 grzyby + różeniec górski
synergia rzadko spotykana na rynku PL
🥥
Olej MCT 1800 mg
energia bez skoku i spadku kofeinowego
🌿
Inulina 1800 mg
prebiotyk — rzadki u konkurencji
🧬
Aktywne witaminy B5·B6·B12
zmniejszenie uczucia zmęczenia*
100% arabica z Brazylii
najbardziej ceniony gatunek kawy
🧾
Jawne dawki i standaryzacja
zero „proprietary blends”
* oświadczenie zdrowotne dla wit. B5/B12 wg Reg. (UE) 432/2012
06
Znasz to popołudniowe zamulenie?
ZWYKŁA KAWA
wykres: szpilka energii → zjazd
szybki skok kofeiny, potem spadek i „jitters”
NUCAI
wykres: łagodna, długa krzywa
kofeina z arabiki + MCT = energia uwalniana stopniowo
Zobacz pełny skład i dawki →
07
Zdjęcie: założyciele / backstage produkcji
Nie musisz wybierać między zdrowiem a przyjemnością
Powstaliśmy, żeby rozwiązać dylemat „kawa albo dobre samopoczucie”. Nie każemy Ci rezygnować z rytuału — wzbogacamy go.
Poznaj naszą historię →
08
Tak wygląda poranek z NuCai
UGC 9:16
twórca 1
UGC 9:16
twórca 2
UGC 9:16
twórca 3
UGC 9:16
twórca 4
09
★★★★★agregat Judge.me — cel: pierwsze 50 opinii w 2 mies.
★★★★★ · Imię
„Cytat opinii — energia, smak…”
★★★★★ · Imię
„Cytat opinii — koncentracja…”
★★★★★ · Imię
„Cytat opinii — rytuał, jelita…”
10
Adaptogeny i nootropiki — o co w tym chodzi?
foto
Czym są adaptogeny?
i dlaczego różeniec, nie ashwagandha
foto
Grzyby funkcjonalne 101
Lion's Mane · Cordyceps · Chaga
foto
Co robi MCT w kawie?
i czemu nie ma „zjazdu”
11
Najczęstsze pytania
Jak smakuje? Czy czuć grzyby?
Ile kofeiny ma jedna porcja?
Kiedy poczuję różnicę?
Jak przygotować? (woda / mleko / na zimno)
Czy mogę pić codziennie? Przeciwwskazania
Dostawa, płatności i zwroty
12
Dołącz przed premierą
−10% na pierwsze zamówienie i pierwszeństwo przy premierze Kakao Funkcjonalnego.
adres e-mailZapisuję się
13
NUCAI
© Cosmono Sp. z o.o.
Sklep · Jak działa · O nas
Regulamin · Prywatność · Zwroty
💳 BLIK · karty · Apple Pay
IG · TikTok · kontakt@

Pełnostronicowe, przewijalne screeny (stan: 7.07.2026) wszystkich stron z formularza klienta + miummash (punkt odniesienia z briefu zespołu). Podział: wzorce kierunkowe (estetyka) · wzorce sprzedażowe (mechanika CRO) · anty-wzorce (czego unikamy).

A · Wzorce kierunkowe — jasny naturalny premium
Kierunek zaakceptowany 7.07: jasna, naturalna paleta i klimat lifestyle. To stąd bierzemy nastrój, typografię i sposób pokazywania produktu.
Dirtea — strona główna klient: „naturalna elegancka kolorystyka, marka lifestyle”
Dirtea — strona główna
1Hero „Coffee, upgraded” + pas logotypów prasy (Vogue, GQ, ELLE) — premium przez borrowed authority, nie przez krzyk.
2Shop by benefit (Focus/Energy/Beauty/Calm) — nawigacja po celu klienta; nasz odpowiednik: oś Poranek/Wieczór.
3„Rigorously developed for real results” 77/82/91% — liczbowe wyniki ankiet zamiast claimów zdrowotnych; wzorzec legal-safe.
4„Founded by two brothers on a mission” — krótka historia marki nisko na stronie; wzorzec dla sekcji 07.
Anima Mundi — strona główna klient: „bardzo podoba nam się wizualnie”
Anima Mundi — strona główna
1Fotografia naturalna, ziemista paleta, serifowa typografia — spójny „apothecary premium”; główny wzorzec nastroju.
2„Why our magic is different” — sekcja wyróżników opowiada o jakości surowców, nie o efektach zdrowotnych.
3„Over 18 000 5-star reviews” + twarz założycielki — masowy dowód + osobista marka; u nas rolę twarzy przejmą UGC i founderzy.
Anima Mundi — PDP (hero wskazany przez klienta)
Anima Mundi — strona produktowa
1Hero PDP: duża, czysta galeria + spokojny buy box — klient wskazał tę sekcję wprost („bardzo podoba nam się na komputerze”).
!Klient sam zauważył: na telefonie gorzej — nasza makieta PDP powstanie mobile-first (83%+ ruchu w tej kategorii to mobile).
The Nue Co — strona główna klient: „podoba się estetyka”
The Nue Co — strona główna
1Duże światło, mało elementów na ekran — premium przez powietrze i typografię; potwierdza kierunek jasny/minimalny.
2Produkt pokazywany „w użyciu” (dłoń, łazienka, rytuał) zamiast packshotów na białym tle — wskazówka do briefu foto.
miummash — strona główna punkt odniesienia klienta (brief zespołu)
miummash — strona główna
1Editorial lifestyle: duża fotografia, serif, dużo bieli — to „czuje” klient; przenosimy nastrój do kategorii spożywczej.
2Lekki header + kolekcje kafelkami — wzorzec nawigacji dla sekcji 01.
3„Zobacz co o nas mówią” — opinie z imionami wplecione w editorial — wzorzec sekcji 09.
B · Wzorce sprzedażowe — mechanika, którą adaptujemy do jasnej estetyki
MUDWTR — strona główna klient: „najbardziej podoba się z całej konkurencji”
MUDWTR — strona główna
1Podział oferty Energy / Calm blends — oś pory dnia zamiast kategorii; wzorzec naszej sekcji 04 (Poranek/Wieczór).
2„Approved by leaders” + „Join the movement” (UGC) — piramida dowodu: autorytety → społeczność → opinie; wzorzec sekcji 08–09.
3„100% Organic Mushrooms” — edukacja składnikowa z kartami grzybów; wzorzec sekcji 10.
!Czerń NIE przechodzi do NUCAI — klient: „strony czarne chyba nie będą do nas pasowały”; bierzemy strukturę, zostawiamy kolorystykę.
MUDWTR — PDP wzorzec sekcji składu wskazany przez klienta
MUDWTR — strona produktowa
1Skład: składnik → na co działa → mg na porcję — dokładnie ten wzorzec klient wpisał do briefu PDP (pkt 6). Przy naszej „jawności dawek” to sekcja-flagowiec.
2Porównanie „vs coffee” w tabeli — wzorzec punktu 12 z listy PDP klienta (my: vs zwykła kawa vs Nootri).
3Bundle + subskrypcja w buy boxie — dźwignia AOV/LTV; w naszym zakresie jest aplikacja subskrypcyjna + volume discounts (Etap 6).
Nootri — strona główna największy konkurent PL · klient: „generyczna, ale sprzedażowo dobra”
Nootri — strona główna
14,9/5 z 1333 opinii wszędzie — Nootri wygrywa dowodem społecznym; to nasza największa luka na starcie → Judge.me od 1. dnia + UGC.
2Prosty lejek 1-produktowy (hero → benefity → opinie → FAQ) — struktura landing-page'owa, którą klient określił jako „hybryda sklepu z LP”.
!Grafiki Canva/AI = generyczność — klient tego nie chce; różnicujemy się prawdziwą sesją foto (brief foto w cenie projektu).
Nootri — PDP (bezpośredni odpowiednik naszej Kawy)
Nootri — strona produktowa
1Buy box: warianty ilościowe z ceną za porcję + gratisy — anchoring na zestawie; do rozważenia w naszym PDP.
2Sekcje „jak działa” na osi dnia + opinie Loox z twarzami — kompletny lejek obiekcji na jednej stronie.
3Nasza amunicja vs Nootri (z briefu): 210 g vs 180 g, porcja 7 g vs 6 g, arabica vs robusta, różeniec (energia) vs ashwagandha (wyciszenie), witaminy B w formach aktywnych, acai, więcej MCT i inuliny.
Solve Labs — strona główna klient chwalił grafiki produktu wśród składników
Solve Labs — strona główna
1Prezentacja produktu wśród surowych składników (cordyceps na skale, ziarna przy doypacku) — wzorzec do briefu foto, wskazany przez klienta.
2Uwaga: to też bezpośredni konkurent — mają Mushroom Coffee i sekcję „Zen w filiżance kawy” + TrustMate 4,9/2251 opinii i quiz doboru.
3Nawigacja po celu (mózg/sprawność/odporność/sen) — kolejne potwierdzenie wzorca „pod cel”.
C · Anty-wzorce — czego unikamy (z uzasadnieniem klienta)
Foursigmatic klient: „ciężko się poruszać”
Foursigmatic — strona główna
Przeładowany układ sekcji i krzykliwe zestawienie kolorów — wysoki cognitive load; nasza makieta trzyma 1 komunikat na sekcję.
Mush&Go klient: „wygląda jak sklep suplementowy”
Mush&Go — strona główna
Estetyka „suplementowa”: ciężkie kolory, stockowe grafiki, gęsta typografia — dokładne przeciwieństwo pozycjonowania lifestyle NUCAI.
London Nootropics klient: „wygląda jak niedokończona”
London Nootropics — strona główna
Brak spójnej siatki i hierarchii — sekcje różnych szerokości/stylów robią wrażenie „niedokończonej”; w makiecie pilnujemy jednego rytmu sekcji.
My Divine Goods klient: „kompletnie nie czujemy lifestyle / premium”
My Divine Goods — strona główna
Skład zbliżony do NUCAI (Lion's Mane, Chaga, Cordyceps, MCT, rhodiola), ale komunikacja bazarowa — dowód, że o premium decyduje wykonanie, nie receptura. Nasza przewaga vs Divine (z briefu): standaryzacja + witaminy.
Mothers Protect klient: „spójna i lekka, ale bez premium feel”
Mothers Protect — strona główna
±Lekcja pośrednia: spójność i lekkość to za mało — bez charakteru (typografia, fotografia, ton) strona jest „czysta ale nijaka”. Premium = jasność + wyrazista dyrekcja artystyczna.

NUCAI nie ma jeszcze własnych opinii — głos klienta bierzemy z rynku: 25 najnowszych opinii Loox z PDP Nootri (bezpośredni odpowiednik produktu) + agregaty konkurencji. To z nich wynika język korzyści, FAQ i obsługa obiekcji w makiecie.

📊 Agregaty rynku

Dowód społeczny = waluta kategorii

Nootri: 4,9/5 z 1333 opinii (Loox, schema.org na PDP). Solve Labs: 4,9 z 2251 opinii (TrustMate). Obie marki eksponują agregat w hero i przy CTA. Wniosek: Judge.me + automatyczna seria maili o opinię (Etap 6) musi ruszyć od pierwszego zamówienia; do tego czasu dowód budują UGC i liczbowe fakty o składzie.

nootri.pl — PDP z agregatem ↗
📊 VOC — energia bez zjazdu

Główna wartość: „zero zamulenia”

„Pyszna! Zero zamulenia po obiedzie, więcej energii. Właśnie zamawiam kolejne paczki, bo mój narzeczony też jest zachwycony.”

„Czuć przypływ mocy na wiele godzin. Brak skutków ubocznych. Zamawiam kolejne!”

Język do hero i sekcji 06: „zamulenie”, „zjazd”, „stabilna energia” — słowa klientów, nie marketera.

opinie Loox — Nootri ↗
📊 VOC — koncentracja i jelita

Korzyści drugiego rzędu

„Ułatwia koncentrację, zmniejsza mgłę mózgową, polepsza trawienie. Posiada przyjemny smak, wcale nie czuć grzybów.”

„Mgła mózgowa” i wątek trawienny wracają w opiniach — pokrywają się 1:1 z grupą docelową z briefu (osoby z problemami jelitowymi, mgłą mózgową). Inulina 1800 mg to nasz argument, którego Nootri ma mniej.

opinie Loox — Nootri ↗
📊 VOC — sceptycyzm na wejściu

Obiekcja #1: „kolejny cudowny produkt”

„Byłam sceptycznie nastawiona, ale działanie mnie zaskoczyło — pierwszy raz jak się napiłam, poczułam dużo energii.”

„Z reguły podchodzę z dystansem do nowości… Z Nootri jestem na początku wspólnej drogi.”

Sceptycyzm to domyślny stan wejściowy → sekcje dowodowe (skład z dawkami, porównania, UGC) muszą wyprzedzać sekcje „liryczne”.

opinie Loox — Nootri ↗
📊 VOC — smak

Obiekcja #2: „czy czuć grzyby?”

„Posiada przyjemny smak, wcale nie czuć grzybów.”

„Świetny, zachwycający, subtelny smak, energia i dobry nastrój.”

Smak to pierwsze pytanie kategorii — stąd pozycja #1 w naszym FAQ i wątek smakowy w hero („nie rezygnujesz z przyjemności”). 100% arabica (vs robusta u Nootri) to argument smakowy z briefu.

opinie Loox — Nootri ↗
📊 VOC — cena

Obiekcja #3: „trochę za droga”

„Kawka super smakuje i dodaje energii, trochę za droga dla mnie. Polecam!”

Nawet zadowoleni klienci sygnalizują cenę → obowiązkowa cena za porcję („— zł dziennie zamiast kawy na mieście”) przy buy boxie i bundle/subskrypcja jako ścieżka tańszej porcji.

opinie Loox — Nootri ↗
📊 VOC — regularność

Efekty wymagają czasu → subskrypcja

„Żeby poczuć efekt potrzeba dłuższą chwilę stosować regularnie.”

„Piję od dwóch tygodni i moje samopoczucie się polepszyło.”

Klienci sami mówią „2 tygodnie+” — to uczciwa rama oczekiwań do FAQ („kiedy poczuję różnicę?”) i naturalne uzasadnienie subskrypcji (Etap 6).

opinie Loox — Nootri ↗
📊 Synteza person

Persony z VOC = grupy z briefu

Z 25 opinii: (1) pracujący umysłowo — koncentracja w wymagające dni; (2) świadomi zdrowotnie sceptycy — dystans do „nowości”, przekonuje skład; (3) osoby z problemami trawiennymi / mgłą. Pokrycie z „DLA KOGO” z briefu klienta — walidacja targetu przed wydaniem złotówki na media.

Ustalenia z formularza zerowego, odpowiedzi produktowych Michała (Cosmono) i briefu zespołowego Adtrip (umowa z 30.06.2026). To one decydują o strukturze i tonie makiet.

🎯 Formularz

„Hybryda sklepu z landing pagem”

Słowa klienta o stronie głównej. Przy 2 SKU strona główna pracuje jak LP: pełny lejek (hero → produkt → dowód → edukacja → FAQ) zamiast katalogowej wizytówki.

🎯 Formularz

Must-have sekcje strony głównej

Lista klienta: hero wideo/baner · produkty/bestsellery · historia marki i misja · dlaczego nasze produkty · UGC · opinie słowne · newsletter · FAQ · kategorie · edukacja (adaptogeny/nootropiki). Makieta pokrywa 10/10 — zmieniona tylko kolejność (wg Baymard).

🎯 Formularz

Hero: „filmik lub baner”

Klient chce wideo w hero. Plan: 10–15 s loop z sesji/UGC (rytuał przygotowania). Fallback do czasu materiału: statyczny baner z sesji foto. Wymóg techniczny: lekki plik (PageSpeed — Etap 9).

🎯 Brief zespołu

2 produkty · 1 dynamiczny szablon · start z 1

Kawa Funkcjonalna (poranek, skład zamknięty) + Kakao Funkcjonalne (wieczór, skład w przygotowaniu). Sklep projektowany jako dwuproduktowy od razu; Kakao live 2 tyg.–2 mies. po starcie — stąd karta „premiera wkrótce” z zapisem na powiadomienie (buduje listę!).

🎯 Odpowiedzi produktowe

Unikalność na tle konkurencji

Synergia 3 grzybów + Rhodiola (rzadkość w PL) · MCT — energia bez skoku i spadku · inulina jako prebiotyk · jawne dawkowanie i standaryzacja (nie „proprietary blend”) · jako jedyni w PL aktywne formy witamin B12/B6/B5 · arabica · acai (nieobecne u konkurentów PL).

🎯 Odpowiedzi produktowe

Dla kogo

(1) pracujący intelektualnie — koncentracja i stabilna energia bez zjazdu; (2) wellness/biohacking — znają adaptogeny, chcą prostoty (nie kapsułki); (3) świadomi zdrowotnie w stresie i przeciążeniu; (4) osoby z problemami jelitowymi, wzdęciami, mgłą mózgową.

🎯 Decyzja 7.07.2026

Kierunek wizualny: jasny naturalny premium

Wzorce: Dirtea / Anima Mundi / The Nue Co / miummash. Czerń à la MUDWTR odrzucona — za klientem: „Podobają nam się strony czarne jak MUDWTR, ale niestety nie będą chyba do nas pasowały”. Z MUDWTR bierzemy strukturę i mechaniki, nie kolorystykę.

🎯 Odpowiedzi produktowe

Nootri = konkurent #1 (deklaracja klienta)

Amunicja porównawcza: 210 g vs 180 g · porcja 7 g vs 6 g · arabica vs robusta · różeniec (energia, adaptogen pobudzający) vs ashwagandha (wyciszenie) · witaminy B w formach aktywnych · acai · więcej inuliny i MCT. Trafi do sekcji porównania na PDP (pkt 12 listy klienta).

🎯 Brief zespołu

UGC zakontraktowane

Osobna umowa: 5 twórców (13 500 zł), wybór twórców 13–17.07, scenariusze 20–24.07, nagrania po dostarczeniu produktu. Sekcja UGC w makiecie ma zapewniony materiał — możliwy podział twórców 3+2 na dwa produkty.

🎯 Brief zespołu

Harmonogram spina się z performance

Szablon w Shopify do końca lipca · materiały klienta do końca sierpnia · start sprzedaży wrzesień · kampanie Meta+Google od początku września (umowa performance od 17.08). Newsletter i zapisy „premiera Kakao” budują listę remarketingową PRZED startem kampanii.

Wytyczne UX/CRO z badań Baymard Institute, pogrupowane per podstrona. Sekcje makiety linkują do właściwej wytycznej. Grupy PLP/PDP/koszyk-kasa będą podpinane przy kolejnych makietach.

Strona główna i nawigacja
Hero z propozycją wartości + 1 CTA
Jeden hook zamiast slidera/karuzeli — karuzele rozpraszają i są ignorowane (banner blindness).
Baymard — Homepage Carousel ↗
Sygnały zaufania wysoko i w stopce
Jawne warunki (wysyłka/zwroty/płatności) i spójne sygnały jakości budują zaufanie do nieznanej marki — krytyczne dla nowego brandu bez historii.
Baymard — Ways to Instill Trust ↗
Nawigacja „pod cel”, płaska przy małym katalogu
Przy 2 SKU nawigacja ma prowadzić do PDP w 1 klik; wejścia wg potrzeby (energia dnia / spokój wieczoru) zamiast drzewa kategorii.
Baymard — Navigation Best Practice ↗
Dowód społeczny na homepage
Skwantyfikowany agregat (ocena + liczba opinii) podnosi wiarygodność; opinie z imieniem działają mocniej niż anonimowe.
Baymard — Customer Ratings ↗
Treści edukacyjne budują kategorię
Przy produkcie wymagającym wyjaśnienia (adaptogeny) edukacja obniża niepewność i wspiera SEO bez cyklicznego bloga.
Baymard — eCommerce CRO ↗
FAQ obsługuje obiekcje na stronie
Odpowiedzi na obiekcje (smak, kofeina, efekty) zanim użytkownik opuści stronę; format akordeonu nie przytłacza.
Baymard — eCommerce CRO ↗
Strona produktu (PDP) — do makiety PDP
Buy box nad foldem
Cena, cena za porcję, bundle/subskrypcja i CTA nad foldem; sticky ATC na mobile.
Baymard — Product Page ↗
Opinie przy decyzji
Sygnał oceny przy nazwie + pełne opinie niżej; sortowanie i zdjęcia klientów zwiększają wiarygodność.
Baymard — Product Page ↗
Koszyk i kasa — do makiet koszyka/kasy
Jawne koszty wcześnie
Ukryte koszty to powód #1 porzuceń (48%); próg darmowej dostawy jako nudge AOV.
Baymard — Cart Abandonment ↗
Guest checkout + prosty formularz
Bez wymuszonej rejestracji; Shopify checkout z BLIK/Apple Pay skraca ścieżkę (Etap 6: Shopify Payments).
Baymard — Checkout Usability ↗
Uwagi z warsztatu