LEGO® DOTS: Kdo si hraje, nakupuje

LEGO® představilo řadu DOTS, která místo tradičních modelů, autíček a domečků, umožňuje tvořit módní doplňky se vzory z malých dílků a zdobítek. Aby zákazníci pochopili kouzlo této novinky, vytvořili jsme interaktivní aplikaci – digitální hřiště, které věrně napodobuje pocit z reálného stavění, nabízí možnost sdílení a tisku návrhů, a kterýkoli prodejce a partner LEGO si ho snadno nasadí na web jediným řádkem kódu.

Služby

Výzkum a rozpracování konceptu
UX/UI design
Vývoj webové aplikace
Hosting, updaty a rozvoj nástroje

A diagonal line-up of six LEGO DOTS wristbands with various vibrant patterns and colors, ranging from black with pastel circles, to blue with geometric shapes, to white with purple accents, all against a peach background.Six colorful LEGO DOTS wristbands displayed at a slight angle, each with a unique pattern and color scheme, including black with colorful shapes, blue with geometric patterns, and pink with animal prints.
A young girl with curly red hair, wearing purple and yellow clothes, blowing colorful LEGO DOTS confetti from her hands towards the camera, with wristbands adorning both wrists.A young girl with curly red hair, wearing purple and yellow clothes, blowing colorful LEGO DOTS confetti from her hands towards the camera, with wristbands adorning both wrists.

Jak nadchnout zákazníky pro nový koncept

Když LEGO uvádělo na trh řadu LEGO DOTS, bylo potřeba názorně představit, o co jde a jaké nové možnosti to přináší. Na rozdíl od klasických LEGO modelů domečků, autíček, robotů atd., nová řada představila možnost tvořit vlastní módní doplňky pomocí malých plochých dílků a zdobítek.

Fanoušci si tak mohli vyrobit třeba personalizovaný kelímek na tužky, náramek nebo přívěsek na batoh. Něco jako kreativní ruční práce – s tím rozdílem, že LEGO doplněk můžete kdykoli zase rozebrat a přeskládat si vzor podle nálady, kolikrát jen chcete. Tohle všechno ale bylo potřeba fanouškům názorně ukázat.

Two children back-to-back, one with blonde hair and the other with curly black hair, smiling and raising their arms in victory, each wearing multiple LEGO DOTS wristbands.Two children back-to-back, one with blonde hair and the other with curly black hair, smiling and raising their arms in victory, each wearing multiple LEGO DOTS wristbands.
Four children's hands connect in the center of the image against a coral background. Each hand wears a unique LEGO DOTS bracelet with various colorful patterns. One bracelet has pastel colors, another has blue with emoticon tiles, the third features a black base with vibrant graphics, and the fourth has yellow with dot patterns. The image captures a sense of fun and creativity shared among friends.
A playful scene with two young girls mid-movement, one carrying the other on her back. The girl being carried has long, flowing, braided hair and a joyous expression, while the carrier, smiling widely, looks over her shoulder. They both wear vibrant, colorful clothing and LEGO DOTS bracelets, showcasing a fun and active moment between friends.
A design interface for a pink LEGO DOTS wristband featuring various patterns including cat faces and paw prints, with options to print or save the design.A design interface for a pink LEGO DOTS wristband featuring various patterns including cat faces and paw prints, with options to print or save the design.

Radost ze stavění přenesená do digitálu

Ještě než jsme navrhli design, ponořili jsme se do výzkumu. Analyzovali jsme, co lidi na stavění LEGO modelů nejvíc baví, jaký typ interakce vnímají jako „skutečný“ a jak přemýšlejí o svých výtvorech – jestli si je chtějí uchovat, sdílet nebo si s nimi hrát dál. Ukázalo se, že nejdůležitější pro malé i velké stavitele je pocit radosti z tvoření a uspokojení z hotového výtvoru. Přesně to jsme se tedy rozhodli přenést i do digitální verze.

Three smartphones displaying the LEGO DOTS app interface with different design features, showing wristband customization options and a design gallery.Three smartphones displaying the LEGO DOTS app interface with different design features, showing wristband customization options and a design gallery.
A promotional banner for the LEGO® Store featuring LEGO DOTS. It shows a smiling young girl with black hair, holding a LEGO DOTS tile to her eye like a camera. She wears pink and yellow clothes, with a vibrant purple and yellow background. Text on the banner reads "DESIGN YOUR OWN Accessorie ONLINE" with a bold call-to-action button saying "BUILD YOURS NOW". The LEGO logo is prominently displayed, and the background has a playful LEGO brick pattern.A promotional image for LEGO DOTS showing a young girl with black hair, wearing pink and yellow clothes, holding a LEGO DOTS tile, with a call to action to design your own accessory online.

Interaktivní nástroj, kde si můžete skutečně hrát

Klasická produktová microsite nedávala smysl. LEGO potřebovalo živý digitální nástroj, který rozšíří kreativní potenciál produktu a vytvoří kolem něj komunitu s chutí tvořit. Společně jsme vytvořili digitální “tryvertising” (z angl. try = vyzkoušet + advertising = reklama), tedy nástroj, díky kterému si zákazníci můžou produkty z nové řady digitálně “osahat” a nadchnout se pro ně ještě před tím, než si je koupí.

Postavili jsme responzivní aplikaci, která funguje jako kreativní konfigurátor a hrací prostor v jednom. UI jsme ladili tak, aby napodobovalo realitu ve všech aspektech. Výběr dílků odpovídá fyzickým balíčkům a interakce simuluje pohyb ruky a „zakliknutí“ dílku na místo. Fanoušci ocenili i možnost obrázky svých výtvorů sdílet nebo si navržený náramek vytisknout na papír a vyzkoušet přímo na ruce.

A close-up of a pink LEGO DOTS wristband with decorative tiles, with a caption celebrating personal creation.A close-up of a pink LEGO DOTS wristband with decorative tiles, with a caption celebrating personal creation.
A LEGO DOTS design featuring a heart shape created with colorful tiles on a blue square board, surrounded by loose pieces and a caption celebrating personal creation.A LEGO DOTS design featuring a heart shape created with colorful tiles on a blue square board, surrounded by loose pieces and a caption celebrating personal creation.
A child's hands placing white letter tiles spelling "COOL" on a purple LEGO DOTS board, with various colored tiles sorted into bowls around the board.A child's hands placing white letter tiles spelling "COOL" on a purple LEGO DOTS board, with various colored tiles sorted into bowls around the board.

Zapojení do partnerských e-shopů jediným řádkem kódu

Naše řešení muselo být rychle a snadno integrovatelné do webů prodejců a partnerů LEGO po celém světě. Aby si aplikaci nejen jednoduše nasadili, ale mohli ji i snadno nakonfigurovat: např. v jakém jazyce se bude zobrazovat nebo které produkty z řady LEGO DOTS nabízejí (aby se na ně návštěvníci z hrací aplikace mohli plynule prokliknout a rovnou nakoupit).

K implementaci stačil jeden řádek kódu. Díky tomu aplikaci nasadili hlavní LEGO kanály v desítkách zemí i stovky obchodních partnerů, kteří si mohli přizpůsobit obsah podle svých potřeb. Každé nasazení proběhlo bez zásahů vývojářů, což zaručilo rychlost, konzistenci a dostupnost i pro menší trhy nebo e-shopy bez vlastního technického týmu.

Three children with joyful expressions, standing against a bright blue background. They are each wearing colorful outfits and LEGO DOTS bracelets. The girl on the left has long hair and glasses, the boy in the center has short hair and glasses, and the girl on the right has braided hair.Three children with joyful expressions, standing against a bright blue background. They are each wearing colorful outfits and LEGO DOTS bracelets. The girl on the left has long hair and glasses, the boy in the center has short hair and glasses, and the girl on the right has braided hair.
A black LEGO DOTS wristband on a gray background, adorned with colorful tiles in patterns such as rainbows and smiling faces, with a white arrow graphic pointing upwards and text that reads, "I MADE THIS MYSELF!"A black LEGO DOTS wristband on a gray background, adorned with colorful tiles in patterns such as rainbows and smiling faces, with a white arrow graphic pointing upwards and text that reads, "I MADE THIS MYSELF!"

Od kampaně ke komunitě. Digitál, co žije dál

Náš konfigurátor náramků a doplňků LEGO DOTS zaznamenal obrovský úspěch. Z původní jednorázové kampaně se stal nástroj, který žil tři roky – a dál sloužil jako interaktivní hřiště pro děti po celém světě a konverzní most mezi zábavou a nákupem.

Aplikace pomohla ukotvit produkt v myslích zákazníků jako něco víc než jen jednu kreativní sadu z mnoha. Stala se digitální prodlouženou rukou fyzické hry – přesně tak, jak si to značka představovala. LEGO si tak potvrdilo, že promyšlený digitální zážitek může mít skutečný dopad na byznys.

(Na úspěch LEGO DOTS značka mimo jiné později navázala také úspěšnou 2D řadou pro dospělé, LEGO Art, ve které si z maličkých dílků a dlaždiček skládáte slavné obrazy.)

Další projekty

Case study

Design | Web development
Hravá časová osa k oslavě 90 let LEGO®

Case study

Design | Web development
Dynamická microsite pro střechy Tondach

Case study

Design | Webflow
Konverzní web pro B2B firmu CleverPower