Case study · Piątnica

Skyr z Piątnicy.Przejdź na dobrą stronę mocy.

Landing kampanii pitnego Skyru: nowe smaki, wartości odżywcze, konkurs w social mediach i przepisy. Wszystko w jednym, lekkim scrollu w kolorach marki.

Klient
Piątnica
Zakres
UX/UI, landing kampanii
Branża
FMCG, nabiał
Rok
2024
Skyr pitny kokos i ananasSkyr pitny nektarynka i malinaSkyr pitny wiśnia

Strona miała w kilka sekund pokazać, czym jest Skyr, przekonać wartościami odżywczymi i poprowadzić do konkursu w social mediach.

Wyzwanie

Piątnica wprowadzała nowe smaki pitnego Skyru i ruszała z konkursem na Instagramie i TikToku. Na jednej stronie trzeba było zmieścić produkty, ich wartości odżywcze, nagrody, regulamin i przepisy, nie gubiąc lekkiego, wakacyjnego klimatu kampanii.

Rozwiązanie

Landing prowadzi od key visualu przez produkty, nowe smaki i konkurs aż po przepisy. Szczegóły produktu i przepisu rozwijają się po kliknięciu, więc strona zostaje krótka, a informacji nie brakuje.

Landing kampanii Skyr pocięty na pochylone pasy na granatowym tle

Projekt

Co jest na stronie
i dlaczego tak.

01

Produkt po kliknięciu

Karta produktu rozwija się w miejscu: opis smaku, wartości odżywcze dla kubka i butelki, a pod spodem karuzela pozostałych smaków. Bez przechodzenia na osobną podstronę.

Rozwinięta karta produktu z wartościami odżywczymi

02

Nowe smaki

Trzy nowości na packshotach w owocach, każda z krótkim hasłem. Wartości odżywcze pokazują się dopiero wtedy, gdy ktoś ich szuka.

Sekcja z trzema nowymi smakami Skyru

03

Konkurs #DobraStronaMocySkyr

Wyzwanie w trzech krokach i nagrody na pierwszym planie: głośniki JBL, koszulki i torby I LOVE SKYR. Regulamin jest pod ręką, nie trzeba go szukać.

Sekcja konkursu z krokami i nagrodami
Cały landing Skyr w trzech kolumnach: key visual, nowe smaki i konkurs, przepisy

Identyfikacja

Kolory i kroje z kampanii.
Strona wygląda jak reklama, którą ktoś już widział.

Granat Skyr

#2C3673

Malinowy róż

#DE6698

Pudrowy róż

#F0A9C7

Lawenda

#A895C0

Błękit

#BBE2FF

Burford Rustic Inline

Hasła kampanii

Brandon Grotesque

Nagłówki i tekst

Cocon Pro

Akcenty

Hasło kampanii złożone krojem Burford Rustic Inline

Zakres

Od scenariusza strony po stany po kliknięciu.

Scenariusz strony

Kolejność sekcji od key visualu do przepisów i krótka ścieżka do udziału w konkursie.

UI w identyfikacji kampanii

Kolory, typografia i ilustracje przeniesione z key visualu na całą stronę.

Karty produktów

Czytelne wartości odżywcze dla każdego smaku i opakowania, bez tabel jak z etykiety.

Sekcja konkursowa

Trzy kroki udziału, nagrody i regulamin w jednym miejscu.

Przepisy

Karuzela przepisów i karta z listą składników, czasem i krokami.

Stany po kliknięciu

Rozwijane karty produktu i przepisu, które skracają stronę.

Sprawdźmy, co blokuje
Twoje zapytania.

Odpowiadam osobiście, zwykle w ciągu 24 h.