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

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.