Dulce Fuego

A candy shop website you play with: break the piñata, then make the candy.

Candy & Confectionery · 2026

An interactive 3D website and shop for Dulce Fuego, a candy brand in Jordan: break a piñata, coat the gummy in chamoy and Tajin, then pick a bag.

Visit dulce-fuego.com

Services

Concept
UX/UI
3D Design
Development
Launch

What We Built

A candy shop website you play with: break the piñata, then make the candy.

We built the website as a short game. A piñata hangs on the first screen; three taps knock it about and break it, and a gummy drops out: a bear or a two-tone worm, in a different colour on each visit.

Scrolling then makes the candy step by step: sugar, a pour of chamoy, a shake of homemade Tajin. The visitor slides the bag open and drops the gummy in.

The shop shows the bag in three sizes on lit shelves. Tapping one brings it closer: drag to turn it, pick a size and add it to the bag. The order is then sent on Instagram, where every order is confirmed by direct message.

Key Deliverables

01.Interactive 3D Website
02.Tap-to-Break Piñata
03.Scroll-Driven Candy Story
04.Slide-to-Open Bag
05.Shop: Three Bag Sizes
06.Responsive Interface

Ettikar’s Role

Concept, 3D interactive design and website development

Challenge

Dulce Fuego sells chamoy-coated gummies, and the brand lives on Instagram (@dulcefuego.jo). It needed a website that feels as playful as the candy, not a plain product page.

Approach

Everything on screen is real-time 3D, built with three.js, and the scroll story runs on GSAP, so it plays forwards and backwards with the scroll. Taps, sliders and sound are optional extras: the page works on phones and desktops, uses a lighter version on slower devices, and respects reduced-motion settings.