Valentino Rota

Mar del Plata, ArgentinaOpen to roles in Buenos Aires or remote

All work

Conosur

The website of CONOSUR, a music artist: releases with a Spotify player that falls back to YouTube, a directory of 22 collaborators, and videos, in Spanish and English. Client work: I designed and built it, and I’ve deployed and maintained it since July 2025.

Client work, 2025 – now.

React, TypeScript, Vite, Tailwind, Framer Motion, i18next, Nginx. Live at conosur.tv (opens in a new tab).

Conosur home: the logo over a dark mountain landscape, with navigation and social links
Home (conosur.tv)
On this page
  1. Context
  2. Decisions
  3. Interface

Context

An artist needs one place for everything: new releases, the people who worked on them, and videos. It has to feel like the music, dark and cinematic, and work for listeners in Spanish and English.

One dark landscape sits behind every section, with translucent panels on top and small, widely spaced labels, so the cover art and the people carry the color.

Decisions

Spotify first, YouTube as a fallback

Instead of a single embed: if the Spotify embed hasn’t loaded after ten seconds, it retries twice; after that, the same release plays in a YouTube player.

Embeds fail: access tokens expire and players get blocked. A release page with a broken player is a dead end.

Motion that follows the visitor

Sections enter as you scroll and the player transitions between releases, but nobody should be forced to watch it.

Framer Motion for entrances and transitions; scrolling and CSS animations respect the reduced-motion setting.

A store, decided with the client

The artist wanted to sell merch. Before writing code, I wrote a decision document with five options, their monthly costs, fees and build times, instead of picking a platform and building.

A recommendation (a custom storefront inside the site, on top of Shopify), plus an early warning: none of the five options could sell show tickets.

Releases: picking a release swaps the cover, the title and the Spotify player in place.

Deploys run on GitHub Actions, which builds the site and ships it over SSH to a server behind Nginx.

Interface

Releases: a strip of albums and singles above the embedded player and track list
Releases and player
Collaborators directory: filters by role, a list of 22 people and their credits per project
Collaborators and credits
Videos section with a large player
Videos

Contact

Open to design engineering and full-stack roles, in Buenos Aires or remote (UTC−3). Spanish (native), English (professional, spoken and written).

valentino.rota3@gmail.com

Next: DSP2 + Reset GUI