BLS Servicios Audiovisuales — Web Redesign

Redesign of the site for BLS Servicios Audiovisuales, an audio, lighting, and video production company based in Buenos Aires.

Audiovisual work is judged on how it feels, not on a feature list. The redesign leans on motion and pacing to carry that: scroll-driven sequences and a smoothed scroll that let the portfolio do the arguing, on top of a static Astro build that stays fast.

Approach

Motion with intent. GSAP drives the scroll-triggered sequences and Lenis smooths the scroll itself. Both serve the portfolio — they are pacing devices, not decoration.

Static output. Astro renders the page ahead of time. The animation layer is the only JavaScript that ships.

Typography as identity. Cabin and Jost are self-hosted through Fontsource rather than pulled from a third-party CDN, so the first paint is not waiting on someone else's server.

Structure

src/components/   Hero, About, Services, Portfolio,
                  Clients, Testimonials, Contact, Nav, Footer
src/layouts/      Base layout
src/pages/        index.astro
src/styles/       Tailwind layer and design tokens
public/           Client logos and portfolio imagery
scripts/          Build helpers

Tech stack

Layer	Technology
Framework	Astro
Styling	Tailwind CSS v4
Motion	GSAP + Lenis
Typography	Cabin and Jost, self-hosted

Getting started

npm install
npm run dev       # development server
npm run build     # production build
npm run preview   # serve the production build

---

Built by MateCode — websites and custom software.