Deviant Audio
Design Team
UX/UI Designer (My role) Design Team Lead Project Manager
Services
Wireframing Visual Concept & UI Design Design System
The Idea Behind Design
Deviant Audio is like Portal between two worlds. The portal transforms simple electronic sounds into bright, unforgettable emotions and sensations.
Problem
Solution
Main Screen: Portal of Creativity, Transforming Sound into Emotion
The main screen features a visual concept that transcends basic forms and objects, igniting an emotional explosion akin to the transformation of a simple sound into a captivating track, or an aspiring musician into an exceptional professional. Utilizing a diagonal block division technique, the design represents a portal between two worlds, enhancing its emotional resonance.
Enhancing User Engagement: Interactive Elements on Hover
To maintain a clean interface and prevent visual clutter, we have made elements like videos and images static on pages. Yet, they'll become interactive on hover, infusing the website with emotion.
Immersive Musical Experience
The website embodies the spirit of music, expressed through meticulously crafted decorative elements. With sleek divider bars, dynamic equalizers, and inviting rounded buttons, each detail is tailored to elevate user interaction.
As users delve into music samples, they're greeted with an immersive encounter. The player interface adopts a striking black palette, accompanied by a lively animation pulsating in harmony, seamlessly guiding users deeper into the musical exploration.
Contrasting Visual Styles for Products
We established distinct visual styles for regular and promotional products, employing a contrast of black and light colors to reinforce the portal's concept and ensure necessary differentiation.
The website is currently accessible to all users.