App
Ambiente
Fácil

Arquitetura da informação, Visual Design, User Interface, Style Guide

Cliente

Ambiente Fácil

Duração

1 mês

Plataforma

Web App

O Ambiente Fácil tem o objetivo de trazer agilidade para a pessoa produtora rural por meio da assinatura de documentos do setor de forma online.

Declaração de problema

A plataforma recém-criada pela empresa apresentava inconsistências em sua navegação e identidade visual. As jornadas da pessoa usuária continham gargalos em seus fluxos, e o uso inadequado da paleta de cores resultava em pouco dinamismo e personalidade para a marca (também recém-criada).

Fui convidado para analisar e revitalizar o sistema web responsivo, com foco em priorizar a facilidade de conclusão dos pagamentos dos documentos assinados.

Sistema antigo Ambiente Fácil

Outras oportunidades

Cenários de uso

Os fluxos do sistema em produção careciam de mapeamento completo dos cenários. Essa lacuna ofereceu a oportunidade de documentar todas as possíveis interações dentro das jornadas existentes.

Localização e feedback

O sistema não sinalizava claramente as etapas nem os marcos de conclusão para a pessoa usuária. Para resolver isso, além de mapear as sub-jornadas, implementei marcadores visuais que indicam precisamente o progresso durante a jornada de assinatura e pagamento de documentos.

Carga cognitiva

Por se tratar de uma plataforma essencialmente focada no preenchimento de formulários, a quantidade excessiva de informações solicitadas em cada página tornava o processo extenso e intimidante. Isso criou a oportunidade de dividir as jornadas de preenchimento em etapas menores e mais compreensíveis.

Identidade da marca

A marca não estava adequadamente representada no sistema. Identifiquei a oportunidade de documentar os principais componentes do app e criar um guia de estilo funcional para o desenvolvimento.

A solução proposta foi valorizar a identidade visual e garantir uma arquitetura de informação clara e explicativa no sistema.

Img_novo login_#4
Img_detalhe_login_A_#2
Img_detalhe_login_B_#4
Img_Início_seleção de serviços_#1
Img_Início_seleção de serviços_mobile_#1
Img_Início_seleção de serviços_detail_#1
Img_Início_seleção de serviços_detail_#2
Img_Início_seleção de serviços_mobile_#2
Img_serviços_#1
Img_serviços_detail_A_#1
Img_serviços_detail_B_#1
Img_Início_empty state_#1
Img_service form_#1
Img_service form_detail_A_#1
Img_service form_detail_B_#1
Img_service form_doc_#1
Img_service form_attach_#1

A plataforma precisava ser estruturada como um e-commerce.

Img_ilustração-04
Img_ilustração-07
Img_ilustração-05-a#1

Tipografia

A tipografia principal escolhida foi a Epilogue. É uma fonte com a personalidade que a marca precisava trazer para sua identidade.

Img_type set_#1-1
Img_type_detail_A_#2
Img_type_detail_B_#1

Paleta de cores

Explorei duas cores principais extraídas do logotipo para servir de base para a composição. Para completar a paleta, utilizei tons de cinza e cores semânticas para os alertas e feedbacks do sistema.

Img_color palette_#1
Img_color detail_C_#1
Img_color detail_A_#1
Img_color detail_B_#1

Iconografia

O conjunto de ícones incorporado ao sistema é o Incoly Pro, que forneceu os mais variados estilos para a composição do site.

Img_icon set_#1
Img_icon detail_#1
Img_icon_detail_C_#2

"O André, além das capacidades técnicas, é um cara que se envolve com o projeto para entender exatamente a demanda do cliente. Pra nós, foi um profissional muito além das expectativas pois entregou mais do que esperávamos. Recomendadíssimo!"

Leandro_photo

Leandro Andrade

Sócio-fundador da Ambiente Fácil

Outros projetos

Easy Process
Project type
Nexodata Receitas
Playground
Project type
Website Mezzani
Project type
Obrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aquiObrigado por chegar até aqui
Vamos criar algo incrível juntosVamos criar algo incrível juntosVamos criar algo incrível juntosVamos criar algo incrível juntosVamos criar algo incrível juntosVamos criar algo incrível juntos
View