O sistema funciona, mas ninguém gosta de usar. As funções estão lá, mas os usuários se perdem, ligam no suporte e abandonam no meio do processo.
Marca e design
Telas que o usuário entende sem precisar de manual.
Desenhamos a interface e a experiência do seu app, sistema ou site no Figma, com protótipo navegável para você testar antes de investir no desenvolvimento.
FerramentaFigma
EntregaProtótipo navegável
ParaApps, sistemas e sites
Bom dia, Ana
Sua próxima aula
S12T13Q14Q15
Pilates solo07:00 · Sala 2
Reformer12:30 · Sala 1
Alongamento18:00 · Sala 2
Reservar aula
✓
Aula reservada
Adicionar à agenda
Manifesto
Corrigir uma tela no Figma custa minutos. Corrigir a mesma tela depois de programada custa semanas. Um bom design de produto é a forma mais barata de evitar retrabalho.
UI/UX design na Cleiton Gomes: design de interfaces para aplicativos, sistemas e sites, com protótipo navegável no Figma antes de qualquer linha de código. Indicado para startups validando um MVP, empresas com sistema interno e criadores de SaaS. Investimento a partir de R$ 6.000; prazo: 15 a 30 dias úteis. Atendimento online para todo o Brasil.
O ponto de partida
Talvez você se reconheça aqui.
O programador está decidindo o design. Sem telas definidas, cada desenvolvedor resolve de um jeito e o produto fica sem padrão.
Você não consegue mostrar a ideia. Para investidores, sócios ou clientes, explicar o app em palavras não convence. Falta algo para clicar.
Entregáveis
O que você recebe.
Um projeto de interface completo, pronto para validar com usuários e entregar ao time de desenvolvimento.
Mapa de usuários. Quem usa o produto, o que precisa fazer e onde costuma travar.
Fluxos e arquitetura. O caminho de cada tarefa, do primeiro clique até o objetivo, sem passos sobrando.
Wireframes. A estrutura de cada tela em baixa fidelidade, para validar a lógica antes do visual.
Interface final. Telas em alta fidelidade com a identidade da marca, em versão desktop e mobile.
Protótipo navegável. Telas conectadas no Figma para clicar, testar e apresentar como se fosse o produto real.
Design system. Biblioteca de componentes, cores, fontes e estados para o produto crescer com padrão.
Acessibilidade. Contraste, tamanhos de toque e textos pensados para todo tipo de usuário.
Handoff para o dev. Arquivo organizado com medidas, estados e especificações para quem vai programar.
Antes de contratar
Para quem é, e o que está incluso.
Sem letras miúdas: você sabe exatamente o que recebe antes de assinar. O que não está incluso, orientamos ou orçamos à parte.
Atendemos startups validando um MVP, criadores de SaaS, empresas com sistemas internos, áreas de membros, plataformas, painéis e aplicativos que precisam de um redesign.
Também é para times de desenvolvimento que não têm designer e para quem vai buscar investimento e precisa mostrar o produto antes de ele existir.
O design define como o produto funciona e como ele fica, mas não inclui a programação. Se você precisa do aplicativo ou do sistema funcionando, o desenvolvimento é um serviço separado, que também fazemos.
Também não funciona para quem ainda não tem clareza mínima do que o produto faz, nem para quem quer telas bonitas sem considerar quem vai usar.
Começamos com uma reunião de descoberta para entender o produto, os usuários e os objetivos. Depois, desenhamos os fluxos de usuário e os wireframes das telas, para validar a lógica antes do visual.
Com a estrutura aprovada, criamos a interface em alta fidelidade, nas versões desktop e mobile, e montamos um protótipo navegável no Figma. No final, você recebe o arquivo organizado para o time de desenvolvimento.
A programação do produto é um serviço separado, que também fazemos em sistemas web e SaaS e em criação de aplicativos.
Pesquisas com grandes grupos de usuários, ilustrações e animações complexas são orçadas à parte. Planos pagos do Figma ou de bibliotecas ficam no seu nome, e a redação completa dos textos do produto entra em copywriting.
Como funciona
Da ideia ao protótipo validado.
Etapas claras: em cada uma você sabe o que estamos fazendo, o que precisamos de você e quanto tempo leva.
Arraste ou use as setas
Investimento
Formatos e investimento.
As faixas abaixo dependem da quantidade de telas e da complexidade das regras. O valor exato sai na proposta, depois da descoberta.
01
Protótipo de MVP
Para validar uma ideia com usuários ou investidores.
InvestimentoR$ 8.000 a R$ 80.000
Prazo15 a 20 dias úteis
O que inclui
- Fluxos principais
- Telas essenciais em alta fidelidade
- Protótipo navegável
Tudo o que está incluso
- Fluxos principais
- Telas essenciais em alta fidelidade
- Protótipo navegável
- 2 rodadas de ajuste
02
Produto completo
Para apps e sistemas que vão para desenvolvimento.
InvestimentoR$ 25.000 a R$ 250.000
Prazo2 a 4 meses
O que inclui
- Descoberta e arquitetura
- Wireframes e interface final
- Design system
Tudo o que está incluso
- Descoberta e arquitetura
- Wireframes e interface final
- Design system
- Handoff para desenvolvimento
03
Redesign e auditoria
Para produtos que já existem e precisam melhorar a experiência.
InvestimentoR$ 6.000 a R$ 60.000
Prazo15 a 30 dias úteis
O que inclui
- Análise de usabilidade
- Lista de problemas priorizada
- Redesenho das telas críticas
Tudo o que está incluso
- Análise de usabilidade
- Lista de problemas priorizada
- Redesenho das telas críticas
- Recomendações de melhoria
Dúvidas frequentes
Antes de você perguntar.
Qual a diferença entre UI e UX?
UX é a experiência: os caminhos, a lógica e a facilidade de uso. UI é a interface: o visual das telas.
No projeto, as duas são trabalhadas juntas, porque uma tela bonita e difícil de usar não resolve o problema.
Por que fazer o design antes de programar?
Porque corrigir uma tela no Figma leva minutos, e corrigir a mesma tela depois de programada leva dias.
O protótipo permite testar e ajustar o produto antes de investir no desenvolvimento.
O que é um protótipo navegável?
É uma versão clicável das telas, feita no Figma, que simula o uso do produto. Você navega entre as telas como se o sistema já existisse, sem nenhuma linha de código.
Recebo o arquivo do Figma?
Sim. O arquivo é seu, organizado com telas, componentes e estilos, pronto para o time de desenvolvimento ou para futuras evoluções.
Vocês também programam?
Sim. O desenvolvimento entra nos serviços de sistemas web e SaaS e de criação de aplicativos, e pode ser contratado junto ou depois do design.
O que é design system?
É a biblioteca de componentes, cores, fontes e regras do produto. Ele garante que todas as telas sigam o mesmo padrão e acelera o trabalho de quem desenvolve.
Serve para apresentar a investidores?
Sim. O protótipo navegável é uma das melhores formas de mostrar o produto antes de ele existir, com a experiência real de uso.
Já tenho o sistema pronto. Faz sentido?
Faz. O formato de redesign começa com uma auditoria das telas atuais, lista os problemas de uso por prioridade e redesenha primeiro o que mais atrapalha o usuário.
Quanto tempo leva?
Depende da quantidade de telas e da complexidade dos fluxos. Um protótipo de MVP leva algumas semanas; um produto completo, mais tempo.
O prazo exato sai na proposta, depois da conversa de descoberta.
Vocês testam com usuários?
Sim, em formato enxuto: validamos os fluxos principais com algumas pessoas do público do produto. Pesquisas com grandes grupos de usuários são orçadas à parte.