Audi Ribeirão Preto

Plataforma de E-commerce

Esta plataforma foi desenvolvida para oferecer uma experiência de compra rápida de intuítuva dos carros da marca Audi em Ribeirão Preto e região, atualizando o projeto legado da concessionária para tecnologias mais recentes. O projeto inclui as seguintes funcionalidades:

• Catálogo de produtos com filtros e pesquisa
• Páginas institucionais sobre a empresa e seus serviços
• Integração com CRM para gerenciamento de clientes e leads
• Integração com API do sistema de gestão de estoque da Volvo Thor
• Painel de administração para gerenciar banners promocionais e gerenciar linktree da concessionária

Desafios e Soluções

Um dos principais desafios foi implementar um sistema de catálogo completo atualizando o framework para a nova versão de Nextjs 15. Resolvemos isso refatorando o código legado e atualizando a linguagem de programação para Typescript. Além disso, implementamos um sistema de cache para melhorar a performance da aplicação.

Tecnologias Utilizadas

• Frontend: Next.js para renderização no servidor, melhorando o SEO e o desempenho da aplicação.
• Backend: Node.js com Express para gerenciamento de dados e integração com o sistema de gestão de estoque da Audi.
• Banco de Dados: PostgreSQL para armazenamento de dados e integração com o sistema de gestão de estoque da Audi.
• Integração: Integração com o sistema de gestão de estoque da Audi e CRM da concessionária.
• NextAUTH: Autenticação e gerenciamento de usuários para acesso ao painel de administração.

Resultados

Após o lançamento, a plataforma viu um aumento de 15% na conversões dos clientes em comparação com sua solução anterior. O tempo de carregamento da página inicial foi reduzido em 60%, melhorando significativamente a experiência do usuário. Também foi observado um aumento no tráfego orgânico de 20% em comparação com a solução anterior.

Lições Aprendidas

Este projeto nos ensinou a importância de um design responsivo e de uma arquitetura escalável. Também aprendemos muito sobre otimização de performance em aplicações Nextjs de grande escala. Além disso, aprendemos como otimizar o SEO de uma aplicação Nextjs de grande escala voltada para o mercado automotivo.