Terpas

Contexto

Una asesoría del Eixample barcelonés que lleva desde 1992 llevando la fiscalidad, la nómina y lo jurídico de pymes, autónomos y extranjeros residentes. Seis áreas de servicio bajo el mismo techo y dos ofertas que querían destacar: la constitución de sociedades por vía telemática como Punto PAE oficial, y un departamento de intervención organizacional.

El reto de arquitectura era ese: seis servicios muy distintos sin que la home se convierta en un índice ilegible.

Enfoque

• Jerarquía antes que exhaustividad. El hero dice a qué se dedican y desde cuándo; los seis servicios se enumeran en una línea de texto, no en seis tarjetas compitiendo. Lo que sube al primer nivel de navegación es “Constituir SL”, que es la puerta de entrada comercial.
• Astro con islas Preact hidratadas con client:visible. Los componentes interactivos no cargan hasta que entran en pantalla. El resto de la página es HTML estático.
• Trust signals concretos bajo el hero: dirección física, año de fundación y condición de Punto PAE oficial. En asesoría, la confianza se demuestra con datos verificables, no con adjetivos.
• GSAP con ScrollTrigger para el ritmo de aparición, y View Transitions para el paso entre páginas.
• Geist variable self-hosted en woff2, una sola familia para display y cuerpo.

Trabajo realizado

• Arquitectura Astro estática con islas Preact
• Sistema de diseño en tokens de Tailwind 4 sobre @theme
• Estructura de contenido para seis áreas de servicio más constitución exprés
• Capa de motion con GSAP y transiciones entre páginas
• SEO técnico con schemas de servicio profesional
• DNS y despliegue: registro A apuntado al hosting conservando intactos los MX y TXT del correo corporativo del cliente

Resultado

En producción desde julio de 2026. El detalle del que más contento estoy es de infraestructura: el dominio estaba en otro registrador con el correo en Google Workspace. Se movió solo el registro A, dejando los MX y los TXT de verificación intactos. El correo del cliente no se cayó ni un minuto durante la migración.

Nota sobre el trabajo

Proyecto desarrollado en Agencia Xpandex, donde llevo el ciclo completo: diseño, desarrollo, rendimiento, accesibilidad, SEO técnico y despliegue.