Skip to main content
Andrés Morales

Frente 02 · Design UI/UX

Design UI/UX

Interfaces que parecem óbvias e convertem. Pesquisa, design e iteração — até o usuário não precisar pensar duas vezes.

Calendário de campanhas de marketing eFlow com e-mails agendados e campanhas ativas
47+

telas redesenhadas em projetos de e-commerce e SaaS

+32%

de aumento médio em conversão em landing pages redesenhadas

6

design systems entregues com tokens e componentes documentados

Superllantas by Socelautos: e-commerce de pneus com inventário sincronizado e filtros visuais

Caso em destaque

Superllantas by Socelautos

Storefront + sistema de produtos para um revendedor de pneus off-road, com inventário sincronizado e filtros visuais por largura, perfil e aro.

Ver o caso completo →

O que eu trago para a mesa

Pesquisa UX

Entrevistas com usuários, surveys, testes de usabilidade e análise competitiva. Investigo o comportamento real para que o design parta de evidência, não de suposição.

User flows e wireframes

Fluxos de ponta a ponta que tornam o próximo passo óbvio. Wireframes que travam a estrutura antes dos pixels assumirem.

Design de interfaces

UI pronta para produção em Figma com sistemas de tipografia, cor e espaçamento. Componentes que seguram bem em qualquer tamanho de tela.

Otimização de conversão

Cada tela tem um trabalho. Itero sobre copy, layout e hierarquia de CTAs para que o caminho até a conversão seja curto e óbvio.

Design systems

Tokens, componentes e documentação para que design e engenharia falem a mesma língua. Menos drift, entregas mais rápidas.

Testes de usabilidade

Sessões moderadas e não-moderadas. Usuários reais, tarefas reais, métricas reais. Transformo achados em um backlog acionável para o seu time de dev.

Como eu trabalho

Cinco passos, em todo projeto. O mesmo ritmo tanto para entregar um fix de uma tela quanto um redesign completo de produto.

01

Usuário + negócio

Começo entendendo o usuário e o negócio ao mesmo tempo — nenhum dos dois importa sem o outro. Empatia pelo cliente, olho clínico para os números.

02

Mapear o fluxo

Depois de mapear a jornada e travar o fluxo, avanço rápido nos wireframes. Barato de mudar, caro de pular.

03

Sistema primeiro

O design visual vem depois que a estrutura é sólida. Construo um sistema claro de tipografia e espaçamento para que as telas sejam consistentes sem ficar repetitivas.

04

Testar com cinco

Toda interface é testada. Cinco usuários pegam 85 % dos problemas de usabilidade, e o resto entra no próximo sprint.

05

Depois do hand-off

Design não termina no hand-off. Sento com a engenharia, revejo cada PR e ajusto o produto ao vivo quando chegam dados do mundo real.

Ferramentas com que trabalho

  • Figma
  • Maze
  • Hotjar / Microsoft Clarity
  • Notion / Confluence
  • Google Analytics 4
  • TypeScript e Tailwind (para handoff de design e protótipos)

Liberte o potencial juntos

Pronto para parar de fazer manualmente o que poderia ser automatizado em segundos? Vamos mapear o primeiro fluxo.

Agende uma chamada gratuita de estratégia
UI/UX Design — Andrés Morales