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 enindex.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