Design de interfaceaprovado antes de virar código.
O layout inteiro desenhado e aprovado antes da primeira linha de código, porque mudar um desenho custa minutos e mudar um site pronto custa dias.
Mudar um desenho custa minutos.Mudar um site pronto custa dias.
O jeito caro de descobrir que uma tela não funciona é descobrir com ela já programada. É quando arrastar um botão vira meio dia de trabalho, e quando o cliente deixa de pedir ajustes que deveria pedir, para não atrasar a entrega. Por isso o layout inteiro vem primeiro: nessa fase, discordar é barato e mudar de ideia é esperado.
- Vou ver como fica antes de aprovar?
- Posso pedir mudança sem virar retrabalho?
- Funciona bem no celular?
- Minha identidade visual vai ser respeitada?
- E se eu não tiver identidade nenhuma?
- Quem usa todo dia vai achar fácil?
O projeto inteiro visívelantes de existir.
- 01
Layout completo antes do código
Todas as telas desenhadas e aprovadas por você. Nessa fase ajuste é conversa; depois de programado, é obra.
- 02
Celular como ponto de partida
A maior parte das visitas chega pelo telefone. Desenhar primeiro no menor tamanho evita a tela que só funciona bem no monitor de quem a desenhou.
- 03
Hierarquia guiando o olho
O que importa aparece primeiro, com tamanho e contraste fazendo esse trabalho. Tudo em destaque é o mesmo que nada em destaque.
- 04
Sua identidade respeitada, ou construída
Se você já tem marca, cor e tipografia, o desenho parte delas. Se não tem, a gente define o mínimo para o projeto não sair com cara de genérico.
- 05
Contraste e tamanho que dá para ler
Texto legível, área de toque que o dedo acerta e contraste suficiente. Acessibilidade aqui não é caridade, é gente conseguindo comprar.
- 06
Estados que a interface real precisa
Carregando, vazio, erro e sucesso. Tela desenhada só no estado bonito vira improviso na hora de programar.
Todo projeto passoupor essa etapa.

Jamilly Ferreira
Uma página só, desenhada para levar quem chega em dúvida até a conversa no WhatsApp.
Ver o case
Conectados
A página de uma conferência de dois dias, feita para vender ingresso enquanto o assunto está quente.
Ver o case
City Toys
Catálogo de brinquedos que responde as dúvidas da festa antes de a mãe precisar perguntar no WhatsApp.
Ver o case
Toyz
O sistema que tira a locadora de infláveis da planilha: agenda, contrato assinado no celular e financeiro no mesmo lugar.
Ver o case
Patas Felizes
A vitrine de um pet shop dentro do shopping, com o caminho até o agendamento no canal onde os clientes já estão.
Ver o case
Conecta Contábil
Contabilidade que fala a língua de quem vende online, com preço na mesa antes de a conversa começar.
Ver o case
Nathalia
Uma página que dá nome ao que a pessoa está sentindo antes de falar em abordagem, técnica ou preço.
Ver o case
Do primeiro contatoao site no ar.
- 01
Conversa
Entendo como você atende hoje e o que o site precisa resolver.
- 02
Protótipo
Você aprova o layout inteiro antes de qualquer linha de código.
- 03
Desenvolvimento
Código escrito do zero, com você acompanhando cada etapa.
- 04
No ar
Publicação, domínio configurado e o site entregue funcionando.
O que perguntamantes de começar.
Normalmente junto, porque é a mesma entrega: o layout aprovado é a primeira etapa do projeto. Também faço só o desenho, para quem já tem quem programe.
As necessárias para você aprovar de verdade, e é justamente por isso que essa fase vem antes do código. Ajuste aqui é barato; o combinado sobre escopo fica no contrato.
Não trava. Dá para definir o mínimo, cor, tipografia e tom, junto com o projeto. Marca completa é outro trabalho, mas o site não precisa esperar por ela.
Uso, e você recebe. O arquivo é seu, e serve para qualquer outro profissional continuar o trabalho depois.
Não. UX é decidir o caminho que a pessoa percorre e o que ela precisa em cada passo; UI é como isso aparece na tela. Projeto pequeno resolve os dois na mesma etapa, mas as decisões são de naturezas diferentes.
Vale quando a equipe contorna a ferramenta, quando todo mundo novo precisa de treinamento ou quando o erro se repete sempre no mesmo lugar. Isso é problema de interface, não de gente desatenta.
Vamos desenharantes de construir?
Manda uma mensagem contando o que precisa ser feito. Sem compromisso.