Como melhorei a experiência e a arquitetura do Virture de ponta a ponta
CRM PRODUCT · Função: Frontend Developer / UX · Scrum · 6 meses - Versão 1 · Equipe: cliente, design e desenvolvimento
Resumo
Participei da construção do Virture CRM do zero, da pesquisa de usuários à implantação. Meu trabalho concentrou-se em criar uma interface responsiva, acessível, segura e testada e em acelerar as entregas da equipe.
40%
Menos requisições ao servidor através de cache no cliente
40+
Componentes documentados e testados, reutilizados no projeto
Produto e UX
- Pesquisei concorrentes e os pontos de dor dos usuários para definir os módulos prioritários.
- Trabalhei em ciclos de Scrum com reuniões contínuas com o cliente, design e desenvolvimento, iterando em módulos funcionais.
- Validei os designs e casos de uso antes da implementação para evitar retrabalho.
Desenvolvimento Frontend
- Desenvolvi módulos respeitando a arquitetura e as convenções do projeto para manter a consistência do código.
- Refinei componentes até torná-los uma versão estável e reutilizável, documentando suas variantes no Storybook.
- Apliquei as diretrizes WCAG 2.1 AA para operação total por teclado e leitores de tela.
- Desenvolvi uma interface responsiva com foco mobile first para dispositivos móveis, tablets e desktop.
Qualidade
- Criei testes unitários e de integração com Vitest cobrindo acessibilidade, armazenamento, resposta, tipos de dados e segurança, e testes E2E com Cypress.
Segurança e Desempenho
- Apliquei práticas da OWASP Top 10, como higienização de HTML para prevenir injeção de código (XSS).
- Implementei cache no cliente para preservar formulários não salvos e reduzir em 40% as requisições ao servidor.
IA e Automação
- Automatizei respostas aos usuários com fluxos no n8n conectados a APIs de LLM.
- Em entregas urgentes utilizei Cursor, Claude Code e v0 para prototipar componentes e validar usabilidade antes da integração, reduzindo o tempo de entrega.
Apoio ao Backend
- Desenvolvi e otimizei APIs com NestJS, Prisma e MongoDB quando a equipe necessitou de suporte em backend.
- Refatorei APIs existentes aplicando princípios SOLID, reduzindo o código e facilitando testes.
Stack
VuePiniaTypeScriptTailwindVitestStorybookn8nAPI LLMNestJSPrismaMongoDBWCAG 2.1 AAOWASP Top 10Cypress
