ElPuas logo

Detrás del Rediseño: Cómo Reconstruimos Nuestro Sitio Web con Astro e IA

By Alfredo Navas Fernandini

Laptop con el sitio web de ElPuas Digital Crafts abierto

Recientemente relanzamos el sitio web de ElPuas Digital Crafts con un diseño fresco, reconstruido desde cero usando Astro y mejorado por flujos de trabajo potenciados por IA. Esto no fue solo una actualización visual—fue un rediseño estratégico enfocado en rendimiento, claridad y conversión.

¿Por qué Astro?

Elegimos Astro por su arquitectura centrada en el rendimiento. Nos permite enviar sitios web rápidos y ligeros sin sobrecarga innecesaria de JavaScript. Como estudio de desarrollo web, necesitábamos algo que reflejara nuestros estándares técnicos y nos diera control total.

IA como Socio Creativo

Para este proyecto, la IA jugó un papel crítico—no solo como herramienta, sino como socio de pensamiento. Usamos ChatGPT, Cursor y Claude Sonnet para:

  • Redactar y refinar prompts para secciones de contenido
  • Prototipado rápido de ideas de diseño y código
  • Validar decisiones de UX contra mejores prácticas y estudios de conversión
  • Mantener el copy claro, humano y alineado con la marca

Cada sección pasó por múltiples iteraciones, combinando experiencia humana con velocidad de IA.

Estructura Basada en Investigación

Antes de comenzar a diseñar, realizamos un sprint de investigación profunda. Analizamos cientos de sitios de agencias modernas, tendencias de la industria y benchmarks de UX para identificar:

  • Las estructuras de contenido más efectivas para confianza y conversión
  • Secciones clave que los usuarios esperan de un sitio basado en servicios
  • Jerarquías visuales que comunican valor rápidamente

Esto llevó a una arquitectura de contenido clara: un hero impactante, propuesta de valor sólida, resumen de servicios, trabajo seleccionado, testimonios de clientes y llamadas directas a la acción.

Diseño Modular y Escalable

Construimos cada sección como un módulo flexible. El diseño es completamente responsivo y fácil de extender. También integramos MDX para habilitar contenido dinámico de blog y soporte futuro de localización. Todo está optimizado para carga rápida y crecimiento futuro.

¿Qué Sigue?

Este sitio es solo el comienzo. Estamos planeando publicar artículos técnicos, estudios de caso y actualizaciones del estudio—compartiendo nuestro proceso y desafíos mientras construimos herramientas y sitios web para clientes en diferentes industrias.