PROJECT:
Lumi Buds – Prism Dreamz Collection
ABOUT:
The project explores how product design, 3D modeling, motion graphics, and interactive web experiences can work together to make tech feel magical, collectible, and fun to explore. From concept to execution, I handled every part of the Lumi Buds project independently — including product sketches, 3D modeling, visual identity, motion graphics, and responsive front-end layouts.
ROLE:
Motion Designer · Graphic Designer · Front-End Web Developer
CASE STUDY:
Brand Concept & Story
Lumi Buds was created as a speculative product line that feels like a piece of jewelry and a piece of tech at the same time. The concept focuses on a shell-shaped charging case and gem-cut earbuds, designed for a “Prism Dreamz” collection that celebrates soft pastel colours, sparkles,and Y2K-inspired details. The digital experience extends beyond static visuals — the 3D model is integrated into the webexperience as an interactive AR object, complete with animated hotspots and responsive layouts that work across mobile, tablet, and desktop. The design process started with quick pencil sketches to explore different silhouettes for the earbuds and charging case. I focused on a rounded, shell-inspired case and bulb-like earbuds that could hold floral earring studs, making the product feel like a wearable accessory rather than just a gadget.
Logo Development
The Lumi Buds logo uses an angular “LB” monogram that contrasts with the soft, rounded shapes of the earbuds. The mark feels faceted, like a gem, and works well on packaging, the charging case, and web layouts.
Brand Identity System
Lumi Buds lives in a metallic, dream-like palette. The collection is built around three finishes: a soft rose pink, a matte champagne gold, and a cool matte silver. Together, they feel premium but still playful — almost like collectible accessories from a fantasy jewelry box. These colours are paired with subtle glitter textures, soft gradients, and pastel backgrounds to keep the overall look light, airy, and magical.
Brand in Context
The 3D model of the earbuds was created in Cinema 4D and exported for the web, then integrated into the site using <model-viewer>. Users can rotate, zoom, and view the metallic finishes up close, while hotspots reveal key features like comfort fit, gem-inspired housing, and floral studs. On mobile, the same content is re-framed into stacked sections, keeping the experience accessible even for smaller screens while maintaining the playful, motion-driven feeling of the desktop layout.
