Root Landing
Landing de Root que explica el scanner de etiquetas por IA, las restricciones activas compatibles (celiaquía, diabetes, intolerancia a la lactosa) y el acceso a la PWA.
Por Valentina Ramírez · Actualizado: 19 de junio de 2026
Resumen
Landing de Root que explica el scanner de etiquetas por IA, las restricciones activas compatibles (celiaquía, diabetes, intolerancia a la lactosa) y el acceso a la PWA.
El problema
Una app con múltiples restricciones dietéticas necesita comunicar con precisión a quién está dirigida y qué hace antes de que el usuario la instale o la pruebe.
Qué construí
- 01
Astro con output estático: componentes por sección y deploy continuo en Netlify.
- 02
Tailwind CSS para diseño responsivo.
- 03
SEO técnico: title, meta-description, Open Graph, Twitter Card, canonical y schema markup.
- 04
Accesibilidad (a11y): jerarquía de encabezados, aria-labels y contraste WCAG AA.
- 05
Performance: output estático, imágenes WebP y caché inmutable en Netlify.
- 06
Analíticas de Google (GA4): seguimiento de visitas y comportamiento del usuario.
Resultados
-
Landing publicada en producción con las secciones principales del scanner de etiquetas por IA, las restricciones alimentarias activas y el acceso directo a la PWA.
-
SEO técnico, accesibilidad WCAG AA y analíticas GA4 configuradas desde el lanzamiento.
Aprendizajes
-
Comunicar tres restricciones alimentarias distintas en un solo CTA sin perder claridad exige priorizar la acción sobre la lista de condiciones: 'fotografía el producto' convierte más que enumerar las restricciones.
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