Landings que convierten, no que decoran.

Diseño y construyo landings con identidad visual fuerte, copy claro y performance real. Las animaciones son la última capa, no la primera.

Mi enfoque editorialilustrativo

tucliente.com

¿Cómo lo abordo?

Mi forma de trabajar.

Una landing buena es 30% diseño, 30% copy y 30% performance. Mi trabajo es maximizar los tres antes de pensar en lo decorativo. El motion entra al final, donde aporta — no para llenar.

Trabajo desde el día uno con criterios técnicos (SEO, Web Vitals, accesibilidad) y editoriales (jerarquía visual, tipografía, ritmo). Lighthouse > 90 en mobile o no se entrega.

No parto de templates. Cada landing arranca con un wireframe en Figma sobre tu mensaje real, no sobre un look cool de Awwwards. La identidad se construye, no se elige de un dropdown.

Proceso

De idea a producto.

Cinco pasos claros, con entregables y fechas en cada uno.

Discovery

Una llamada para entender qué vendes, a quién y qué te diferencia. Salgo con un brief de una página y la promesa central de la landing.

Wireframe + copy

Estructuro la página en Figma con jerarquía clara: ¿qué ve la persona en 5 segundos? El copy se escribe acá, no después.

Visual design

Aplico identidad: tipografía, color, fotografía o ilustración, motion. Reviso el above-the-fold hasta que respira.

Build

Next.js con SSG donde aplique, optimization automática e images optimizadas. SEO técnico desde el HTML semántico.

Deploy + medición

Vercel, Netlify o donde prefieras. Setup de analytics privacy-friendly y eventos custom. Lighthouse final público.

Stack

Lo que uso y por qué.

Sin buzzwords. Solo herramientas que justifico con un trade-off claro.

Next.js: ISR + SSG out of the box. SEO técnico fácil, image optimization automática y route groups que escalan a multi-página sin reescribir.
TypeScript: Menos bugs en producción, refactor a 6 meses sin miedo, autocompletado real para el equipo del cliente.
Tailwind CSS: Velocidad de iteración visual sin perder consistencia. Sistema de diseño implícito que sobrevive a cambios.
Vercel / Netlify: Deploys atómicos, edge network global, preview por pull request. Cero config para dominios, certificados y rollback.
Brevo / Resend: Transactional emails para forms y confirmaciones, sin pelearse con SMTP. Plantillas versionadas y métricas de entrega.
Plausible / PostHog: Analytics privacy-friendly y eventos custom. Sin cookies invasivas y con dashboards que el cliente entiende.

Proyectos

Trabajos en esta categoría.

Ver todo el portafolio

Plataforma + Apps

Colectyred

Plataforma de control de colectivos en Chile: landing, dashboard con mapeo de rutas en tiempo real, y dos apps móviles publicadas en Play Store (pasajero y conductor) con tracking GPS y sockets.

NextJsNestJsReact Native+6

Web + Dashboard

Controles Vídeo Técnicos

Empresa de monitoreo de medios en Costa Rica: web corporativa con noticias y formularios de contacto, sumada a un dashboard interno con stack AWS completo para gestión de notas, medios digitales y contratos.

NextJsAWS AmplifyAWS App Runner+3