Como completei um desafio de Product Design para uma startup em apenas 3 dias

Bruna Ciafrei
VagasUX
Published in
6 min readMar 12, 2024

O resultado alcançado impulsionou minha progressão no processo seletivo, proporcionando satisfação notável em criatividade e eficiência.

Findercats: Um Conceito Virtual Desenvolvido para o Desafio

Como foi designado o desafio?

O desafio proposto pela empresa recrutadora envolvia a criação de um produto digital destinado a facilitar o processo de adoção de gatos, conectando potenciais adotantes a organizações que abrigam gatos abandonados. O objetivo principal era assegurar que os gatos encontrem um lar seguro e amoroso em tempo hábil. Para alcançar isso, o produto deveria oferecer uma plataforma unificada onde adotantes podiam encontrar gatos disponíveis para adoção perto de sua localização, enquanto as organizações conseguiam gerenciar as solicitações de adoção de forma centralizada e eficiente.

As principais funcionalidades requeridas incluíam:

  • Visualização Centralizada: Permitir que adotantes vejam todos os gatos disponíveis para adoção em uma única plataforma, filtrados por proximidade ou organização, incluindo fotos reais dos animais para aumentar as chances de adoção.
  • Filtros Avançados: Capacidade de buscar e filtrar gatos por critérios relevantes como sexo, idade, condição de saúde, compatibilidade com outros animais, entre outros.
  • Salvamento e Compartilhamento: Possibilidade para o adotante de “salvar” gatos de interesse para futura referência e compartilhar perfis de gatos via WhatsApp ou outros meios.
  • Processo de Aplicação para Adoção: Requerimento de preenchimento de um formulário padrão de adoção pelo adotante como parte obrigatória do processo, facilitando a análise e decisão das organizações.
  • Acompanhamento de Status: O adotante deve ser capaz de verificar o status da sua aplicação de adoção e receber notificações sobre aprovações ou rejeições.

Esperava-se que a solução proposta fosse esboçada em qualquer nível de detalhamento, desde sketches a protótipos clicáveis, utilizando ferramentas apropriadas como o Figma. Era importante que a interface fosse intuitiva e fácil de usar tanto para os adotantes quanto para as organizações, com um design que promova a identidade visual das organizações participantes.

Este projeto não só buscava atender às necessidades funcionais expressas pelas histórias de usuários, mas também refletisse a capacidade dos candidatos de sintetizar informações complexas em soluções de design efetivas e criativas, demonstrando suas habilidades e abordagem de design.

Abordagem do Processo Criativo

Considerando os limites definidos pelo escopo e pelo cronograma do projeto, iniciei uma fase de reflexão e busquei referências no mercado que proporcionassem uma base sólida e comprovada, auxiliando-me no progresso deste trabalho.

Adotei uma narrativa para estruturar a descrição do meu processo criativo. Isso foi crucial, visto que dispunha de tempo limitado para imersão e era necessário adotar uma metodologia eficiente e pragmática, evitando atrasos futuros na fase de desenvolvimento do layout.

Aqui está como registrei meu procedimento criativo:

Desde que recebi a missão da Recrutadora no dia 19/07/2023, comecei a explorar diversas possibilidades com minha mente criativa! Primeiro, compartilhei o assunto com com alguns colegas e levantei algumas ideias sobre como poderia trabalhar em um curto espaço de tempo para criar um layout alinhado com o escopo documentado pela empresa que estava me recrutando e, ao mesmo tempo, que chamasse a atenção de deles durante a avaliação do meu raciocínio. Então, peguei um caderno de rabiscos e esbocei várias opções.

Concluí que precisava refinar todas aquelas ideias e pensar rápido para otimizar o processo. Decidi associar esse desafio a um cliente fictício, como se ele me tivesse apresentado um escopo de projeto para validar um MVP rapidamente, priorizando a usabilidade e a compreensão do investidor anjo que estaria apoiando o projeto.

Na segunda-feira, dia 23/07/2023, finalmente comecei a trabalhar no projeto. Modelei uma estrutura viável e prática que abrangesse todo o escopo necessário. Utilizando os rabiscos do caderno, percebi que o ideal para o projeto seria criar um Wireflow, uma combinação de Wireframe de Alta Fidelidade com um fluxo de navegação. Além disso, pensei em animar as telas para compreender melhor a jornada e a experiência do usuário. Defini os canais digitais que abordaria e priorizei a criação de um Aplicativo. Contudo, também considerei outras possibilidades, como uma versão web do app, um dashboard gerencial e uma landing page para o lançamento do produto. Organizei todas as páginas no Figma e mergulhei na minha criatividade para unir um design otimizado com uma entrega ágil.

Finalmente, no dia 26/07/2023, às 19h, concluí a estrutura do MVP juntamente com o Wireflow. Foi um grande desafio que me incentivou a pensar rapidamente e otimizar recursos para entregar o mínimo do protótipo viável em apenas 3 dias. Essa foi a forma simples de contar meu progresso neste desafio e como idealizei, defini e prototipei em um curto espaço de tempo, visando entregar algo apresentável e que fizesse sentido no processo seletivo.

Criações visuais elaboradas no Figma

Considerando o contexto do desafio e a abordagem do processo criativo descrita anteriormente, desenvolvi algumas soluções visuais seguindo minha diretriz criativa.

Preparei um arquivo no Figma especificamente voltado para o desafio, no qual organizei as páginas de forma a simular um projeto integral — abrangendo desde a documentação da fase de criação até uma sequência organizacional lógica, cobrindo todo o projeto de início a fim.

Arquivo no Figma estruturado em páginas que acompanham a sequência do fluxo de trabalho.

Observem que as páginas marcadas com cadeados não foram efetivamente usadas; elas foram criadas apenas para demonstrar o conjunto completo de artefatos que o projeto poderia incorporar.

Wireflow

Para o desafio e a elaboração do fluxograma do aplicativo Findercats, utilizei a técnica de wireflow, uma ferramenta comum em processos de UX que combina wireframes e user flows para otimizar a usabilidade sem focar inicialmente na interface do usuário (UI). Esse método permite uma abordagem mais rápida ao design de experiência do usuário (UX), adiando os detalhes de UI para um momento subsequente.

No desenvolvimento desse projeto, recorri a um arquivo da comunidade do Figma chamado WireFramer, que oferece uma biblioteca de componentes de wireframe de uso gratuito e facilita a criação de protótipos. Isso me permitiu concentrar na construção da experiência do usuário sem me distrair com a criação de componentes desde o início.

Estruturei o wireflow para abranger uma jornada completa do usuário, desde a tela inicial (Splash) até a navegação entre as diversas telas do aplicativo, que se dividem em dois perfis: os adotantes (B2C) e as ONGs (B2B). Além disso, planejei desenvolver (posteriormente) um painel administrativo (dashboard) para o Findercats, permitindo o gerenciamento centralizado de todas as atividades da interface principal do aplicativo.

Wireflow desenvolvido para apresentar toda navegação do usuário

Além do wireflow, apliquei a técnica de Handoff, um método de preparação de arquivos para serem compartilhados com as partes interessadas, incluindo desenvolvedores, gerentes de projeto e outros membros que necessitem compreender o que foi documentado e estruturado durante o processo de desenvolvimento.

Se desejarem explorar mais detalhadamente o arquivo do Figma referente a este desafio, disponibilizarei o acesso aqui.

Considerações finais

Para encerrar esta discussão sobre o desafio, gostaria de partilhar uma reflexão: na jornada de processos seletivos, menos pode ser mais, especialmente quando enfrenta desafios práticos. O foco é demonstrar seu raciocínio e aplicação de técnicas de UX. Lembre-se, se você conduziu o projeto do início ao fim, você tem conhecimento completo sobre ele, então mantenha a calma durante a apresentação.

Decidi criar um vídeo explicativo detalhando como abordei o desafio, o que não foi fácil — precisei de três a quatro tentativas para acertar. Mas valeu a pena: avancei para a próxima etapa, sendo uma das seis pessoas selecionadas, e acabei sendo contratada pela empresa. Embora não esteja mais lá, foi uma valiosa oportunidade de superação e aprendizado, tendo apenas três dias para desenvolver o projeto.

Agradeço por ter acompanhado até aqui! ;)

--

--