La Matera fue mi primer proyecto freelance real: un rediseño completo para un restaurante argentino en Guadalajara. El objetivo era que el sitio transmitiera mejor la personalidad del lugar, mostrara el menú con claridad y facilitara que una persona pudiera reservar o pedir información sin fricción.

Trabajé la experiencia alrededor de la atmósfera del restaurante: un video en el hero, secciones pensadas para antojar los platillos, un menú organizado por categorías y un efecto de humo con Three.js que le da profundidad visual. Fue un proyecto importante porque me obligó a pensar más allá del código: tiempos, expectativas del cliente, contenido y decisiones de diseño.

## Stack & decisiones

Astro — Fue la base del sitio por su buen rendimiento para landings y por la facilidad de separar la página en componentes pequeños.
Tailwind CSS — Lo usé para construir dos experiencias responsivas: una versión mobile inspirada en el interior del restaurante y una versión desktop más amplia y visual.
Three.js — Me permitió integrar un efecto de humo con partículas 3D para reforzar la atmósfera del sitio sin depender solo de imágenes estáticas.
Optimización de imágenes — Convertí los recursos visuales a WebP para cuidar los tiempos de carga en una página con mucho material visual.

## Qué construí

Diseñé un hero con video y CTA directo a WhatsApp para que la intención de reserva estuviera presente desde el inicio.
Organicé el menú digital por categorías para que fuera más fácil explorar platillos desde móvil.
Adapté un efecto de humo 3D inspirado en la comunidad de Midudev y aprendí a integrarlo sin que compitiera con el contenido.
Me llevé una primera experiencia real trabajando con un cliente, ajustando diseño, contenido y funcionalidad a una necesidad concreta.

Alansan.dev

Landing page - La Matera 🥩

## Stack & decisiones

## Qué construí

## Sigue explorando