Disponível para novos projetos

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.

01 O problema

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?
02 O que você recebe

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.

03 Já no ar

Todo projeto passoupor essa etapa.

04 Como funciona

Do primeiro contatoao site no ar.

  1. 01

    Conversa

    Entendo como você atende hoje e o que o site precisa resolver.

  2. 02

    Protótipo

    Você aprova o layout inteiro antes de qualquer linha de código.

  3. 03

    Desenvolvimento

    Código escrito do zero, com você acompanhando cada etapa.

  4. 04

    No ar

    Publicação, domínio configurado e o site entregue funcionando.

05 Dúvidas

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.