David Segura
ES
Back to gallery

Agiltech — BusinessTech landing

Marketing site for an enterprise tech consultancy: AI, web apps, mobile, process automation.

ViteReactTailwindFramer MotionLandingSEOBusinessTechB2B

Context

Agiltech positions itself as a BusinessTech consultancy — software, automation and AI built for enterprise customers that want concrete results, not technology fashion. I owned the landing site end-to-end: visual language, component architecture and shipping.

What I built

  • Single-page marketing site in Vite + React 18 + Tailwind, with Framer Motion for entrance and interaction animations.
  • Distinctive hero with a Matrix-style canvas effect tinted in the brand green (#00c289), grid pattern overlay and animated radial glows — built from scratch with the Canvas API, not a library.
  • Service offering blocks for the four pillars: enterprise AI, WebApps & SaaS, native iOS / Android apps, and process automation.
  • SEO foundation baked in: full Open Graph + Twitter Card meta, JSON-LD Organization + FAQPage schemas, canonical URL, PWA manifest and language hints — all in index.html from day one.

Highlights

  • Performance-first: static Vite build deploys to any static host, no SSR overhead needed for a marketing page.
  • Brand-aligned motion: every animation reinforces the "tech that works" message — purposeful, not decorative.
  • Bilingual-ready architecture even though the current copy ships in Spanish.

Stack

Vite · React 18 · Tailwind CSS · Framer Motion · Phosphor Icons · Canvas API · JSON-LD structured data