Objetivo do Projeto

O projeto da Meber foi desenvolvido para apresentar o portfólio de produtos da marca, promover a identidade de design e inovação da empresa, e oferecer uma navegação intuitiva tanto para clientes finais quanto para representantes e assistências técnicas. Um dos diferenciais do site é a integração com geolocalização, permitindo ao usuário localizar facilmente a loja, assistência ou representante mais próximo com base na sua localização.

Tecnologias Utilizadas

• HTML5, CSS3, JavaScript Vanilla

• Laravel (como back-end e motor de templates)

• GSAP (animações suaves e profissionais)

• Here Maps API (geolocalização, cálculo de rota e filtragem por distância)

Desafios Técnicos

📍 Geolocalização, filtragem e cálculo de distância com Here Maps

Um dos maiores desafios foi a implementação do sistema de localização para que o usuário pudesse encontrar o ponto de atendimento mais próximo. Isso envolveu:

• Captura da coordenada geográfica atual do usuário (com consentimento).

• Consulta e armazenamento das coordenadas de todas as lojas, representantes e assistências no banco de dados.

• Utilização da API de geocodificação reversa e do algoritmo de cálculo de distância da Here Maps para determinar quais pontos estavam mais próximos ao usuário.

• Criação de um sistema de filtro por raio de distância (ex: até 10km, 50km, etc.) e exibição ordenada por proximidade.

Destaques Técnicos

• Estrutura semântica e performance otimizada com Laravel + Blade;

• Design responsivo com CSS Grid e Flexbox, pensado para tablets e smartphones;

• Animações de entrada com GSAP, realçando conteúdo e transições entre sessões;

• Formulários dinâmicos com feedback visual e integração com sistemas internos;

• Integração direta com o Here Maps para exibição de mapa interativo e cálculo de rota;

• Componente de localização adaptável ao tipo de ponto de interesse (loja, assistência, representante).

Resultados Alcançados

A nova presença digital da Meber reforçou a identidade premium da marca e facilitou a conexão entre cliente e ponto de venda. O sistema de localização inteligente aumentou significativamente o número de interações por usuário, gerando leads qualificados para a rede de parceiros e otimizando o atendimento em regiões estratégicas.