Skip to main contentPular para o conteúdo principal
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)

Frequently asked questions

Common questions about audits, redesigns, research, and handoff.

What is the difference between a UX audit and a UX redesign?

A UX audit is a written report: what is wrong, why it is wrong, what to change, and in what order. You hand it to your dev team (or to me) and they implement. A UX redesign is the same analysis plus a fully designed replacement in Figma that gets implemented directly. Most clients start with the audit, see the value, then move to the redesign.

How long does a UX redesign take?

A focused landing page redesign ships in 1 to 2 weeks. A full app redesign (5 to 20 key screens, design system, prototype, handoff) ships in 3 to 6 weeks. The audit before the redesign adds another 1 to 2 weeks. Rushing past those numbers is how you get redesigns that look pretty but do not actually move the metrics you said you cared about.

Do you do user research, or just design from best practices?

Both, depending on the budget. For most projects, a research round (5 to 8 user interviews + a synthesis) doubles the cost but also doubles the chance the redesign actually changes behavior. For smaller projects, I skip the interviews and design from analytics + session recordings + heuristic best practice. The call is yours; I will recommend the option that fits the risk.

What tools do you work in?

Figma for design, FigJam for whiteboarding, Maze or Useberry for unmoderated usability tests, Hotjar or PostHog for session recordings and heatmaps, Notion for written reports and design systems documentation. I do not use Sketch, Adobe XD, or any tool that locks your design files into a vendor format.

Can you hand off the design to my existing development team?

Yes. The handoff includes a Figma file with auto-layout, a documented design system (colors, type, spacing, components), a prototype for the flows that need to feel right before build, and a recorded walkthrough. I stay available during the build for clarifications but am not the developer on your side.

What if I already have a design and just need it implemented well?

That is the simpler version of the same engagement. I push back on the Figma early — anywhere the design will not survive code, I flag it before build so we do not discover the problem mid-sprint. Then I implement against the approved Figma with weekly demos and a final QA pass.

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
Automação IA · UI/UX · Produção

Faça a coisa.Sem boilerplate.

Estúdio independente em Cali. Fluxos de automação, UI feita à mão e web ponta-a-ponta — para times que preferem ter pronto a debater.

Vamos conversar
2,014Fundado em 2014

Do brief ao deploy, o estúdio mantém tudo em um só lugar: escopo, design, construção, entrega. Briefs chegam na mesa, entregas vão pro cliente.

Andrés Morales

Agende uma chamada de 30 minou me envie um briefing