Novo site para uma plataforma de e-commerce B2B, com design system, componentes reutilizáveis e fluxo de desenvolvimento assistido por IA
A Zydon é uma plataforma de e-commerce B2B voltada para empresas que precisam vender online com regras comerciais, tabelas de preço, condições de pagamento, ERP e processos integrados.
Durante minha atuação interna na empresa, fui responsável pelo redesign completo do site institucional, partindo de uma estrutura já existente no Framer, mas que precisava evoluir em comunicação, organização visual, design system e experiência de navegação.
O objetivo do projeto foi criar uma nova base digital mais moderna, escalável e consistente, capaz de apresentar com mais clareza a proposta da empresa, suas soluções, a plataforma e os principais pontos de conversão.
Desafio
O site anterior já havia sido desenvolvido em Framer, mas apresentava oportunidades de melhoria na comunicação, no sistema visual e na organização das páginas.
O principal desafio era redesenhar toda a experiência digital da marca, criando uma interface mais atual, uma arquitetura visual mais clara e componentes reutilizáveis que facilitassem a manutenção e a evolução futura do site.
Além disso, era importante estruturar uma experiência que comunicasse melhor o valor da plataforma para diferentes públicos B2B, conectando posicionamento, produto, soluções e conversão em uma navegação mais fluida.
Meu papel
Atuei de ponta a ponta no projeto, sendo responsável pela criação do novo layout, organização da arquitetura visual das páginas, configuração do design system, criação de componentes reutilizáveis e desenvolvimento do site no Framer.
Também utilizei IA no processo, com Claude Code via MCP integrado ao fluxo de trabalho, para apoiar a criação de componentes, acelerar etapas de desenvolvimento, organizar padrões visuais e otimizar a construção da interface.
Solução
A solução foi o desenvolvimento de um novo site institucional em Framer, com uma linguagem visual mais moderna, estrutura mais consistente e maior foco em clareza, escalabilidade e conversão.
Foram criadas todas as páginas do projeto, incluindo áreas voltadas para apresentação da empresa, soluções, plataforma, hub de conteúdo, clientes e pontos de contato comercial.
O novo sistema visual foi estruturado com componentes reutilizáveis, padrões de layout, hierarquia tipográfica e elementos de interface pensados para manter consistência entre as páginas e facilitar futuras atualizações.
A interface também foi pensada para reforçar o posicionamento da Zydon como uma solução robusta para operações B2B, com uma estética mais tecnológica, objetiva e alinhada ao público empresarial.
Entregas
Redesign completo do site institucional
Criação de todas as páginas do projeto
Desenvolvimento no Framer
Organização da arquitetura visual das páginas
Configuração do design system
Criação de componentes reutilizáveis
Estruturação de layout responsivo
Uso de IA para acelerar o processo de desenvolvimento
Melhorias na comunicação, navegação e pontos de conversão
Resultado
O projeto recebeu feedback positivo da empresa, com aprovação do novo layout, da estratégia visual e da estrutura criada para o site.
A nova versão trouxe uma presença digital mais moderna, organizada e escalável para a Zydon, melhorando a forma como a plataforma, suas soluções e seus diferenciais são apresentados ao mercado.
Além da entrega visual, o projeto também criou uma base mais eficiente para evolução futura, com componentes reutilizáveis, design system configurado e um fluxo de desenvolvimento mais ágil dentro do Framer.
