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
Trabajo seleccionado.
Construyendo lo cotidiano.
Ver todo
SaaS y productos indie

Dequestion Sitio Web

Estrategia de Producto, Diseño UX/UI e Implementación Frontend para una Plataforma de Encuestas Impulsada por Inteligencia Artificial

Fintech

Tesseras Website — diseño e implementación front-end para infraestructura de real-world assets

Un caso de infraestructura digital centrado en el diseño e implementación del sitio de Tesseras, construido para comunicar con claridad una narrativa de empresa alrededor de mercados tokenizados.

SaaS y productos indie

Dequestion Dashboard

Diseño de Producto, Arquitectura UX e Implementación Frontend para una Plataforma de Encuestas Impulsada por Inteligencia Artificial

SaaS y productos indie

Kitoform Website — diseño, desarrollo y despliegue para un producto moderno de form backend

Un caso de sitio SaaS centrado en el diseño, desarrollo y despliegue del sitio de Kitoform, construido para comunicar con claridad la propuesta del producto

Salud

Esperanza & Resilience — diseño UX/UI e implementación front-end para un sitio moderno de salud mental

Un caso de sitio web para salud mental centrado en diseño UX/UI e implementación front-end para Esperanza & Resilience, construido para comunicar confianza

Marketing y Web

UILevel — diseño y desarrollo minimalista para un estudio digital boutique

Un caso de marca y sitio web centrado en diseñar y desarrollar UILevel como un sitio moderno para un estudio boutique, con un sistema visual minimalista, comunicación clara de servicios

Fintech

Banesco Website — consultoría UX/UI para una presencia digital renovada

Un caso de producto digital centrado en consultoría UX y UI para el sitio web de Banesco Panamá, apoyando la refinación de la experiencia en fases finales,

Marketing y Web

Landing Page de DoinPanel

Posicionamiento de Producto, Diseño UX/UI e Implementación Frontend para una Plataforma de Análisis Web Impulsada por Inteligencia Artificial

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.