This content originally appeared on DEV Community and was authored by Sahil Rana
Portfolio Project by Sahil Rana
View the full project here
Introduction
In today’s saturated snack market, creating a truly engaging digital experience means more than just listing products. When I took on the design & development for Snackee — a snack-brand offering a “build-your-own” box concept — I aimed to deliver a web experience that successfully blends interactivity, usability and brand storytelling.
Understanding the Brief
Snackee approached me with a clear goal: enable customers to customise their snack box, selecting flavours, packaging and add-ons — all through a seamless online interface. The challenge: transform a static e-commerce flow into an experience that feels fun, intuitive and stands out from typical snack brands.
My Approach
Interactive Build-Your-Own Flow
I prioritised a user journey that guides customers through the snack-box customisation — selecting base snacks, optional extras, and finalising packaging. This ensures engagement and makes the process feel tailored rather than generic.Visual & Brand Consistency
From the packaging aesthetic to the website layout, I worked to reinforce Snackee’s brand identity: bold yet friendly, snack-loving but premium. Colours, typography, imagery and micro-interactions were all carefully chosen to evoke that fun-snack feel while maintaining trust.Performance & Responsive Design
I also ensured the experience was fast, responsive across devices, and accessible — so whether a user is on mobile, tablet or desktop, the build-your-own flow works smoothly.
Key Outcomes
- A seamless customisation interface that encourages exploration and choice, rather than limiting to preset boxes.
- Clean, engaging UI that reflects Snackee’s brand promise — “make your snack box your way”.
- Codebase structured for extendibility: new snack SKUs, packaging variations or special offers can be added without major refactoring.
- Positive user-feedback (internal testing) on the “fun” factor of the build-flow, and ease of checkout.
Why This Project Matters
In the D2C snack space, differentiation is often minimal: same-old flavours, simple product pages, standard checkouts. By introducing a “build-your-own” concept, Snackee stands out — and as a developer/designer I leveraged this as an opportunity to build more than just another snack site. The project showcases how blending product strategy + UX + technical implementation creates a memorable brand experience.
Lessons Learned
Customisation flows require careful UX consideration: too many options can overwhelm, too few options reduce perceived value. Finding the balance is key.
Modular code architecture pays dividends: anticipation of future variants (new packaging, seasonal flavours) means the system was built to scale.
Branding is more than visuals — the experience must feel consistent across the journey (from first click to checkout).
Conclusion
Working on the Snackee project was a great example of how to take a simple product concept (snack box) and elevate it into a dynamic, engaging digital brand experience. If you’d like to explore how I build custom D2C web experiences, check out the full project here: https://sahilrana.com/projects/snackee
This content originally appeared on DEV Community and was authored by Sahil Rana