Alien Handpan website — cover image
Website design · Immersive digital experience

Alien Handpan
Handpan brand website

An immersive digital showroom for a niche instrument, blending sound and sight to turn exploration into the urge to buy.

Visit live site ↗
Alien Handpan
8 weeks
2026
Shanghai, China
Leo
Live
Web build Audio-visual interaction Visual atmosphere Online conversion
The challenge

A very niche instrument —
how do you sell it online?

The handpan is a niche instrument people need to experience; a product catalog alone won't sell it. You have to sell the atmosphere. If the screen can't let people hear it and feel immersed, they won't buy.

How it converts

Experience first
sound and atmosphere close the distance

We built immersive interactions into the site — hover and hear the instrument ring. Dark visuals and live sound bring out its mystique. Putting the experience first removes doubt and turns a long consideration cycle into the urge to buy.

Alien Handpan full homepage

Design & build process

Four key milestones
01 Brand tone & audience

Handpan players look for an emotional connection. Research set a "dark, ethereal, healing" visual tone as the strategic anchor for the whole showroom.

02 Designing sound and visuals together

To sell the atmosphere we went beyond layout: audio triggers were planned from the first UI draft so browsing and sound happen together.

03 Refining every interaction

Once the style was set, we refined the details — sound that fades in on hover, smooth transitions while exploring — carrying the mystique through every page.

04 Front-end effects & launch

Heavy effects usually mean slow pages. We optimized preloading of audio and dark imagery so the immersive experience is smooth the moment the page opens.

Alien Handpan desktop inner pages
Alien Handpan mobile view
Results

Interaction delivered
traffic and conversion growth

After launch, the dark visuals and ethereal sound kept visitors on the site. Bounce rate dropped sharply and direct product orders broke through.

+65%Time on page
+28%Direct purchases
Zero lagImmersive audio-visual loading
8wTotal delivery time
Client feedback

"On launch day a customer wrote that even without buying, they could spend half an hour just listening on the site. That immersion is exactly what we've always wanted."

— Founder, Alien Handpan
Start your project
Next case study

04 · Exhibition design

ZAIJIAN MOSAIC
Coverings 2026 trade show booth

View case study
ZAIJIAN MOSAIC