Sophisticated web layout with high-contrast serif fonts, ample white space, and muted pastels. Graphic design elements include abstract geometric shapes and editorial-style imagery, aiming for a refined, artistic online presence.
This project set out to design and develop a bold, unconventional, and immersive web experience that would embody the avant-garde ethos of an independent electronic music label known for championing experimental and genre-defying artists. Rather than adhering to standard conventions of usability and minimalism often found in contemporary digital design, our goal was to subvert expectations and create a digital environment that felt as raw, unpredictable, and boundary-pushing as the music it was built to represent.
At the core of the concept was the desire to blur the lines between interface and experience—between a website and an audiovisual performance. From the outset, the creative direction drew inspiration from glitch aesthetics, cyberpunk visual language, modular design systems, and the improvisational nature of live electronic music. We looked at circuit bending, analog distortion, modular synth interfaces, and brutalist design for cues on how to build something that felt more like an art piece than a conventional website.
The structure of the site was designed to invite open-ended exploration rather than linear navigation. Visitors are encouraged to discover content organically through non-hierarchical layouts and unexpected UI patterns. Instead of traditional menus or grids, users encounter fragmented compositions, shifting visual planes, and layered navigation elements that reveal themselves progressively. This sense of discovery was intentional, mirroring how many listeners find new experimental artists—through curiosity, surprise, and chance encounters.
Animated transitions, dynamic layering, and distortion effects were built into the site to heighten the sense of motion and instability. These weren’t merely decorative; they echoed the sonic textures of the label’s music—glitches, pulses, loops, and fragments—all visualized in motion. JavaScript and WebGL were leveraged to create sound-reactive components that respond in real time to audio input or user interaction, allowing the website to shift and morph based on both ambient music and user behavior. The result is a living interface that feels alive, erratic, and sensorially rich.
Typography was treated as a graphic element, intentionally breaking rules of legibility in places to reflect the experimental tone. Fonts were distorted, overlaid, or revealed through motion, and often synchronized with audio cues. The palette leaned heavily on high-contrast blacks, whites, and saturated digital colors—reminiscent of malfunctioning screens, nightclubs, and analog signal interference—supporting a visceral, high-energy atmosphere.
The site’s backend was structured to be modular and flexible, allowing new releases, artist profiles, events, and audiovisual content to be added without compromising the anarchic feel of the design. Even the content management interface was customized to reflect the brand’s nonconformist nature, prioritizing creative freedom over rigid templates.
Ultimately, the final product is more than just a website—it’s a digital playground and a statement piece. It reflects the disruptive spirit of the label and serves as an extension of its identity in the digital realm. By merging visual storytelling with interactive audio elements, the experience engages users in a multisensory journey that is chaotic, immersive, and undeniably different. This project challenged traditional web design paradigms and expanded our understanding of what digital spaces can be when they are treated not as tools, but as expressive, experimental environments.
UX UI
Divien Joana
2023