PLAN WEB CONCEPT LAB / 09 / FMCG / BRAND

LOOP – strona marki FMCG i e-commerce

Strona z taką samą energią jak produkt.

LOOP to koncepcja cyfrowej odsłony marki funkcjonalnego napoju. Strona pokazuje warianty, skład, zastosowanie i miejsca zakupu, a przy okazji daje marce mocny, rozpoznawalny charakter.

LOOP — finalny system wizualny produktu
THE IDEA

Marka ma kilka sekund na zwrócenie uwagi.

LOOP przenosi energię opakowania na ekran, ale nie robi z serwisu migającej reklamy. Produkt ma być wyrazisty i jednocześnie łatwy do zrozumienia.

Kolor i animacje przyciągają uwagę, ale najważniejsze informacje są cały czas pod ręką: smak, skład, funkcja i możliwość zakupu.

01SEE

Produkt przyciąga uwagę w pierwszym kontakcie.

02FEEL

Kolor i motion budują rozpoznawalny charakter.

03KNOW

Skład i funkcja pozostają czytelne.

04BUY

Każdy wariant ma jasny link do zakupu.

PRODUCT SYSTEM

Cztery smaki. Jedna rozpoznawalna marka.

Każdy smak ma własny kolor i charakter, ale wszystkie opakowania są od razu rozpoznawalne jako LOOP. Ten sam podział działa później na stronie i w kampaniach.

LOOP — system czterech wariantów produktu
PRODUCT DETAIL

Najważniejsze informacje bez szukania ich po całej stronie.

Karta produktu od razu pokazuje smak, funkcję, skład, wielkość opakowania i cenę. Szczegóły są niżej, ale podstaw nie trzeba szukać w FAQ.

FLAVOURBENEFITSNUTRITIONPACK SIZEBUY
LOOP — karta produktu Yuzu Lime
MOTION SYSTEM

Animacje pokazują produkt, zamiast tylko ozdabiać stronę.

Przewijanie może obracać opakowanie, zmieniać wariant albo odsłaniać skład. Każdy efekt ma coś pokazać, a nie tylko wyglądać dobrze w showreelu.

SCROLLMICROINTERACTIONSPRODUCT ROTATIONVARIANT SWITCH
LOOP — system motion i sekwencja scroll
WHAT'S INSIDE

Skład da się przeczytać bez lupy.

Najważniejsze składniki i wartości są widoczne od razu. Pełna tabela pozostaje dostępna niżej dla osób, które chcą sprawdzić wszystko dokładnie.

LOOP — skład i informacje funkcjonalne produktu
FROM INTEREST TO PURCHASE

Po obejrzeniu produktu łatwo przejść do zakupu.

Produkt można kupić bezpośrednio, znaleźć sklep w pobliżu albo wejść w limitowaną premierę. Strona jasno pokazuje, która opcja jest aktualnie dostępna.

LOOP — system zakupu online, retail i drop
CAMPAIGN ENGINE

Nowy smak nie wymaga projektowania strony od zera.

Nowy smak, współpraca z twórcą czy promocja w retailu korzystają z tych samych komponentów. Można szybko uruchomić kolejną kampanię bez budowania wszystkiego od początku.

LOOP — system kampanii i premier produktu
MOBILE FIRST

Na telefonie liczy się szybkość.

Na telefonie użytkownik szybko sprawdza smak, skład i dostępność. Charakter marki zostaje, ale interfejs jest prostszy i szybszy w obsłudze.

PDPNUTRITIONSTORE MAPCHECKOUT
LOOP — mobile product experience
BRAND SYSTEM

Ta sama marka na stronie, w socialach i przy półce.

Typografia, kolory, warianty i animacje można wykorzystać na stronie, w social media, e-commerce i materiałach retail. Dzięki temu marka nie rozpada się na osobne kreacje.

01 / WEBProduct experience

Brand story, warianty, skład, zakup i discovery.

02 / SOCIALReusable motion

Te same komponenty przechodzą do krótkich formatów i launch content.

03 / RETAILDigital POS

Spójne materiały przy półce, ekranie i aktywacji.

04 / E-COMMERCEFast purchase

Produkt, bundle i checkout bez utraty charakteru marki.

05 / CAMPAIGNSFast launches

Nowa premiera korzysta z gotowych komponentów zamiast nowej strony od zera.

06 / CONTENTOne source

Produkt, skład i warianty zarządzane z jednego modelu danych.

DIGITAL ECOSYSTEM

Strona, sklep i dane produktowe pracują razem.

Pod efektowną stroną działa zwykłe, praktyczne zaplecze: CMS, dane produktowe, e-commerce, wyszukiwarka sklepów, kampanie i analityka. Dzięki temu całość da się normalnie obsługiwać po starcie.

CMSPRODUCT DATAECOMMERCESTORE LOCATORCAMPAIGNSANALYTICS
LOOP — cyfrowy ekosystem marki
CONCEPT LAB / LOOP / FINAL

Produkt jest w centrum całej marki.

LOOP pokazuje, jak jedna marka może spójnie działać na stronie, telefonie, w sklepie internetowym, kampanii i materiałach przy półce.

← Wróć do Concept Lab