🖥️ Trabalho

Aqui está uma seleção de projetos que liderei ou nos quais contribuí, mostrando minha experiência em desenvolvimento full-stack, comércio headless e arquiteturas web escaláveis. Cada estudo de caso destaca o desafio, a solução e os resultados mensuráveis.


Legami E-commerce - Full Stack Developer / Front End Tech Lead

Teck stack:

Salesforce Commerce Cloud
TypeScript
React.js
Next.js
PandaCSS
Node.js
Express.js
Headless CMS integration
Oracle Cloude
Jira

Sobre o Projeto

Visit

Legami é um ateliê criativo com sede na Itália, conhecido por seus produtos exclusivos de papelaria e lifestyle. A marca enfatiza materiais de qualidade e design cuidadoso, tornando seus itens funcionais e esteticamente agradáveis.

Enfrentei o desafio de migrar de uma arquitetura legada SFRA para uma plataforma mais rápida e envolvente que pudesse melhorar a visibilidade em SEO e a experiência do usuário. Liderei o redesenho e a migração para uma solução headless Salesforce Commerce Cloud PWA Kit, garantindo escalabilidade, acessibilidade e integração perfeita com o CMS.

legami website preview

Resultados Principais

  • Reduziu o tempo de carregamento das páginas em 60%, proporcionando interações mais rápidas e maior potencial de conversão
  • Melhorou os rankings de SEO, aumentando o tráfego orgânico e a visibilidade
  • Direcionou o desenvolvimento de componentes de UI reutilizáveis integrados ao Salesforce CMS para manutenção de longo prazo
  • Garantiu conformidade com WCAG 2.1 e acessibilidade cross-browser, ampliando o alcance para todos os usuários

Moncler E-commerce - Full Stack Developer

Teck stack:

Salesforce Commerce Cloud
TypeScript
React.js
PandaCSS
Storybook
Contentstack CMS
Bitbucket
Jira
Confluence

Sobre o Projeto

Visit

Moncler é uma marca italiana de moda de luxo conhecida por seus casacos de alta qualidade, especialmente os de pluma. Fundada em 1952 em Monestier-de-Clermont, França, evoluiu sob a liderança de Remo Ruffini desde 2003, expandindo-se para uma marca global de luxo com foco em design inovador e colaborações.

Inicialmente buscava provas de que abandonar sua loja legada SFRA poderia trazer ganhos significativos de performance. Colaborei com a equipe para construir um piloto de aplicação single-page usando Salesforce Commerce Cloud PWA Kit, demonstrando como velocidade e engajamento poderiam ser melhorados. O sucesso desse piloto levou a Moncler a migrar totalmente para a nova arquitetura headless e, posteriormente, a realizar um redesenho completo de sua experiência de e-commerce com tecnologias modernas. Trabalhei na integração do CMS ContentStack e componentes UI com Storybook, garantindo escalabilidade, acessibilidade e uma experiência digital premium alinhada ao posicionamento de luxo da marca.

prévia do site moncler

Resultados Principais

  • Alcançou 40% de carregamento mais rápido para mais de 2 milhões de visitantes mensais
  • Aumentou os rankings de SEO em 25%, ampliando visibilidade e tráfego orgânico
  • Entregou um redesenho completo aproveitando arquitetura headless e componentes reutilizáveis
  • Integrado CMS Contentstack com componentes orientados por Storybook para manutenção e escalabilidade
  • Melhorou a conformidade de acessibilidade, garantindo inclusão em dispositivos e navegadores

Impakter SA - Full Stack Developer

Teck stack:

TypeScript
React.js
Node.js
Express.js
GraphQL
MongoDB
Git
AWS
Jest
Cypress
CI/CD pipelines

Sobre o Projeto

Visit

Impakter SA, uma empresa focada em sustentabilidade, precisava de uma plataforma escalável para ajudar organizações a medir e acompanhar seu desempenho em relação aos 17 Objetivos de Desenvolvimento Sustentável (ODS) da ONU. O desafio era projetar uma interface responsiva e acessível para diversos setores, garantindo fluxos de dados seguros, componentes reutilizáveis e escalabilidade de longo prazo.

Contribuí para o desenvolvimento de uma plataforma escalável de rastreamento de sustentabilidade construindo aplicações web responsivas e acessíveis, além de criar bibliotecas de componentes reutilizáveis que aumentaram a eficiência e consistência do produto. Implementei lógica backend segura com fluxos de autenticação, validação de entradas e proteção de APIs para proteger dados sensíveis, aplicando princípios de segurança web para serviços distribuídos. Meu trabalho também envolveu colaboração próxima com designers, desenvolvedores e administradores de sistemas para garantir execução técnica alinhada à visão do produto, entregando uma plataforma performática e segura que permitiu às organizações medir e relatar desempenho de sustentabilidade de forma mais eficaz.

prévia do site impakter

Resultados Principais

  • Entregou uma plataforma escalável de rastreamento de sustentabilidade alinhada aos ODS da ONU
  • Melhorou a eficiência de desenvolvimento por meio de bibliotecas de componentes compartilhados
  • Aprimorou a segurança da plataforma com autenticação robusta e proteção de APIs
  • Permitiu que organizações medissem e relatassem desempenho de sustentabilidade de forma mais eficaz
Vagner Fabricio | Full Stack Developer (React, Next.js, SFCC)