Esse projeto nasceu de uma necessidade interna identificada dentro da própria equipe de design. A empresa frequentemente vendia projetos de e-commerce baseados na plataforma Magento, que seguia diretrizes específicas de layout e funcionalidade.

Percebi que era possível otimizar esse processo criando um template padrão que pudesse ser ajustado para atender às necessidades de cada cliente, mantendo a personalização necessária sem comprometer o tempo de entrega.

O desafio principal era equilibrar a padronização do layout com a flexibilidade necessária para personalizar os projetos. Alguns dos problemas que identifiquei no processo atual foram:

• Falta de componentes reutilizáveis: Cada tela era criada do zero, consumindo tempo e esforço.

• Tempo de entrega elevado: A criação do design para projetos de e-commerce levava cerca de dois meses, incluindo o tempo de estudo e desenvolvimento.

• Desafios técnicos com o Magento: O Magento tem limitações específicas de personalização, o que exigia alinhamento constante com a equipe de desenvolvimento.

Decidi desenvolver um template padrão para e-commerce no Figma, que respeitasse as diretrizes do Magento e permitisse personalizações rápidas e eficientes.

Estruturação do Template

• Criação de componentes reutilizáveis no Figma, como cabeçalhos, rodapés, grids de produtos, modais e páginas de checkout.

• Configuração de um sistema de design modular, permitindo ajustes de cores, fontes e estilos para atender às identidades visuais de diferentes clientes.

Colaboração com a Equipe de Desenvolvimento

• Trabalhei em parceria com os desenvolvedores para garantir que o template respeitasse as limitações técnicas do Magento, mantendo a viabilidade das customizações dentro do escopo permitido facilitando também o trabalho dos desenvolvedores.

Documentação e Treinamento

• Criei uma documentação detalhada no figma sobre como utilizar e personalizar o template, garantindo que outros designers da equipe pudessem adotá-lo facilmente.

• Ofereci workshops internos para apresentar o novo sistema de design e seus benefícios.

A criação do template trouxe mudanças significativas para o fluxo de trabalho da equipe de design:

• Redução drástica do tempo de entrega: O tempo médio para finalizar o design de um projeto de e-commerce caiu de dois meses para 10 dias, incluindo o período de estudo e Lean Inception com Stakeholders, PO, Scrum Master e Desenvolvedores.

• Aumento na eficiência: O uso de componentes reutilizáveis reduziu o retrabalho e permitiu maior foco na personalização e nos detalhes específicos de cada cliente.

• Melhor integração com os desenvolvedores: A colaboração próxima resultou em um processo mais ágil e alinhado entre as equipes de design e tecnologia.

Após a criação deste template, observamos melhoria de: