A Rede Parcerias já atuava com muita relevância no mercado de clubes de benefícios corporativos, oferecendo uma plataforma white-label robusta, usada por empresas como OAB, Unimed, L’Oréal e outras grandes marcas. Sua proposta de valor era clara: permitir que seus clientes lançassem portais de vantagens com alto nível de personalização visual e funcional.
Mas por trás dessa flexibilidade, havia um desafio estrutural importante: a ausência de um sistema de design padronizado criava experiências inconsistentes entre os portais, dificultava a evolução técnica da plataforma e comprometia a usabilidade, especialmente no mobile, ponto de atrito recorrente entre os usuários finais.
Foi nesse contexto que a parceria com a Homem Máquina teve início.
O desafio: escalar design com consistência
A plataforma cresceu rápido, atendendo a diferentes segmentos e permitindo personalizações profundas para cada cliente. No entanto, um modelo escalável para os artefatos de design de produto não havia sido acompanhado por uma documentação mais robusta ainda.
Com templates antigos, decisões de layout feitas sob demanda e a falta de componentes reutilizáveis era um grande desafio manter coesão visual entre os portais.
Isso impactava diretamente a navegação e o entendimento do usuário final, além de aumentar a complexidade de manutenção e evolução técnica da plataforma.
Nosso desafio foi ambicioso: manter o caráter flexível da solução white-label sem abrir mão da consistência e da facilidade de uso. Era preciso modernizar a interface, simplificar a gestão de personalizações e criar um sistema que sustentasse o crescimento do produto com mais eficiência.
Imersão no modelo de personalização
Entramos no projeto com um olhar pragmático, focando em entender profundamente o funcionamento da plataforma e os pontos de fricção reais para quem a usa e para quem a administra.
Essa fase combinou análise técnica dos templates e opções de customização com práticas de discovery centradas no uso: como os clientes montam seus portais? O que realmente precisa ser personalizável?
A partir desse entendimento, passamos a mapear padrões e propor uma nova abordagem de design, estruturada com base em tokens e componentes reaproveitáveis – sempre respeitando as necessidades específicas de cada cliente.
Reconstrução com design system
Com o diagnóstico em mãos, redesenhamos as páginas-chave da plataforma sob uma nova lógica. Utilizamos o Figma como base para documentar tokens visuais (cores, tipografia, espaçamentos) e construir bibliotecas que dariam origem a um design system vivo, adaptável e escalável.
Principais decisões e ações:
-
Tokenização completa de elementos visuais sensíveis à personalização.
-
Redefinição de hierarquia visual e estrutura das sessões para reduzir ruído.
-
Redesenho mobile-first dos principais fluxos de navegação.
-
Padronização dos componentes para facilitar reuso e manutenção.
-
Clareza nos papéis de cada sessão, ajudando o usuário a se localizar e agir.
A partir disso, criamos templates mais enxutos, com regras claras de variação, o que facilitou tanto a criação de novos portais quanto a manutenção dos existentes.
Resultados: coerência, manutenção mais rápida e melhor UX
O impacto foi perceptível logo nas primeiras entregas. A nova base trouxe um ganho evidente de consistência entre os portais, com interfaces mais claras, leves e modernas, sem comprometer a identidade visual de cada cliente.
Internamente, o time da Rede Parcerias ganhou eficiência com um design system centralizado e adaptável, que permite escalar sem recomeçar do zero a cada nova implantação.
Impactos principais:
-
Redução da sensação de fragmentação entre os portais customizados.
-
Melhora significativa na usabilidade em dispositivos móveis.
-
Redução de esforço para manutenção visual e técnica da plataforma.
-
Criação de uma fundação escalável para novos produtos ou extensões da plataforma.
O trabalho com a Rede Parcerias reforça nosso compromisso com soluções que equilibram visão de negócio, estratégia de produto e excelência em design. Mais do que redesenhar telas, entregamos um sistema capaz de sustentar a ambição de crescimento da plataforma com estrutura, clareza e eficiência.
Acreditamos que flexibilidade e consistência não precisam andar em lados opostos, e este projeto é uma prova disso. Construir com base sólida é o que permite que produtos escalem sem perder sua essência.
Na Homem Máquina, é isso que buscamos em cada parceria: unir estratégia, design e tecnologia para entregar experiências melhores hoje e preparar o terreno para o que vem depois.
