Criação de Produtos Digitais | Duck Design Studio

// design to solve problems

↘
O que diferencia os produtos da Duck?

Time de design dedicado

Propomos criar uma base sólida para que times mais enxutos de design possam manter um alto padrão de qualidade. Devs não devem ser responsáveis pelo visual do seu produto.

Sabemos como é difícil contratar e manter times de design com vasta experiência. Justamente por isso, temos grande experiência em trabalhar diretamente com times internos de desenvolvimento e fazer o repasse mais completo, organizado e documentado possível.

Design System e documentação

Construímos telas a partir de componentes, e essa modularização do design garante escalabilidade e coesão para toda a experiência do seu produto digital.

Daremos um começo muito sólido para o seu design system e estaremos em um contato muito próximo do seu time de desenvolvimento para consolidá-lo a partir das suas demandas. Entregamos telas prontas e também bibliotecas documentadas e feitas sob-medida para você.

Redesign de fluxos

Reconstruímos fluxos e features existentes do seu produto, interpretando dados e percepções para construir novas telas.

A partir da nossa abordagem de pesquisa, podemos entender de maneira mais profunda como redesenhar novas telas para o seu produto, redesenhando fluxos e features inteiros baseando-se e tomando decisões a partir do feedback dos usuários.

// Nosso processo para construção de produtos digitais

Pesquisa

Consta em uma profunda imersão para entendermos diversos pontos que servirão como base para o plano de ação/estratégia do novo fluxo de telas do seu produto digital.

Esta imersão é pautada a partir de entrevistas em profundidade, coleta de dados quantitativos, análise heurística, CJM, busca referencial, etc.

// Entregas dessa etapa

→ Relatório de Usabilidade e Estratégia referente ao seu projeto;

Wireframes

A segunda etapa do processo consiste em colocar em prática todas as constatações que fizemos no relatório de pesquisa e desenhar o rascunho do que serão as novas telas.

A partir deste wireframe temos ideia de quais componentes precisaremos desenhar para então começar a construir o design system. Enviaremos em conjunto qual o fluxo ideal antes de desenhar.

// Entregas dessa etapa

→ Protótipo em baixa fidelidade do fluxo a ser redesenhado;
→ Lista de componentes a serem criados no design system;

Design

Nesta etapa executamos o que foi proposto no Wireframe a partir do design modular. Separamos os componentes em bibliotecas e criamos os vários estados deles.

Nessa etapa tornamos o protótipo de baixa fidelidade em alta fidelidade. Também prevemos todos os estados possíveis de cada componente (empty, hover, active, etc.) e a partir deles construímos no Figma todas as telas com suas respectivas interações.

// Entregas dessa etapa

→ Protótipo em alta fidelidade do fluxo redesenhado no Figma;
→ Design System completo com todas as suas variações e componentes.;

Repasse

Por fim, documentamos todo o fluxo aprovado e entregamos ele de maneira bastante detalhada para os desenvolvedores.

Ao documentar o que cada componente faz, também repassamos diversos comportamentos do Figma que devem ser observados ao construir as telas no código. Esse produto fica à disposição e ficamos disponíveis para solucionar eventuais dúvidas que surgirem.

// Entregas dessa etapa

→ Documentação completa do Design System e das telas no Figma e no Zeroheight;
→ Canal de comunicação para tirar eventuais dúvidas;