O Projeto AMBERFY
Durante meu processo na NerdWeb, fui apresentado à Amber, uma empresa de consultoria focada em projetos de Customer Experience, Excelência Operacional, sistemas de gestão integrada e mapeamento de processos, com parceiros de renome como Five9, Oracle e Salesforce.
O desafio inicial envolvia dois projetos: um design system para o sistema de divulgação/institucional e o projeto Amberfy, um SaaS de gestão de negócios que integra áreas como vendas, finanças e atendimento. O principal desafio do Amberfy era implementar a nova UI sobre um sistema em nuvem baseado no Odoo, visando uma interface simples e assertiva devido às limitações da plataforma. O público-alvo eram empresas de pequeno e médio porte no mercado B2B que buscavam otimizar processos e aumentar a eficiência. Eles estavam insatisfeitos com a interface atual por causa da complexidade das telas e da falta de assertividade nos processos.
Inicialmente, a empresa passou por um rebranding do logo, apresentando um design prático, moderno, intuitivo e amigável. Em seguida, iniciamos o desenvolvimento do design system.
O Sistema Amberfy
O site de divulgação/institucional, também desenvolvido na linguagem Odoo, apresentou desafios devido às limitações da plataforma. No entanto, conseguimos entregar um site extremamente informativo e assertivo, alinhado com as melhores práticas de UX/UI.
Sem dúvida, foi um projeto incrível de se trabalhar. Pude aplicar meus conhecimentos para criar um sistema mais assertivo e funcional, e adquiri muito conhecimento na área.
Sou extremamente grato pela oportunidade.
.png)
Padrões de interação e Acessibilidade
• Feedback de Usuário: Defini padrões para feedback visual (sucesso, erro, aviso) para orientar o usuário.
• Acessibilidade: Assegurei que todos os elementos de UI fossem acessíveis, seguindo as diretrizes WCAG.
Documentação e Biblioteca de Componentes
Criei uma documentação detalhada com diretrizes de uso, exemplos de código e boas práticas. Desenvolvi uma biblioteca de componentes reutilizáveis para facilitar a implementação e a manutenção.
Testes de Usabilidade e Iteração
Realizei testes de usabilidade com usuários reais para identificar pontos de fricção e oportunidades de melhoria. Utilizei o feedback dos usuários para iterar e refinar o design.
O projeto foi um sucesso. Todas as telas do sistema foram desenvolvidas com um design acessível e convidativo, sem perder a estética minimalista e clean.
Pesquisa e Benchmarking
Realizamos um levantamento por meio de benchmarking para entender as melhores práticas de mercado e as principais dores dos usuários na plataforma atual. Documentei os principais pontos de destaque e as dificuldades encontradas.
Criação dos Fundamentos de Design
Na fase de prototipação, dei ênfase à criação de uma interface mais acessível, pois a atual causava angústia devido ao excesso de informações. Iniciei com os fundamentos de design:
• Paleta de Cores: Desenvolvi uma paleta de cores que transmitisse clareza e profissionalismo.
• Tipografia: Escolhi fontes que garantissem legibilidade e consistência visual.
• Grid e Layout: Defini um sistema de grid flexível para manter a consistência e a harmonia das telas.
Desenvolvimento de Componentes
Criei componentes básicos para garantir a reutilização e a consistência:
• Botões: Desenvolvi estilos para botões primários, secundários e desativados.
• Formulários: Estabeleci padrões para campos de entrada, checkboxes, radio buttons e dropdowns.
• Iconografia: Criei um conjunto de ícones para melhorar a comunicação visual e a usabilidade.
Prototipação e Criação
3
Diferentes tipos de botões
Variações de Cores
Tipografias
Icones e Inputs
Pensados para todas ocasiões
