From static website to engaging branded experience

Soma Records is one of the leading independent electronic music record labels based in Glasgow, Scotland.

Client

Soma Records

Industry

Music

Scope

Art direction, Web design, Interaction

Date

December 2024

Objective

New digital
space

Soma Records has been known as a leader of the electronic music scene for decades, however their website fails to reflect their legacy, artistry and influence. In this project we worked on creating digital experience that is as immersive and forward-thinking as the record label itself.

electronic music label web design project page artists
electronic music label web design project section soma mastering
electronic music label web design project product single release vinyl
electronic music label web design project section featured artists
electronic-music label web design project section hero
electronic music label web design project page shop
electronic music label web design project section about
electronic music label web design project page category
Branded experience

Every design element was carefully considered to reflect the label’s energy and innovation. The design is minimalist yet distinct, balancing monochromatic aesthetic with structured layout and raw, unposed imagery.

Layout

The layout of the website is build on a structured grid that ensures clear hierarchy and seamless flow between the website content. However, in the more artistic pages we embrace a more fluid and expressive structure.

Artists

The artists page highlights the talents behind the label. The page is designed with asymmetric layout that creates visually dynamic and unique feel. 
Each artist has a dedicated pop-up showcasing their bio and key releases. This approach keeps the user experience streamlined, allowing users to explore an artist’s journey without leaving the page.

Music label web design artist information modal
E-commerce

The new website introduces an elevated shopping experience that aligns seamlessly with Soma’s brand identity. The E-commerce section was refined with intuitive navigation, improved functionality and streamlined checkout flow that insures smooth purchases.

Shop page layout electronic music labelUpsell mobile page layout
Photoshoot centered light model
Improved shopping experience

The new website introduces an elevated shopping experience that aligns seamlessly with Soma’s brand identity. We worked on creating a special vinyl release page where you can play the track and the vinyl starts spinning to create interactive in-store experience.

Electronic music label web design project page vinyl release
electronic music label web design project page shop
Mobile experience

The mobile version of the website is designed to deliver the same immersive experience while following the mobile interface best practices. The structure is fully adapted for mobile devices, ensuring that content remains engaging and easy to navigate.

Outcome

The redesign solves a key challenge, it transforms once a generic website into a powerful instrument, reinforcing the label’s identity and immersing visitors in its world. The improved structure enhances user engagement, while the refined e-commerce experience makes discovering and purchasing music and merchandise effortlessly.

65%

Increased average session duration

28%

Increase in conversion rates

22%

Reduced bounce rate

40%

Increase of direct traffic and repeat visits

Credits
Typography:
PangramPangram
2 client slots open for Q3

Inspired by what you’ve seen?

Let’s create something just as impactful for your brand. We work with a small number of clients at a time to deliver focused, high-quality results.

hello
—
bonjour
—
hola
—
ciao
—
hello
—
bonjour
—
hola
—
ciao
—
Next case study
UI Elements Typography Components Screen Interface
Design system
Web design
UI/UX design

Successful digital transformation — 15,000+ signups during launch