Kontekst i wyzwanie
Brief określał producenta żelków obsługującego klientów detalicznych i kupców hurtowych. Klient detaliczny potrzebował ciepła, koloru i bohatera, którego zapamięta. Kupiec potrzebował linii produktowych, formatów, informacji o jakości i prostej drogi do kontaktu. Jedna marka miała obsłużyć obie grupy bez zamiany części konsumenckiej w katalog i komunikacji B2B w dekorację.
Projekt miał pokazać, jak jeden pomysł działa na torebce, kartonie zbiorczym, ekspozycji sklepowej i ekranie, zachowując ten sam charakter.
Rozwiązanie
Stworzyłem nazwę YumGum i zbudowałem identyfikację wokół misia, który mieszka w znaku, wychodzi poza jego kadr i prowadzi markę w ruchu. Ciepła cukiernicza paleta, obła typografia i elastyczny system ilustracji łączą cztery linie produktowe na opakowaniach detalicznych i zbiorczych.
Strona zamienia identyfikację w działający świat produktu. Animowane żelki 3D otwierają ofertę, bohater macha z logo, a kolejne sekcje prowadzą od produktów przez produkcję i jakość do kontaktu B2B. Wersje polska, angielska i niemiecka obsługują komunikację lokalną i eksportową.
Stronę napisałem w HTML, CSS i JavaScript, a ruch zbudowałem w GSAP. Animacja wynika z charakteru marki i pracuje razem z układem. Powstał jeden system obejmujący naming, bohatera, kierunek opakowań, motion design i stronę.
Efekty i stack
Jeden system marki słodyczy, od nazwy i opakowań po animowaną stronę w trzech językach.
- 3 języki
- polska, angielska i niemiecka wersja komunikacji
- 4 linie
- jeden system wizualny dla całej oferty
- 1 marka
- nazwa, bohater, opakowania, ruch i strona
HTML5CSSVanilla JSGSAP 3
