WaveForm — WebGL Website for a Sound Production School by Vitalii RigalovskyiWaveForm — WebGL Website for a Sound Production School by Vitalii Rigalovskyi

WaveForm — WebGL Website for a Sound Production School

Vitalii Rigalovskyi

Vitalii Rigalovskyi

WaveForm is a school that teaches production, mixing and sound design. It needs a site young producers remember after the first scroll — and one that still leads them calmly to the four courses and the prices.
We built a 3D first screen with a voxel letter W over mountains and note names in the background. Further down, one particle system of 30,000 points changes shape for each section: a cloud, a microphone, the school logo, a waveform and a vinyl record. Courses, numbers and plans sit on top as quiet cards.
Scope: Web design · Build · WebGL
Live site and full case: webraw.studio/work/waveform
A 3D first screen: a voxel W over the mountains
A 3D first screen: a voxel W over the mountains
After the hero the page goes dark and 30,000 particles appear
After the hero the page goes dark and 30,000 particles appear
The particles gather into a vintage microphone
The particles gather into a vintage microphone
Then into the school logo, with five steps of learning below
Then into the school logo, with five steps of learning below
Then into a sound wave, above the four courses and their prices
Then into a sound wave, above the four courses and their prices
And into a vinyl record, next to the school in numbers
And into a vinyl record, next to the school in numbers
Plans and booking
Plans and booking
Like this project

Posted Oct 14, 2026

A site for a sound school where 30,000 particles turn into a microphone, a sound wave and a vinyl record as you scroll.