Interface Contrace

Introdução

A Contrace é uma plataforma digital para classificadores de grãos, automatizando o processo e tornando-o muito mais rápido e efetivo. Por sistema de leitura inteligente ou classificação manual, a amostra coletada é analisada e medida. Seus valores são transferidos automaticamente para o sistema, gerando o laudo e demais comprovações de qualidade.

Alt Text

Resumo

A plataforma Contrace foi pensada e desenhada em conjunto com a UEX, passando pelas etapas de contextualização, pesquisa, wireframes, componentização, prototipagem, aplicação de estilos e apresentação.

A ideia para a criação da Contrace surgiu de investidores, que em parceria com a venture builder UEX viabilizou sua produção. Ainda aguardando para ser implementada, a plataforma já teve suas telas e fluxos desenhados, facilitando a implementação e testes durante o desenvolvimento.

O processo de criação teve alguns pontos fora do padrão de criação, já que toda a identidade visual foi feita posteriormente ao mockup, devido à mudança no nome do projeto. Como isso já era previsto desde o começo, todo o mockup foi desenvolvido de maneira a utilizar componentes inteligentes, conjunto de cores e fontes mutáveis e elementos associados à toda a estrutura. Assim, a mudança de layout durou pouco tempo e permitirá que novos componentes e páginas sejam adicionados com facilidade.

Processo

Entendendo a proposta

Essa etapa foi bastante imersiva, pois é uma área bastante específica e de um ramo que, mesmo sendo crescente, ainda não tinha tido contato. Fui contextualizado por reuniões, apostilas, vídeos e muitos conteúdos didáticos até entender o fluxo do produto.

Research

Realizei a pesquisa de maneira ampla, para entender não só o produto mas o perfil dos usuários e principais favorecidos pelas facilidades propostas pela ferramenta.

Definindo o público

O público foi dividido em grupos para tornar o fluxo mais claro e para entendermos quais são as necessidades de cada um em cada etapa. O principal usuário é o operador, que terá contato constante, usuário esporádico, que precisa verificar seus processos, o usuário do laboratório, que irá confirmar o laudo, entre outros usuários com permissões mais resumidas.

Definindo as oportunidades

Por ser um mercado crescente e que vê a tecnologia com um importante aliado, a automatização desse tipo de processo torna a Contrace uma ferramenta adequada ao mercado e a frente de outros sistemas próximos, mas com a proposta de simplificar e integrar todo o processo.

Plano de ação

Tendo todas as informações relevantes do cliente, mercado e produto passei para a etapa de planejamento, organizando as entregas em partes menores, para passar por revisão e aprovação parcial, evitando assim grandes desvios de escopo e reduzindo o tempo de retrabalho, em caso de não aprovação.

Prototipação

Dos wireframes para o figma foram poucos dias, pois a apresentação do fluxo seria a prévia da apresentação. Com isso conseguimos validar e aprovar todo o processo de entrada e saída das classificações, assim como o entendimento das novas oportunidades apontadas pelo cliente.

Definições de estilos

Em paralelo ao protótipo foi sendo desenvolvida a identidade visual e elementos principais da marca. Com isso pronto foi possível a adequação e redesign de toda a plataforma, formando o design system da Contrace e dispondo os componentes de maneira simples e coerente.

Validação

Com o projeto atualizado, é feita uma nova apresentação e validação, para então o projeto ir para o planejamento de execução. Nessa etapa serão verificadas novamente as páginas, fluxos e demais informações.

Solução

Como resultado de todas as pesquisas e desenvolvimento da solução, foram apresentadas as mais de trinta telas, da maneira mais próxima e fiel ao produto final.

Alt Text
Alt Text
Alt Text