UX/UI · Processo

Como funciona um projeto de UX/UI

Por Vittor Santos·11 de agosto de 2026·7 min de leitura

Um bom projeto de UX/UI não começa no Figma — começa numa conversa e numa pesquisa. Se você vai contratar (ou só quer entender o que acontece por trás), aqui está o caminho da primeira reunião até o protótipo pronto pra programar.

Etapa 1 — Descoberta (briefing + pesquisa)

Antes de qualquer tela, a gente entende o negócio: quem é o cliente, o que ele precisa fazer, quem são os concorrentes e qual é o objetivo (vender, captar lead, informar). É a etapa que define o escopo e o prazo — e a que mais economiza dinheiro, porque evita construir a coisa errada.

Etapa 2 — Arquitetura e fluxos (wireframe)

Aqui montamos o "esqueleto" em cinza: onde fica cada informação, a ordem das seções, o caminho que o usuário faz até a ação. Sem cor, sem imagem — de propósito. É mais barato mudar uma caixa cinza do que refazer uma tela colorida inteira. É pura decisão de UX.

Etapa 3 — Interface (UI + design system)

Com a estrutura aprovada, entra o visual: cores da marca, tipografia, botões, ícones, imagens. Criamos um design system — um kit de peças reutilizáveis — pra tudo ficar consistente e fácil de manter. É quando o projeto ganha a cara final.

Página final de um site desenhado pela Rottiv Design (case Like Link Telecom)
O resultado: da estrutura em cinza à página final, cada seção guia o visitante até contratar. Ver a case completa →

Etapa 4 — Protótipo navegável (testar antes de programar)

Esta é a etapa que mais gente pula — e não deveria. Montamos um protótipo clicável: você navega, clica nos botões e sente como o site ou app vai funcionar antes de gastar um real com programação. Achou um problema? A gente corrige no design, que é barato, em vez de no código, que é caro.

Você vê como o produto funciona antes de gastar com desenvolvedor. Zero surpresa na entrega — e zero retrabalho caro.

Etapa 5 — Entrega e acompanhamento

No fim você recebe as telas, o protótipo, os arquivos abertos e um manual de aplicação — tudo seu. E o acompanhamento não acaba no "enviei por e-mail": a gente apoia o handoff pro desenvolvedor pra garantir que o que foi desenhado é o que vai pro ar.

Quanto tempo leva

Depende do tamanho, mas para dar uma referência: uma landing page costuma levar de 1 a 2 semanas; um site institucional, de 3 a 6; um app, mais. O prazo é definido no diagnóstico, com escopo fechado — nada de esteira genérica com data no chute.

Quer ver esse processo aplicado ao seu projeto?

No diagnóstico gratuito a gente define escopo, prazo e as etapas do seu site ou app. Sem compromisso, resposta em 24h.