How I designed an animated SVG-driven website for composer Begoña Pereda

A web designer shares his process for building an animated SVG-driven portfolio site for film and video game composer Begoña Pereda. The post covers typeface selection methodology, SVG optimisation techniques (achieving under 12 KB for complex graphics), and a CSS-plus-JavaScript animation architecture where CSS handles continuous motion and JavaScript controls state based on user interaction or audio playback. Key design elements include animated cassette tapes and a reel-to-reel tape recorder that responds to music playback.