David Segura
EN
Volver a la galería

Agiltech — Landing BusinessTech

Sitio de marketing para una consultora tech B2B: IA, WebApps, mobile y automatización de procesos.

ViteReactTailwindFramer MotionLandingSEOBusinessTechB2B

Contexto

Agiltech se posiciona como una consultora BusinessTech — software, automatización e IA diseñados para clientes corporativos que buscan resultados concretos, no moda tecnológica. Tomé el landing site end-to-end: lenguaje visual, arquitectura de componentes y shipping.

Lo que construí

  • Sitio de marketing single-page en Vite + React 18 + Tailwind, con Framer Motion para animaciones de entrada e interacción.
  • Hero distintivo con un efecto Matrix en canvas tintado en el verde de marca (#00c289), grid pattern overlay y glows radiales animados — hecho desde cero con Canvas API, sin librerías.
  • Bloques de oferta para los cuatro pilares: IA empresarial, WebApps & SaaS, apps nativas iOS / Android, y automatización de procesos.
  • Base de SEO sólida desde el día uno: Open Graph + Twitter Card completos, schemas JSON-LD Organization + FAQPage, canonical URL, PWA manifest y hints de idioma — todo en index.html.

Lo destacable

  • Performance-first: build estático de Vite que se despliega en cualquier static host, sin overhead de SSR para una página de marketing.
  • Motion alineado a la marca: cada animación refuerza el mensaje de "tech que funciona" — intencional, no decorativo.
  • Arquitectura bilingüe-ready aunque la copia actual sale en español.

Stack

Vite · React 18 · Tailwind CSS · Framer Motion · Phosphor Icons · Canvas API · datos estructurados JSON-LD