--- title: "Pokket: strona marki musów w tubkach" description: "Strona pokket.pl dla marki musów w tubkach z Grupy Dawtona: UX/UI, animacje każdej sekcji, wdrożenie z CMS, rozbudowa o Protein Booster." url: https://fluostudio.pl/projekty/pokket/ --- Pokket · marka Grupy Dawtona # Pokket. Strona i materiały dla marki musów w tubkach Pokket to musy w tubkach dla pokolenia Z: mochi w stylu deseru, Protein Booster z 20 g białka i egzotyczne Fruit Bomb. Zaprojektowaliśmy i wdrożyliśmy pokket.pl, a potem rozwijaliśmy ją razem z marką: nowe smaki, animacje do social mediów, newsletter i ulotkę dla handlu. Ciśnij dalej Świat Pokketa ## Hasła zjeżdżają się do środka Pokket to nowa, na maxa zakręcona marka w branży food, redefiniująca znaczenie podręcznych przekąsek. Wygodna forma tubek, które zmieszczą się w każdej kieszeni, i smaki, których nie ma na rynku. Marka mówi krótko i głośno: na maxa, bez ściemy, 100% smak. W sekcji „Świat Pokketa” hasła są rozrzucone po ekranie jak naklejki i przy przewijaniu zjeżdżają się do środka, aż układają się w jedną kompozycję. Tak opisaliśmy to w specyfikacji animacji dla wdrożenia. - ![Na maxa](https://fluostudio.pl/media/projekty/pokket/na-maxa.svg) - ![100% smak](https://fluostudio.pl/media/projekty/pokket/100-smak.svg) - ![Bez ściemy](https://fluostudio.pl/media/projekty/pokket/bez-sciemy.svg) - ![Wow](https://fluostudio.pl/media/projekty/pokket/wow.svg) - ![Z ekipą](https://fluostudio.pl/media/projekty/pokket/z-ekipa.svg) - ![Intensywnie](https://fluostudio.pl/media/projekty/pokket/intensywnie.svg) - ![Przekąska](https://fluostudio.pl/media/projekty/pokket/przekaska.svg) - ![Wygodnie](https://fluostudio.pl/media/projekty/pokket/wygodnie.svg) - ![Bez kompromisów](https://fluostudio.pl/media/projekty/pokket/bez-kompromisow.svg) - ![Tak jak lubię](https://fluostudio.pl/media/projekty/pokket/takjaklubie.svg) ![Strona Pokket na telefonie, sekcja o marce z gwiazdą i zdjęciami](https://fluostudio.pl/media/projekty/pokket/duze-telefon-pierscienie.webp) Smaki ## Każdy smak ma swój kolor Na stronie produktu tło hero zmienia kolor razem ze smakiem, a w siatce produktów po najechaniu tło zaczyna się ruszać i trzy saszetki nakładają się na siebie w pętli. Mochi style dessert Deser z mąką ryżową, smaki inspirowane Azją. MatchaCoconutMango Protein Booster Mus owocowy z 20 g białka WPC, na trening i w biegu. TruskawkaChocoBrzoskwiniaKokos Fruit Bomb: na stronie czeka kafel „Wkrótce” ![Saszetka Pokket Mochi style dessert, smak matcha](https://fluostudio.pl/media/projekty/pokket/saszetka-mochi-matcha.webp) Mochi style dessert · Matcha ![Saszetka Pokket Mochi style dessert, smak kokosowy](https://fluostudio.pl/media/projekty/pokket/saszetka-mochi-coconut.webp) Mochi style dessert · Coconut ![Saszetka Pokket Mochi style dessert, smak mango](https://fluostudio.pl/media/projekty/pokket/saszetka-mochi-mango.webp) Mochi style dessert · Mango ![Saszetka Pokket Protein Booster, smak truskawkowy](https://fluostudio.pl/media/projekty/pokket/saszetka-protein-truskawka.webp) Protein Booster · Truskawka ![Saszetka Pokket Protein Booster, smak czekoladowy](https://fluostudio.pl/media/projekty/pokket/saszetka-protein-choco.webp) Protein Booster · Choco ![Saszetka Pokket Protein Booster, smak brzoskwiniowy](https://fluostudio.pl/media/projekty/pokket/saszetka-protein-brzoskwinia.webp) Protein Booster · Brzoskwinia ![Saszetka Pokket Protein Booster, smak kokosowy](https://fluostudio.pl/media/projekty/pokket/saszetka-protein-kokos.webp) Protein Booster · Kokos Saszetki i kolory smaków pochodzą z materiałów marki. Montaże saszetek i animacje teł przygotowaliśmy do wdrożenia. ![Strona główna i podstrona Mochi na komputerze, na żółtym tle](https://fluostudio.pl/media/projekty/pokket/duze-ekrany-zolte.webp) Spis ruchu ## Każda sekcja rusza się inaczej Strona odzwierciedla istotę marki, czyli intensywne doznania smakowe bez ściemy. Jest kolorowa, pełna animacji i wciąga w świat Pokketa. Do wdrożenia przekazaliśmy rozpisaną animację każdej sekcji strony głównej, z odnośnikami do stron, na których podobny ruch działa najlepiej. KomputerTelefon ![Zrzut całej strony głównej pokket.pl, widok: komputer](https://fluostudio.pl/media/projekty/pokket/strona-glowna-1440.webp) ![Zrzut całej strony głównej pokket.pl, widok: telefon](https://fluostudio.pl/media/projekty/pokket/strona-glowna-390.webp) Kręcące się tło, które wciąga do środka, i wjazd montażu z owocami. Zrzuty strony pokket.pl. Nowa linia ## Doszła nowa linia, rozbudowaliśmy stronę Pierwsza wersja stała na linii Mochi. Kilka dni po starcie marka dołożyła Protein Booster, więc rozbudowaliśmy serwis: nowa animacja w hero, nowe tła i zdjęcia produktów, podstrony smaków. Animacje teł przygotowaliśmy w pionie i w poziomie, osobno na telefon i na komputer, a później przerobiliśmy je na lżejsze pliki. Tło: Mochi Tło: Protein Booster ![Podstrona Mochi matcha na telefonie](https://fluostudio.pl/media/projekty/pokket/produkt-mochi-matcha-390.webp) Mochi matcha ![Podstrona Protein Booster truskawka na telefonie](https://fluostudio.pl/media/projekty/pokket/produkt-protein-booster-truskawka-390.webp) Protein Booster truskawka Animacja z okienka „Sprawdź nowy drop”. Słowa klucze ## Odważnie Barwnie Wow Intensywnie Dynamicznie Montaże z saszetką przygotowaliśmy do strony, social mediów i ulotki dla handlu. ![Podstrony pokket.pl: strona główna, świat Pokketa i linia Mochi](https://fluostudio.pl/media/projekty/pokket/ekrany-podstron.webp) ![Montaż: osoba leży w basenie pomarańczowych kulek z saszetką Pokket w dłoni](https://fluostudio.pl/media/projekty/pokket/montaz-kulki.webp) ![Hasła marki ułożone jak naklejki, obok saszetka Mochi mango](https://fluostudio.pl/media/projekty/pokket/hasla-plansza.webp) ![Montaż: saszetka Pokket w otworze czerwonej rzeźby w parku](https://fluostudio.pl/media/projekty/pokket/montaz-rzezby.webp) ![Montaż: dłoń z saszetką Mochi w środku błękitnych kół](https://fluostudio.pl/media/projekty/pokket/montaz-kola.webp) ![Montaż do ulotki: chłopak w czarnym stroju wyciąga saszetkę Protein Booster](https://fluostudio.pl/media/projekty/pokket/ulotka-6.webp) ![Montaż do ulotki: chłopak w kucki podaje saszetkę Protein Booster](https://fluostudio.pl/media/projekty/pokket/ulotka-2.webp) ![Montaż do ulotki: dziewczyna w okularach z saszetką Protein Booster przy twarzy](https://fluostudio.pl/media/projekty/pokket/ulotka-5.webp) ![Widoki strony Pokket na telefonie, jeden w dłoni](https://fluostudio.pl/media/projekty/pokket/duze-telefon-dlon.webp) Zakres ## Co zrobiliśmy dla Pokketa 1. Projekt Makiety na komputer i telefon, assety, montaże saszetek i specyfikacja animacji dla wdrożenia. Platformę kreatywną, kolory i packshoty dała marka. 2. Wdrożenie WordPress z panelem CMS, w którym zespół marki sam dodaje smaki i dropy. 3. Protein Booster Nowa linia na stronie: animacja w hero, tła, zdjęcia produktów i podstrony smaków. 4. Social media i mailing Animacje do social mediów, KV mailingu i szablon newslettera. 5. Handel Ulotka A3 dla musów Dawtona i Pokket, z montażami zdjęć osób z saszetką. Grupa Dawtona ### Ponad 90 projektów dla Grupy Dawtona Pokket to marka Grupy Dawtona. Dla Grupy Dawtona zrobiliśmy ponad 90 projektów: od dawtona.pl, dawtonafrozen.pl i dawtonahoreca.pl, przez quiz Moc Pomidora i rendery produktów, po stoiska targowe i materiały do sklepów. Strona Pokketa i materiały dla marki są częścią tej listy. [Zobacz wszystkie projekty dla grupy](https://fluostudio.pl/projekty/dawtona/#projekty-dla-grupy) ![Osoba przegląda stronę Pokket na telefonie](https://fluostudio.pl/media/projekty/pokket/duze-telefon-osoba.webp) ## Co marka z tego ma Nowa marka dostała stronę w swoim tonie: głośną, kolorową i w ciągłym ruchu. Panel CMS pozwala zespołowi marki samodzielnie dodawać smaki i dropy, a my dokładamy kolejne materiały, gdy oferta rośnie. Klient Pokket (Grupa Dawtona) Zakres UI/UX Design · Strona www · Animacje · Montaże · Wdrożenie · Panel CMS · Social media · Ulotki i broszury Technologie WordPress · ACF · Gravity Forms · Adobe XD · After Effects Online [pokket.pl](https://pokket.pl/) ## Zobacz inne projekty Widok Duże kadry Siatka - [Made in Podlasie Warsztaty, identyfikacja, etykiety i stoisko dla polskiej marki zdrowej żywności, która wchodzi do Kuwejtu.](https://fluostudio.pl/projekty/made-in-podlasie/) - [PetCuisine Zbudowaliśmy od zera markę producenta karmy z Grupy Dawtona: od nazwy i hasła, przez opakowania w 12 smakach i stronę, po stoiska na targach w Europie.](https://fluostudio.pl/projekty/petcuisine/) - [Mily Group Rebranding dostawcy poroża jelenia: strategia komunikacji, znak, księga znaku, strona milygroup.com i materiały na targi.](https://fluostudio.pl/projekty/mily-group/) - [Zippy Tail Zbudowaliśmy markę Zippy Tail od zera: nazwę, strategię, etykiety ośmiu suplementów dla psów i kotów, paczkę i projekt sklepu.](https://fluostudio.pl/projekty/zippy-tail/) - [Porta Drzwi Design system dla istniejącego znaku: rama z logo, siatki, ikony, rysunki, katalog, porta.com.pl, social media i materiały dla sprzedaży producenta drzwi.](https://fluostudio.pl/projekty/porta-drzwi/) - [Grupa Dawtona Cała komunikacja Dawtony poza półką: ponad 90 projektów, od postów i stoisk targowych po cztery serwisy i animacje.](https://fluostudio.pl/projekty/dawtona/) - [Itodi Nowa marka mebli na wymiar od zera: nazwa, logo z wydłużonym „o”, projekt sklepu z konfiguratorem, instrukcja i opakowanie.](https://fluostudio.pl/projekty/itodi/) - [Overmax Projekt UX/UI sklepu Overmax: auta RC w filmowych ujęciach, dopracowana karta produktu, menu kategorii i test, który dobiera model.](https://fluostudio.pl/projekty/overmax/) - [Design Optyk Rodzinna sieć salonów optycznych premium: identyfikacja bez złota, materiały do salonów i nowy sklep połączony z magazynami sześciu z siedmiu salonów.](https://fluostudio.pl/projekty/designoptyk/) - [Fundacja MultiSport Identyfikacja z design systemem w Figmie, strona zgodna z WCAG i duet brand hero, który zachęca do ruchu.](https://fluostudio.pl/projekty/fundacja-multisport/) - [Intima Clinic Sześć marek medycznych w jednej grupie. Warsztaty, nazwy, identyfikacja, oznakowanie placówki, druki, animacje i strona intimaclinic.pl.](https://fluostudio.pl/projekty/intima-clinic/) - [PolTREG Rebranding spółki biotechnologicznej z GPW, strona poltreg.bio dla pacjentów, inwestorów i partnerów oraz stała obsługa.](https://fluostudio.pl/projekty/poltreg/) ## Stoicie przed podobnym wyzwaniem? Opowiedzcie nam, co chcecie zmienić. Na pierwszej rozmowie sprawdzimy, czy i jak możemy pomóc, bez zobowiązań. Porozmawiajmy [Umów 30 minut konsultacji](https://calendly.com/anita-fluo/darmowa-konsultacja-30-minut)