I'm Jean Batista, designing and building digital experiences that are fast, elegant, and scalable.

Senior Product DesignerUX/UI DesignerFront-end EngineerAI-first Product Builder

Trusted by fast-growing companies around the world

Banesco
Tesseras
LDM
Upper
Claromi
Kitoform
JJX Studio
UILevel
Dequestion
Banesco
LDM
Tesseras
Capabilities.
How I help your product move forward.

I work across the full product experience — understanding the problem, shaping the interface, building the front-end, improving performance, and using AI-assisted workflows to move faster with better clarity.

T

UX/UI & Product Design

Clear, usable product experiences from flows and wireframes to high-fidelity interfaces, design systems, and interactive prototypes.

  • Product flows and structure
  • Interface and visual design
  • Design systems and components
  • Prototyping and handoff
Hero.tsxTSX
1
2
3
4
5
6
export function Hero() {
return (
<section className="hero">
<h1>I'm Jean</h1>
</section>
);

Front-end Engineering

Turning ideas and Figma designs into responsive, accessible, production-ready interfaces using modern front-end technologies.

  • React and TypeScript implementation
  • Responsive and accessible UI
  • SaaS dashboards and product UI
  • Figma to production
98LCP
94CLS
88TBT
A11Y
SEO
BP

Product & Web Optimization

Improving existing websites, landing pages, and SaaS products — clearer flows, better performance, and easier-to-use experiences.

  • UX audits and product reviews
  • Landing page improvements
  • Performance and Core Web Vitals
  • Conversion and usability refinement
Claude Sonnet 4.6
Hero.tsx
Features.tsx
Refactor the hero into a bento grid layout with subtle dark
@ mention
⌘↵

AI-first Product Workflows

Using AI-assisted workflows to accelerate product thinking, UX writing, documentation, and front-end implementation without losing human judgment.

  • AI-assisted product thinking
  • UX writing and content iteration
  • AI-readable documentation
  • Design-to-code support
Selected work.
Building the everyday.
See all
SaaS & Indie Products

Dequestion Website

Product Strategy, UX/UI Design & Frontend Development for an AI-Powered Survey Platform

Fintech

Tesseras Website — design and front-end implementation for real-world asset infrastructure

A digital infrastructure case focused on designing and implementing the Tesseras website, built to communicate a clear company narrative around tokenized real-world asset markets.

SaaS & Indie Products

Dequestion Dashboard

Product Design, UX Architecture & Frontend Engineering for an AI-Powered Survey Platform

SaaS & Indie Products

Kitoform Website — design, development, and deployment for a modern form backend product

A SaaS website case focused on designing, developing, and deploying the Kitoform marketing site, built to communicate a clear product offer, support trust, and present a modern form backend

Healthcare

Esperanza & Resilience — UX/UI design and front-end implementation for a modern mental health website

A healthcare website case focused on UX/UI design and front-end implementation for Esperanza & Resilience, built to communicate trust, emotional clarity, and a structured therapy

Marketing & Web

UILevel — minimalist design and development for a boutique digital studio

A brand and website case focused on designing and developing UILevel as a modern boutique studio site, with a minimal visual system, clear service communication, and a structured digital

Fintech

Banesco Website — UX/UI consulting for a renewed digital presence

A digital product case focused on UX and UI consulting for Banesco Panamá’s website, supporting final-phase experience refinement, brand alignment

Marketing & Web

DoinPanel Landing Page

Product Positioning, UX/UI Design & Frontend Development for an AI-Powered Website Analysis Platform

How I can help.

From UX/UI design to technical audits — end-to-end solutions for ambitious digital products.

Thoughtful interfaces focused on usability, clarity, trust, and conversion. From wireframes to polished visual systems, every decision is made to improve the user journey.

High-quality implementation for landing pages, portfolio websites, SaaS interfaces, and modern web applications using scalable and maintainable technologies.

Improving Core Web Vitals, loading speed, bundle size, and technical architecture to create fast and reliable experiences that retain users and improve results.

Seamless collaboration with designers, agencies, and product teams to transform Figma designs into pixel-perfect, production-ready experiences.

Code quality reviews, refactoring, security improvements, and architecture recommendations to help products scale with confidence.

Stack.
The tools I use to design, build, and ship.

A focused stack covering product design, front-end engineering, serverless infrastructure, and AI-assisted workflows — the foundation behind real SaaS and digital product work.

Design

Shaping product direction, interfaces, and reusable systems before development.

Figma
Sketch
Photoshop
Illustrator
After Effects
Adobe XD
Framer
Webflow

Front-end

Building fast, responsive, accessible, production-ready interfaces.

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

Back-end & Data

APIs, auth, databases, and serverless foundations that scale from MVP to real usage.

Workers
Hono
Node.js
Express
Postgres
MongoDB
Supabase
Prisma

Infrastructure & AI

Deployments, payments, integrations, and AI-assisted workflows for faster delivery.

Cloudflare
AWS
Vercel
GitHub
Stripe
Resend
Claude
OpenAI

Let's build something
exceptional together.