UX/UI Design de produtos digitais
UX/UI Design é a disciplina que define como um produto digital funciona para as pessoas (experiência do usuário) e como ele se apresenta visualmente (interface). Na Wisalo, software house de Curitiba fundada em 2019, o design é feito com base em pesquisa com usuários e em conjunto com a engenharia, para que o que é desenhado seja viável, acessível e chegue à produção como foi pensado.
Visão geral
Uma boa interface reduz dúvidas, erros e chamados de suporte. Ela guia o usuário até o objetivo dele sem que ele precise pensar no caminho. Para isso, o design precisa começar por entender quem usa o produto, em que contexto e com quais dificuldades, e não por escolher cores.
Como designers e desenvolvedores trabalham no mesmo time, os componentes desenhados viram componentes de código reutilizáveis. Isso mantém a consistência visual entre telas e produtos e acelera a construção de novas funcionalidades.
Acessibilidade não é etapa final: seguimos as diretrizes WCAG desde os primeiros wireframes, verificando contraste, tamanho de áreas de toque, ordem de navegação por teclado e textos alternativos. Também consideramos desempenho no design, evitando animações e imagens que deixem as telas lentas em celulares de entrada ou em conexões instáveis. Ao fim de cada ciclo, o time de design acompanha a implementação para garantir que o resultado em produção corresponda ao que foi validado com os usuários.
Para quem é
Empresas criando um novo produto
Times que precisam transformar uma ideia em fluxos e telas validados antes de investir no desenvolvimento completo.
Produtos com baixa adoção
Sistemas que os usuários evitam, abandonam no meio do fluxo ou só usam com treinamento intenso.
Empresas com vários produtos inconsistentes
Organizações cujas telas parecem feitas por empresas diferentes e que precisam de um design system comum.
Instituições que precisam de acessibilidade
Órgãos públicos e empresas que precisam atender pessoas com deficiência e seguir as diretrizes de acessibilidade.
Problemas que resolvemos
Usuários se perdem nos fluxos
Redesenhamos a arquitetura de informação e os fluxos a partir de testes com usuários reais.
Retrabalho entre design e desenvolvimento
Entregamos especificações e componentes prontos para implementação, alinhados com a engenharia desde o início.
Interface inconsistente
Criamos um design system com tokens e componentes documentados, usado por todas as telas.
Exclusão de pessoas com deficiência
Aplicamos as diretrizes WCAG: contraste, navegação por teclado, textos alternativos e compatibilidade com leitores de tela.
Decisões baseadas em opinião
Usamos pesquisa e testes de usabilidade para decidir com base no comportamento dos usuários.
O que entregamos
Pesquisa e testes com usuários
Entrevistas, análise de jornada e testes de usabilidade para entender necessidades e validar soluções.
Wireframes e protótipos interativos
Fluxos navegáveis que permitem testar a solução antes de desenvolvê-la.
Design systems
Tokens de cor, tipografia e espaçamento e uma biblioteca de componentes documentada para design e código.
Interfaces de alta fidelidade
Telas finais para web e mobile, com estados de carregamento, erro e vazio definidos.
Animações e micro-interações
Movimento com propósito, que dá retorno ao usuário sem prejudicar desempenho ou acessibilidade.
Identidade digital
Aplicação da marca em produtos digitais, com consistência entre site, sistema e aplicativo.
Tecnologias e stack
Usamos ferramentas que aproximam design e código, para que o que foi desenhado seja o que chega ao usuário:
- Figma
- Framer
- Storybook
- Design Tokens
- WCAG 2.1
- React
- Material UI
Como trabalhamos
Imersão
Entendemos o negócio, os usuários, as métricas atuais e as restrições técnicas.
Pesquisa
Ouvimos usuários e analisamos dados de uso para identificar os principais problemas.
Ideação e prototipação
Exploramos alternativas e construímos protótipos navegáveis dos fluxos prioritários.
Validação
Testamos os protótipos com usuários e ajustamos antes do desenvolvimento.
Entrega e acompanhamento
Entregamos especificações e componentes, acompanhamos a implementação e medimos o resultado após o lançamento.
Perguntas frequentes
Qual a diferença entre UX e UI?
UX (experiência do usuário) trata de como o produto funciona: fluxos, organização da informação e facilidade de uso. UI (interface do usuário) trata da camada visual: cores, tipografia, componentes e layout. A Wisalo trabalha as duas de forma integrada.
Vocês fazem apenas o design ou também desenvolvem?
Fazemos os dois. Podemos entregar somente o design, com especificações para o seu time implementar, ou conduzir também o desenvolvimento com nossa equipe de engenharia.
O que é um design system e quando vale a pena?
É um conjunto de padrões, tokens e componentes reutilizáveis, documentados para design e código. Vale a pena quando há várias telas, produtos ou equipes, porque garante consistência e acelera a construção de novas funcionalidades.
Como vocês garantem a acessibilidade?
Seguimos as diretrizes WCAG 2.1 nível AA desde o design: contraste adequado, foco visível, navegação por teclado, textos alternativos e semântica correta, verificados também na implementação.
É possível melhorar o design de um sistema que já está em uso?
Sim. Começamos por um diagnóstico de usabilidade e priorizamos as melhorias de maior impacto, aplicando-as de forma gradual para não interromper o uso do sistema.
Vocês desenham para web e para aplicativos?
Sim. Desenhamos interfaces para sites, sistemas web e aplicativos iOS e Android, respeitando as convenções de cada plataforma e mantendo a identidade visual consistente entre elas.
Vamos conversar sobre o seu projeto?
Conte o contexto, o objetivo e as restrições do seu desafio. Um especialista da Wisalo retorna com os próximos passos.
Fale com um especialista →