GR8 Insight UI para Extensão CRM no Chrome

Client

GR8 Insights

Year

2023

GR8 Insight precisava modernizar e alinhar sua extensão CRM integrada ao navegador com a nova identidade digital da marca. A ferramenta exerce um papel essencial ao ajudar os SDRs a capturar, organizar e visualizar informações sobre gerentes, CEOs e diretores diretamente de qualquer site, apoiando propostas comerciais e contatos futuros. O contexto exigia que a extensão fosse prática, funcional e adaptável em diferentes plataformas, mantendo a consistência com o novo site.

Scope of Work

UX Design
UI Design
WebApp
Dashboard
Figma

Contexto do Projeto

A GR8 Insight precisava modernizar e alinhar sua extensão CRM integrada ao navegador com a nova identidade digital da marca. A ferramenta exerce um papel essencial ao ajudar os SDRs a capturar, organizar e visualizar informações sobre gerentes, CEOs e diretores diretamente de qualquer site, apoiando propostas comerciais e contatos futuros. A extensão precisava ser prática, funcional e adaptável a diferentes plataformas, mantendo a consistência com o novo site.

Desafio

O principal desafio foi redesenhar toda a experiência do usuário, garantindo uma interface responsiva e funcional, mesmo em espaços de tela limitados. O foco estava em criar uma hierarquia visual limpa, um onboarding intuitivo, microcopy claro e uma navegação simples e fluida. Tudo foi pensado para oferecer alto desempenho e consistência da marca sem comprometer a experiência do usuário final.

Processo de desenvolvimento

Planejamento:

Foram analisados os fluxos anteriores e os pontos de fricção do layout antigo, além do mapeamento das jornadas do usuário para onboarding, fluxo de snippets e dashboard. Também foram criados componentes reutilizáveis e uma navegação passo a passo (onboarding → cadastro → dashboard). A paleta de cores, ícones e mascote foram refinados para construir um tom mais acessível. O protótipo interativo foi testado em diferentes tamanhos de tela, e o microcopy revisado para guiar o usuário de forma clara.

Solução

A solução foi projetar uma nova interface responsiva para a extensão Chrome, garantindo desempenho fluido e uma experiência sem interrupções. O uso de componentes modulares facilita a manutenção e a escalabilidade para futuras funcionalidades. Os fluxos foram estruturados para serem claros e intuitivos — do onboarding às perguntas, insights e snippets. Por fim, um mascote e ilustrações personalizadas adicionam um toque amigável e humano, mesmo dentro de um contexto B2B.

Resultados

A experiência do usuário ficou muito mais fluida em comparação ao layout antigo, com uma interface compacta e desempenho consistente em diferentes contextos. Além disso, a estrutura está pronta para escalar com novos dashboards e widgets.

Gostou do que viu?
Vamos conversar sem compromisso.

Gostou do que viu?
Vamos conversar sem compromisso.

Create a free website with Framer, the website builder loved by startups, designers and agencies.