Kaique Rocha

Design que funciona
por dentro e por fora. Design that works
inside and out.

Formado em Engenharia de Software pela PUC-MG, atuo como freelancer em web design e UX/UI. O que me diferencia: entendo código. Não apenas entrego interfaces bonitas — entendo as restrições técnicas, otimizo para performance e me comunico com desenvolvedores sem ruído.

Software Engineering graduate from PUC-MG, working as a web design and UX/UI freelancer. What sets me apart: I understand code. I don't just deliver beautiful interfaces — I understand technical constraints, optimize for performance, and communicate with developers without friction.

Meu processo vai da pesquisa ao protótipo no Figma, e do protótipo ao código limpo — tudo por conta própria, quando o projeto exige.

My process goes from research to Figma prototype, and from prototype to clean code — all on my own, when the project demands it.

Anos de experiênciaYears experience

12+

Projetos entreguesProjects delivered

FigmaHTML / CSSJavaScript UX ResearchWireframing PrototipaçãoBranding Design SystemsResponsive

Agência de ViagensTravel Agency

Web Design · UI

Globe Express

Landing page para agência de turismo premium. Dark theme com dourado para transmitir sofisticação — hierarquia visual que leva o usuário da inspiração à conversão. Slider de destinos, busca de voos por tabs e grid de ofertas. Landing page for a premium travel agency. Dark theme with gold to convey sophistication — visual hierarchy guiding users from inspiration to conversion. Destination slider, tabbed flight search, and an offers grid.

FigmaHTML/CSSDark UIUX Flow

Ver site ao vivoView live site

Marca OutdoorOutdoor Brand

Branding · Web Design

TRACK

Brand site atmosférico para marca de trilhas. Serra do Espinhaço inspirou a paleta — verde escuro, osso e ferrugem. Narrativa imersiva construída no Figma antes do código. Tipografia editorial que contrasta com a brutalidade da natureza. Atmospheric brand site for a hiking brand. Serra do Espinhaço inspired the palette — dark green, bone and rust. Immersive narrative built in Figma before code. Editorial typography contrasting with nature's rawness.

FigmaBrandingEditorialStorytelling

Ver site ao vivoView live site

Arte & CerâmicaArt & Ceramics

E-commerce · Identidade Visual

Olaria Norte

Site para ateliê de cerâmica artesanal. Desafio: equilibrar estética artística com conversão. Peças únicas precisam de espaço para respirar — mas o usuário precisa chegar ao checkout. Identidade criada no Figma com tons terrosos e tipografia que remete ao barro. Site for a handmade ceramics studio. Challenge: balance artistic aesthetics with conversion. Unique pieces need room to breathe — but users must reach checkout. Identity crafted in Figma with earthy tones and typography that evokes clay.

FigmaE-commerceArt Direction

Ver site ao vivoView live site

Reserva de Hotel · MobileHotel Booking · Mobile

UX Design · Case Study

Hotel Checkout Flow

Caso de estudo completo: redesenho de um checkout mobile para reserva de hotéis em 6 etapas. Foco em reduzir abandono e construir confiança no momento mais crítico da jornada — do problema ao protótipo no Figma. Full case study: redesign of a mobile hotel booking checkout in 6 steps. Focus on reducing drop-off and building trust at the most critical moment of the journey — from problem to Figma prototype.

FigmaUX ResearchMobileCheckout Flow

Ver caso de estudoView case study

Estudos em UX/UIUX/UI Studies

A Engenharia de Software deu a base lógica. Os estudos em UX/UI deram o lado humano. Hoje pratico as duas com o usuário sempre no centro. Software Engineering provided the logical foundation. UX/UI studies added the human side. Today I practice both with the user always at the center.

🔍

Pesquisa de UsuárioUser Research

Entrevistas, personas e jornadas para entender o problema antes de qualquer solução visual. Bom design começa na escuta.Interviews, personas, and journeys to understand the problem before any visual solution. Good design starts with listening.

✏️

Prototipação no FigmaFigma Prototyping

Do sketch ao protótipo navegável no Figma — fluxos e componentes testados antes de qualquer linha de código.From sketch to navigable Figma prototype — flows and components tested before any line of code.

🎨

Design Visual & UIVisual Design & UI

Tipografia, hierarquia e paleta como ferramentas de comunicação. Cada escolha tem intenção — não é decoração, é direção.Typography, hierarchy, and palette as communication tools. Every choice has intent — not decoration, direction.

📐

Design Systems

Componentes reutilizáveis e guias de estilo no Figma que garantem consistência e escalam junto com o produto.Reusable components and style guides in Figma that ensure consistency and scale with the product.

⚡

Performance & CódigoPerformance & Code

Como engenheiro, sei que o melhor design falha se carregar lento. Otimizo para que a experiência seja tão rápida quanto bonita.As an engineer, I know the best design fails if it loads slow. I optimize so the experience is as fast as it is beautiful.

♿

Acessibilidade

Contraste WCAG, semântica HTML e navegação por teclado. Design que funciona para todo mundo — não é bônus, é requisito.WCAG contrast, HTML semantics, and keyboard navigation. Design that works for everyone — not a bonus, a requirement.

Fotografia
como olhar.Photography
as a lens.

A fotografia me ensinou a ver antes de agir. Enquadramento, luz, momento decisivo — conceitos que carrego direto para o design. Uma boa foto e uma boa interface têm muito em comum: ambas guiam o olhar com intenção. Photography taught me to see before I act. Framing, light, the decisive moment — concepts I carry directly into design. A great photo and a great interface share a lot: both guide the eye with intention.

Nas trilhas ou nas ruas, a câmera é companhia. Documentar o cotidiano treina o olho para os detalhes que fazem a diferença — na foto e no pixel. On trails or on streets, the camera is a companion. Documenting everyday life trains the eye for the details that make the difference — in the photo and in the pixel.

Design que funciona
por dentro e por fora. Design that works
inside and out.

ProjetosProjects

Globe Express

TRACK

Olaria Norte

Hotel Checkout Flow

Estudos em UX/UIUX/UI Studies

Pesquisa de UsuárioUser Research

Prototipação no FigmaFigma Prototyping

Design Visual & UIVisual Design & UI

Design Systems

Performance & CódigoPerformance & Code

Acessibilidade

Fotografia
como olhar.Photography
as a lens.

Tem um projeto?Got a project?

Kaique Rocha

Design que funcionapor dentro e por fora. Design that worksinside and out.

ProjetosProjects

Globe Express

TRACK

Olaria Norte

Hotel Checkout Flow

Estudos em UX/UIUX/UI Studies

Pesquisa de UsuárioUser Research

Prototipação no FigmaFigma Prototyping

Design Visual & UIVisual Design & UI

Design Systems

Performance & CódigoPerformance & Code

Acessibilidade

Fotografiacomo olhar.Photographyas a lens.

Tem um projeto?Got a project?

Design que funciona
por dentro e por fora. Design that works
inside and out.

Fotografia
como olhar.Photography
as a lens.