El problema
La marca no tenía presencia online propia. Necesitaba una web oficial que transmitiera su identidad y le sirviera para captar nuevos grupos y solicitudes de presupuesto.
Proyecto freelance para cliente
GROUPSBYEB
Web oficial de la marca GROUPSBYEB: rápida, animada y pensada para convertir visitas en solicitudes de presupuesto.
- 99/100 en rendimiento de Lighthouse
- 100/100 en accesibilidad y SEO de Lighthouse
- 0,8 s hasta mostrar el contenido principal (LCP)
La solución
Diseñé y desarrollé una web estática con Astro, con animaciones GSAP, carruseles con Swiper y un formulario de presupuesto conectado a Resend, desplegada en Vercel.
Retos y decisiones
-
Mucha animación, cero lentitud
RetoUna web muy visual, llena de animaciones e imágenes, suele pagarlo en velocidad de carga.
Qué hiceAstro genera HTML estático y solo envía el JavaScript necesario; las animaciones con GSAP se aplican sobre contenido ya renderizado.
Resultado99/100 en rendimiento de Lighthouse y contenido principal visible en 0,8 s.
-
Una identidad propia
RetoLa web tenía que reflejar la personalidad de la marca y diferenciarse en su mercado.
Qué hiceDiseño 100% original con la tipografía Saint-George y una paleta propia, trasladadas a un sistema de diseño con Tailwind CSS 4.
ResultadoUna identidad coherente en toda la web, en escritorio y en móvil.
-
Una web que genere contactos
RetoAdemás de verse bien, la web tenía que convertir visitas en clientes.
Qué hiceLlamadas a la acción claras y un formulario de presupuesto integrado con Resend para un envío de emails fiable.
ResultadoLas solicitudes llegan directamente a la marca desde la propia web.
Identidad y contexto
