Soy Jean Batista, diseñando y desarrollando experiencias digitales rápidas, elegantes y escalables.

Senior Product DesignerDiseñador UX/UIFront-end EngineerAI-first Product Builder

Con la confianza de empresas en crecimiento alrededor del mundo

Banesco
Tesseras
LDM
Upper
Claromi
Kitoform
JJX Studio
UILevel
Dequestion
Banesco
LDM
Tesseras
Capacidades.
Cómo ayudo a que tu producto avance.

Trabajo a lo largo de toda la experiencia de producto — entender el problema, estructurar la interfaz, construir el front-end, mejorar el rendimiento y usar flujos asistidos por IA para avanzar más rápido con mayor claridad.

T

UX/UI y Diseño de Producto

Experiencias de producto claras y usables, desde flujos y wireframes hasta interfaces de alta fidelidad, sistemas de diseño y prototipos interactivos.

  • Flujos y estructura de producto
  • Diseño de interfaz y visual
  • Sistemas de diseño y componentes
  • Prototipos y handoff
Hero.tsxTSX
1
2
3
4
5
6
export function Hero() {
return (
<section className="hero">
<h1>I'm Jean</h1>
</section>
);

Desarrollo Front-end

Convierto ideas y diseños en Figma en interfaces responsivas, accesibles y listas para producción con tecnologías front-end modernas.

  • Implementación con React y TypeScript
  • UI responsiva y accesible
  • Dashboards e interfaces SaaS
  • De Figma a producción
98LCP
94CLS
88TBT
A11Y
SEO
BP

Optimización de Producto y Web

Mejoro sitios web, landing pages y productos SaaS existentes — flujos más claros, mejor rendimiento y experiencias más fáciles de usar.

  • Auditorías UX y revisión de producto
  • Mejoras para landing pages
  • Performance y Core Web Vitals
  • Mejoras de conversión y usabilidad
Claude Sonnet 4.6
Hero.tsx
Features.tsx
Refactor the hero into a bento grid layout with subtle dark
@ mention
⌘↵

Flujos de Producto AI-first

Uso flujos asistidos por IA para acelerar el pensamiento de producto, UX writing, documentación e implementación front-end sin perder criterio humano.

  • Pensamiento de producto asistido por IA
  • UX writing e iteración de contenido
  • Documentación legible para IA
  • Soporte de diseño a código

Cómo puedo ayudarte.

Del diseño UX/UI a las auditorías técnicas — soluciones integrales para productos digitales ambiciosos.

Interfaces pensadas para mejorar la usabilidad, la claridad, la confianza y la conversión. Desde wireframes hasta sistemas visuales pulidos, cada decisión busca mejorar la experiencia del usuario.

Implementación de alta calidad para landing pages, portafolios, interfaces SaaS y aplicaciones web modernas utilizando tecnologías escalables y mantenibles.

Mejora de Core Web Vitals, velocidad de carga, tamaño del bundle y arquitectura técnica para crear experiencias rápidas, confiables y enfocadas en resultados.

Trabajo fluido con diseñadores, agencias y equipos de producto para transformar diseños de Figma en experiencias pixel perfect listas para producción.

Revisión de calidad de código, refactorización, mejoras de seguridad y recomendaciones de arquitectura para ayudar a que el producto escale con confianza.

Stack.
Las herramientas con las que diseño, construyo y lanzo.

Un stack enfocado que cubre diseño de producto, desarrollo front-end, infraestructura serverless y flujos asistidos por IA — la base detrás del trabajo real con SaaS y productos digitales.

Diseño

Definir la dirección del producto, interfaces y sistemas reutilizables antes del desarrollo.

Figma
Sketch
Photoshop
Illustrator
After Effects
Adobe XD
Framer
Webflow

Front-end

Interfaces rápidas, responsivas, accesibles y listas para producción.

React
Next.js
TypeScript
Tailwind
Vite
React Native
WordPress
React Router

Back-end y Datos

APIs, auth, bases de datos y fundamentos serverless que escalan desde MVP hasta uso real.

Workers
Hono
Node.js
Express
Postgres
MongoDB
Supabase
Prisma

Infraestructura e IA

Despliegues, pagos, integraciones y flujos asistidos por IA para entregar más rápido.

Cloudflare
AWS
Vercel
GitHub
Stripe
Resend
Claude
OpenAI

Construyamos algo
excepcional juntos.