Saltar al contenido principal
Proyectos Live

Lúmina W

Diseñé e implementé la landing completa de Lúmina W: arquitectura con Astro, estilos con Tailwind CSS, formulario de contacto integrado con Formspree, SEO técnico completo y deploy continuo.

Por Valentina Ramírez · Actualizado: 19 de junio de 2026

Ver sitio en vivo

Resumen

Diseñé e implementé la landing completa de Lúmina W: arquitectura con Astro, estilos con Tailwind CSS, formulario de contacto integrado con Formspree, SEO técnico completo y deploy continuo.

Stack
AstroTailwind CSSFormspreeSEOA11yGA4Performance
01

El problema

Toda empresa necesita una presencia digital que comunique con claridad quién es y qué hace.

Sin presencia digital

Sin landing, Lúmina W no tenía dónde enviar prospectos, comunicar la propuesta ni cerrar una conversación comercial.

Dos servicios difíciles de comunicar juntos

Desarrollo a medida y SaaS tienen compradores distintos. Mezclarlos sin estructura confunde en vez de convertir.

02

Qué construí

  1. 01

    Astro con output estático: componentes por sección, build optimizado y deploy continuo en Netlify.

  2. 02

    SEO técnico completo: title, meta-description, og:*, twitter:*, canonical y schema markup.

  3. 03

    Accesibilidad (a11y): jerarquía de encabezados, aria-labels y contraste WCAG AA.

  4. 04

    Performance: output estático, imágenes WebP y caché inmutable en Netlify.

  5. 05

    Analíticas de Google (GA4): seguimiento de visitas, scroll depth y comportamiento del usuario.

  6. 06

    Formulario de contacto sin backend propio usando Formspree: nombre, empresa, correo y mensaje con confirmación automática al usuario.

  7. 07

    Diseño responsivo con Tailwind CSS y modo claro/oscuro.

  8. 08

    Estructura de dos tracks de negocio: desarrollo a medida y SaaS en alquiler (TerraCore), cada uno con su propio flujo de fases.

03

Decisiones de arquitectura

1. Dos tracks explícitos en vez de un solo servicio

Contexto
Lúmina W ofrece desarrollo a medida y SaaS. Los compradores de cada track tienen necesidades, tiempos y presupuestos distintos.
Trade-off
Una landing genérica de 'hacemos software' no convierte. Separar los tracks añade complejidad visual pero clarifica la propuesta.
Decisión
Sección de servicios con dos columnas claras: desarrollo a medida (proceso en 4 fases) y SaaS en alquiler (TerraCore). Cada track tiene su propio CTA.

2. TerraCore como prueba de capacidad

Contexto
Un cliente potencial necesita ver producto real, no solo promesas de desarrollo a medida.
Trade-off
Dedicar espacio a TerraCore en la landing de la agencia puede distraer. No hacerlo deja el argumento de capacidad sin evidencia.
Decisión
Sección dedicada a TerraCore con módulos, características y CTA. Funciona como caso de uso propio que prueba que Lúmina W construye lo que predica.

3. Formulario sin backend propio

Contexto
Una landing de agencia necesita capturar leads desde el primer día sin infraestructura propia de backend.
Trade-off
Construir un backend de contacto propio toma tiempo y es sobredimensionado para una landing. Formspree resuelve el caso de uso al 100%.
Decisión
Formspree para el formulario de contacto: sin backend propio, sin mantenimiento, con confirmación automática al usuario.
04

Resultados

  • Landing completa de Lúmina W en producción con dos tracks de servicio diferenciados y formulario de contacto funcional.

  • TerraCore visible como producto propio dentro de la landing, funcionando como prueba de capacidad de la agencia.

  • Formulario de contacto activo via Formspree sin backend propio: captura nombre, empresa, correo y mensaje con confirmación automática al usuario.

05

Aprendizajes

  • Comunicar dos servicios distintos (desarrollo a medida y SaaS) en una sola landing exige estructura clara: sin separar los tracks por comprador, la propuesta se diluye.

  • Formspree elimina la necesidad de un endpoint propio en la landing: para una agencia en arranque, esa decisión redujo el tiempo de lanzamiento sin comprometer la captura de leads.

A un click

Tu próxima idea merece
código que la sostenga.

Diseño y construyo productos completos: del backend a la interfaz que tus usuarios aman. Con IA integrada y seguridad desde el diseño.

Proyectos desde COP 2.000.000 / USD 500 según alcance (MVP desde 3-6 semanas).

Disponibilidad limitada, respondo en 24h.

Quiero mi producto Ver servicios