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 estoque sincronizado e filtros visuais

Caso em destaque

Superllantas by Socelautos

Vitrine + sistema de produtos pra uma loja de pneus off-road, com estoque sincronizado e filtros visuais por largura, perfil e aro.

Ver o caso completo →

O que eu trago pra mesa

Pesquisa de UX

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

User flows e wireframes

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

Design de interfaces

UI pronta pra produção em Figma, com sistemas de tipografia, cor e espaçamento. Componentes que se sustentam em qualquer tamanho de tela.

Otimização de conversão

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

Design systems

Tokens, componentes e documentação pra que design e engenharia falem a mesma língua. Menos drift, entrega mais rápida.

Testes de usabilidade

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

Como eu trabalho

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

01

Usuário + negócio

Começo entendendo usuário e negócio ao mesmo tempo — nenhum dos dois importa sem o outro. Empatia pelo cliente, olho clínico pra 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 visual vem depois que a estrutura está sólida. Construo um sistema claro de tipografia e espaçamento pra que as telas sejam consistentes sem ficar repetitivas.

04

Testar com cinco

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

05

Depois da entrega

Design não termina na entrega. 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 (pra handoff de design e protótipos)

Vamos destravar seu potencial

Pronto pra parar de fazer manualmente o que a IA faz em segundos? Vamos mapear seu primeiro fluxo juntos.

Agende uma chamada estratégica de graça
Design UI/UX para SaaS e E-commerce — Andrés Morales