grass, blades of grass, blue grass, illuminated, nature, blue light, stalks
// Case study · 06

Maya Solÿn

An electronic musician's portfolio. Every section is a music video.

2026·Music / Cultural·Next.js · Three.js · Mux·11 days
// The brief

An electronic musician in Lisbon, about to drop her second record. She didn't want a website. She wanted the record, on the internet, scrollable. What she had was a Linktree and a SoundCloud. Neither felt like the music.

// The approach

No homepage, no nav, no about page. You land mid-track. Each section is built around one song — a synced video loop, a single lyric, one play button. Scroll, and the album plays itself. The site is the record.

// The tracklist
01Lisbon, 4am3:18
02Saudade.wav4:02
03Tram 282:51
04Blue Hournow playing5:33
05Static Saint3:47
06Nothing Hours4:12
07Dial Tone3:09
08Dawn Shift6:08
8 tracks · no nav · scroll is the play button38:00
// The work

Next.js. Mux for the video loops so they stream clean on a phone over Lisbon wifi. Three.js for a title treatment that moves with the track's amplitude. No CMS — eight tracks, hardcoded, shipped.

audience, backlit, concert, crowd, evening, festival, light, outdoors, party, people, smoke, light effects, celebration, stage, stage lights, live performance, concert, concert, concert, concert, concert, crowd, festival, festival, party, party, party, stage
audience, band, concert, crowd, festival, lights, music, musicians, people, performance, stage, stage lights, event, live event, celebration, concert, concert, concert, concert, concert, festival, music, music, music, music, stage, event, event, event
concert, dj, festival, laptop, leather jacket, light rays, men, microphone, musician, people, performance, singer, smoke, stage, stage lights, live performance, concert, concert, concert, concert, festival, festival, festival, festival, men, microphone, microphone, musician, musician, singer, singer, singer, singer, singer
// Process · what we threw away
concept, audio, sound, musical, idea, design, studio, recording studio, console, music, speakers, neve, speaker, technology, equipment, equalizer, broadcast, electronics, music production, recording console, mixing console, broadcast console, gray music, gray idea, recording studio, recording studio, music production, music production, music production, music production, music production
rejected · v0
header + tour dates + docked player · a label would've shipped it

We started with a normal artist site — header, tour dates, a player docked at the bottom, a press kit. She watched it for ten seconds and said it felt like a label made it. We tore out the chrome. No nav at all. The only way through is scroll. Reckless for a 'portfolio,' right for her.

// we designed ten. they picked one.

Ten directions. One shipped.

Every project starts as ten homepages, fully built. The client picks the one that ships. The other nine aren’t waste — they’re the proof we looked before we leapt.

10 directions · drag or use the arrows
Vinyl Record Side — homepage direction for this projectpicked
Vinyl Record Sidemaya-solyn-04

CSS-drawn rotating vinyl record on left, gatefold sleeve tracklist on right; warm amber label echoes analogue physicality.

Music-Video Frame — homepage direction for this projectrejected
Music-Video Framemaya-solyn-01

Full-bleed neon visualizer photo, single italic lyric centered, one violet play button — the site as a paused film.

Giant Lyric Type — homepage direction for this projectrejected
Giant Lyric Typemaya-solyn-02

Ultra-large Syne 800 display type fills the viewport; track title in outlined text; teal accent on OLED black.

Neon Visualizer Bars — homepage direction for this projectrejected
Neon Visualizer Barsmaya-solyn-03

CSS-animated audio-visualizer bar chart spans the full width; violet-to-rose gradient bars pulse in staggered rhythm.

Tracklist Scroll Teaser — homepage direction for this projectrejected
Tracklist Scroll Teasermaya-solyn-05

All eleven track titles at oversized scale become the hero; hover reveals a lyric fragment per track.

Split Portrait + Play — homepage direction for this projectrejected
Split Portrait + Playmaya-solyn-06

Portrait fills the left half edge-to-edge; the right half is pure black with title, intimate quote, and cyan play ring.

Dark Cinematic Stage — homepage direction for this projectrejected
Dark Cinematic Stagemaya-solyn-07

Concert photo as film still; heavy bottom scrim; lyric and play float like documentary subtitles.

Gradient-Wash Minimal — homepage direction for this projectrejected
Gradient-Wash Minimalmaya-solyn-08

Slow-shifting deep-space gradient is the only visual element; ultra-light italic lyric and a frosted play button.

Studio Process Close-Up — homepage direction for this projectrejected
Studio Process Close-Upmaya-solyn-09

Mixing-console photo anchors the lower half; flat black upper area with session marker, amber headline, and play CTA.

Waveform Signal Transmission — homepage direction for this projectrejected
Waveform Signal Transmissionmaya-solyn-10

Animated SVG sine-wave draws itself on load; oscilloscope cyan on OLED black; monospace transmission metadata.

// Outcomes
// 01
11 days

brief to launch, timed to the single drop

// 02
4m 40s

median time on site. the album runs 38 minutes; people came back

// 03
2

sync licensing inquiries in month one. neither of us expected that

// From the founder
It doesn't feel like a website. It feels like my record. That's all I asked for.
Maya Solÿn
Maya Solÿn
Musician
Built with Next.js · Three.js · Mux · 11 days
Want the next one to be yours? →