Case Study
Xom Bee Official
A digital stage where the artist’s presence speaks before the first note plays.
What I Designed
Translated the concept of “feeling the music before it plays” into a fully designed and developed digital platform from idea to deployment.
Designed and developed the complete frontend using Next.js and TypeScript with design and functionality built together as one system.
Created a refined motion system where transitions, hover states, and interactions supported the artist’s mood and visual rhythm.
Applied a minimal and intentional design approach by removing unnecessary elements and focusing on clarity, balance, and user experience.
Problem
The artist’s identity was fragmented across platforms that lacked consistency, personality, and emotional connection.
Intent
Designed and developed a unified digital platform where the artist’s presence, emotion, and identity lead every interaction.
Approach
Designing Through Emotion
Defined the platform direction by focusing on the emotional tone of the artist’s music before designing the interface and user experience.
Minimal Interface Design
Removed unnecessary elements and distractions to create a clean interface that keeps attention on the artist and content.
Motion and Interaction System
Designed slow and intentional transitions, hover states, and animations to match the artist’s visual rhythm and mood.
Development Driven by Design
Built the full platform independently using Next.js and TypeScript with every frontend and performance decision supporting the overall experience and identity.
Design Decisions
The dark visual atmosphere was chosen to reflect the emotional tone of the artist’s music and identity.
Interactions and animations were intentionally slowed to create a calm and immersive browsing experience.
The artist’s name, imagery, and presence were given visual priority through clear hierarchy and minimal interface distractions.
Typography and spacing were kept clean and editorial to support readability without overpowering the content.
Embedded music and media were integrated naturally so discovery felt intentional rather than promotional.
Outcome
Designed and developed the complete platform from concept to deployment with the artist’s identity shaping every design and development decision.
Visual atmosphere, motion, typography, and interface behavior were crafted as one unified and intentional experience.