Open to opportunities

UX/UI Designer & Front-end Developer

ReactNext.jsFigma

Self-taught developer with a designer's eye. I design in Figma and build with React and Next.js.

01 — About

Designer's eye, developer's hands

Front-end developer and UX/UI designer on a mission to change my life through code — and fully open to relocating anywhere to do it.

I started programming in 2025 with HTML and CSS, quickly moved into JavaScript, and found my focus in React and Next.js. Since then I've coded every single day — it's my craft and my daily routine.

I pair development with a strong design background: I design interfaces in Figma (UX and UI) and build them on the front-end with JavaScript, React, and Next.js. I'm also highly fluent with AI tools, which I use daily to build and learn faster.

I have a working (intermediate) level of English and improve it every day. I'm open to international and remote roles and ready to relocate.

2025Coding since day one

DailyPractice, not a hobby

UX + FEDesign and build

RemoteOpen worldwide

02 — Skills

What I work with

I move between design and code every day — from Figma files to shipped, responsive interfaces.

Design

FigmaUX DesignUI DesignPrototypingWireframingResponsive Design

Development

ReactNext.jsJavaScriptTypeScriptHTML5CSS

Tools & more

GitAI toolsSQL / Databases (basic)Vercel

03 — Work

Selected projects

A mix of design and development work. Each project is built to solve a real problem, not just to look good.

Featured

SaaS Landing Page

A high-converting marketing site designed in Figma and built with Next.js. Focus on clarity, fast load times, and a perfect Lighthouse score.

Next.jsTypeScriptTailwind CSSFigma

Live Code

Featured

Analytics Dashboard

A responsive dashboard concept — from user flows and wireframes in Figma to a fully interactive React interface with charts and filters.

ReactUI DesignData VizTailwind CSS

Live Code

E-commerce UI Kit

A reusable component library and design system for online stores, designed and coded to keep product teams consistent and fast.

Design SystemReactPrototyping

Live Code

Personal Portfolio

This very site — designed in Figma and built from scratch with Next.js, TypeScript, and Tailwind CSS. Proof of the stack, not just a claim.

Next.jsTypeScriptUX/UI

Live Code

04 — Case study

Redesigning a booking flow

A walkthrough of how I approach a product — from spotting the problem to shipping a working interface.

Problem

Users were abandoning the booking form halfway through. Too many fields, unclear steps, and no sense of progress made the experience feel heavier than it needed to be.

Research

I mapped the existing flow, reviewed drop-off points, and looked at how leading products handle multi-step forms. A few short user conversations confirmed where the friction was.

Wireframe

I sketched low-fidelity wireframes in Figma, breaking the form into clear steps with a visible progress indicator and only the fields that truly mattered at each stage.

UI design

I turned the wireframes into a clean, accessible interface — consistent spacing, strong contrast, and clear primary actions — then prototyped the interactions to validate the flow.

Build & result

I built the final flow in React and Next.js, matching the design pixel for pixel. The result: a lighter, faster form that's far easier to complete on any device.

05 — Contact

Let's work together

Have a project in mind or an open role? Send me a message — I usually reply within a day.

Emaillucas@waystack.com.br

LocationBrazil · Open to relocate