Fluxos de usuário
Os caminhos que as pessoas percorrem no produto: onde uma jornada começa, o que acontece em cada etapa e onde ela termina. Mapeamos os principais cenários e os desdobramentos relevantes.
Resultado: fluxos definidos antes das telas.
ServiçosDesign UX/UI
Design UX/UI
Somente design, para um produto cujo escopo já está definido: fluxos, telas, estados, um sistema de design e entrega para seus desenvolvedores. O design de telas para aplicativos móveis também se enquadra neste trabalho.
Fluxos, telas e estados.
Prontos para seus desenvolvedores.
Somente design, para um produto cujo escopo já está definido. Trabalhamos nos fluxos do usuário, projetamos as telas e seus estados e entregamos um sistema de design que seus desenvolvedores podem usar como base. O design de telas para aplicativos móveis também se enquadra neste trabalho.
O produto está definido.
Agora precisa das telas.
A tarefa, o público e o escopo são conhecidos. Agora, o produto precisa de uma interface coerente: fluxos que façam sentido, telas que funcionem em dispositivos reais e estados que contemplem o que realmente acontece.
Projetamos dentro do seu produto e entregamos o resultado à sua equipe. O desenvolvimento não faz parte deste serviço; os arquivos são preparados para que seus desenvolvedores possam usá-los diretamente na implementação.
Se o produto ainda está tomando forma, conheça Design de produto.
O que faz parte
do seu design.
Dos fluxos do usuário à entrega: os elementos de que seus desenvolvedores precisam para criar a interface.
Telas
A interface de cada etapa, projetada para as plataformas e os tamanhos de tela acordados — web, aplicativo móvel ou ambos — com conteúdo realista.
Resultado: telas para os cenários acordados.
Estados
Estados vazio, de carregamento, erro e sucesso, além do momento antes de alguém confirmar uma ação. Na SKARR.PRO, as interações personalizadas e as transições são projetadas em detalhes.
Resultado: estados que contemplam o que realmente acontece.
Sistema de design
Componentes, tipografia, cores e comportamentos que funcionam em conjunto por todo o produto. A SKARR contempla as telas acordadas; a SKARR.PRO amplia o sistema para recursos futuros.
Resultado: um sistema que sua equipe pode expandir.
Entrega
Arquivos do Figma organizados para o desenvolvimento, com componentes, especificações e observações. Na SKARR.PRO, damos suporte aos seus desenvolvedores durante a implementação.
Resultado: uma entrega que seus desenvolvedores podem usar como base.
Telas
em contexto.
Uma interface funciona quando todas as telas e estados fazem parte de um único sistema.
Banking App.
Da visão geral à decisão.
A pessoa passa de uma visão geral dos gastos para uma assinatura específica, compara as opções e dá um próximo passo claro. Cada tela e estado ao longo do percurso faz parte de uma única jornada.
Nosso próprio produto, em desenvolvimento. Experimente a demonstração interativa para ver as telas em uso.
Experimente a demonstraçãoArquivos do Figma que seus desenvolvedores
podem usar como base.
Você recebe os fluxos, as telas e os estados acordados em arquivos do Figma organizados, com um sistema de design que inclui componentes, tipografia e comportamentos.
O desenvolvimento não faz parte deste serviço. Alterações após a entrega são um trabalho à parte; a SKARR.PRO inclui suporte aos seus desenvolvedores durante o período de entrega acordado.
Dos fluxos
à entrega.
Você traz o produto e seu escopo. Projetamos a interface com você e a preparamos para seus desenvolvedores.
01
Entender o escopo
Você compartilha o produto, o público e os cenários que devem ser contemplados. Analisamos os materiais existentes, confirmamos as plataformas e definimos o que será incluído no mês.
02
Mapear os fluxos
Analisamos as jornadas do usuário e as informações de que as pessoas precisam em cada etapa, e definimos os fluxos antes de projetar as telas.
03
Projetar telas e estados
Telas, estados e componentes ganham forma no Figma. Analisamos juntos as principais jornadas e refinamos os detalhes. Na SKARR.PRO, exploramos alternativas quando ainda há uma decisão em aberto.
04
Fazer a entrega
Os arquivos são organizados para o desenvolvimento, com especificações e observações. Na SKARR.PRO, permanecemos disponíveis para seus desenvolvedores durante o período de entrega acordado.
Escolha o nível de detalhe
que sua interface precisa.
As duas opções incluem somente design e são para produtos com escopo definido. Compare o nível de detalhamento das telas, do sistema e da entrega.
| Item |
SKARR
Telas com design sob medida. Uma linguagem visual própria.
$5,000 / mês
por mês de trabalho
Contratar SKARR
Pagamento seguro pelo Stripe |
SKARR.PRO
Mais profundidade e atenção aos detalhes em toda a experiência, em cada ponto de contato.
$6,990 / mês
por mês de trabalho
Contratar SKARR.PRO
Pagamento seguro pelo Stripe |
|---|---|---|
| O design | ||
| Ponto de partida | Ponto de partida Um produto cuja tarefa, público e escopo já estão definidos. | Ponto de partida O mesmo, com decisões de design em aberto que vale a pena explorar por meio de alternativas. |
| Fluxos e telas | Fluxos e telas Fluxos do usuário e telas para os cenários e plataformas acordados. | Fluxos e telas Fluxos do usuário e telas, com alternativas exploradas quando há uma decisão em aberto. |
| Estados e interações | Estados e interações Estados vazio, de carregamento, erro e sucesso para as telas acordadas. | Estados e interações Os mesmos estados, com interações personalizadas e transições projetadas em detalhes. |
| Sistema de design | ||
| Componentes | Componentes Componentes, tipografia, cores e comportamentos para as telas acordadas. | Componentes Um sistema ampliado, preparado para telas e recursos futuros. |
| Plataformas | Plataformas Web, aplicativo móvel ou ambos, conforme acordado para o projeto. | Plataformas Web, aplicativo móvel ou ambos, com adaptação mais aprofundada a diferentes tamanhos e plataformas. |
| Entrega | ||
| Trabalho mensal | Trabalho mensal Trabalho de design ao longo do mês. O escopo e os resultados previstos são definidos antes do início. | Trabalho mensal Trabalho de design ao longo do mês, no nível de detalhamento selecionado. O escopo e os resultados previstos são definidos antes do início. |
| O que você recebe | O que você recebe Arquivos do Figma organizados: fluxos, telas, estados e sistema de design. | O que você recebe O mesmo, com as alternativas exploradas e o sistema ampliado. |
| Suporte aos desenvolvedores | Suporte aos desenvolvedores Observações para a entrega e respostas a perguntas no momento da transferência. | Suporte aos desenvolvedores Suporte aos seus desenvolvedores durante o período de entrega acordado. |
Antes
de começarmos.
Vocês também desenvolvem a interface?
Não. O Design UX/UI abrange o design e a entrega. A implementação da interface projetada é um serviço separado: Desenvolvimento frontend para sites e interfaces web, e Desenvolvimento de aplicativos para aplicativos.
Vocês podem projetar telas para aplicativos móveis?
Sim. O design de telas para aplicativos móveis se enquadra neste tipo de trabalho. Definimos as plataformas e os tamanhos de tela no início.
O que precisamos fornecer?
O produto ou sua descrição, os cenários que devem ser contemplados, os materiais existentes, como a marca, as telas atuais e os dados analíticos, além de alguém que possa tomar decisões durante o mês.
E se o produto ainda não estiver definido?
Nesse caso, o trabalho começa antes. O Design de produto trabalha a tarefa, o público e o modelo do produto antes das telas.
O que acontece depois da entrega?
Seus desenvolvedores implementam a partir dos arquivos. Na SKARR.PRO, as dúvidas durante o período de entrega acordado estão incluídas. Novas telas são definidas como um novo trabalho.
Ainda tem dúvidas?
Converse sobre sua interface