As part of ZestyBitez' site overhaul, we knew we wanted to make shopping as playful and unique as the candy itself. The centerpiece of the new site redesign became the Build-a-Pack tool, an interactive feature that lets shoppers mix and match their favourite flavours to create a custom candy combo.
We started by wireframing the experience, mapping out each step from flavour selection to checkout to ensure the flow felt smooth and intuitive. Our team conducted competitive research to explore how other e-commerce food brands approached customization, then looked for ways to go beyond the standard. We landed on a personal twist: give users the ability to name their creation and generate a custom shareable link. This not only added delight, it also encouraged organic brand sharing through social media and messaging.
To bring the Build-a-Pack to life, we developed a custom React app on top of Shopify. This gave us the flexibility to build a fast, dynamic interface with playful animations and real-time interactivity. We also added a smart autofill option for fans who want a surprise mix, making the experience just as fun for indecisive shoppers.
More than just a product picker, Build-a-Pack transforms shopping into a shareable, creative moment. It deepens engagement, boosts average order value, and gives fans a reason to return. By blending thoughtful UX with custom development and a dash of animated fun, we helped ZestybBitez stand out in a crowded candy market and give its community something to get excited about.
