Descrição

A Grace Pharma & Services é um importador farmacêutico que precisava de uma presença digital à altura da sua posição no mercado algo que transmitisse escala internacional e rigor a parceiros e fornecedores. O website foi construído em Next.js com foco em desempenho e impacto visual, tendo como elemento central um mapa SVG interactivo que representa a cadeia de abastecimento global da empresa, tornando tangível uma operação que de outra forma seria difícil de comunicar.

Principais Funcionalidades

• Mapa Interactivo da Cadeia de Abastecimento: Visualização SVG construída à medida que representa as origens e rotas de abastecimento globais da empresa de forma navegável.

• Animações Accionadas por Scroll: Revelação progressiva de conteúdo conforme o utilizador percorre a página, criando um percurso narrativo em vez de uma leitura estática.

• Contadores Animados: Apresentação dinâmica de indicadores-chave da empresa, reforçando credibilidade de forma visual.

• Sistema de Contacto Integrado: Formulário com validação e entrega fiável por email, com protecção contra submissões automatizadas.

• Design Responsivo: Experiência consistente em desktop, tablet e telemóvel, com atenção ao desempenho em ligações móveis.

Tecnologias Utilizadas

• Framework: Next.js com renderização optimizada para desempenho e indexação por motores de busca.

• Animação: Animações accionadas por scroll com SVG interactivo construído à medida para o mapa da cadeia de abastecimento.

• Formulários: Sistema de contacto com validação no cliente e no servidor, e entrega de email transaccional.

• Deploy: Publicação com deploy contínuo e distribuição por CDN para tempos de carregamento reduzidos.

Resultados e Impacto

• Posicionamento de Marca: Presença digital que comunica escala internacional a fornecedores e parceiros institucionais.

• Desempenho: Carregamento rápido mesmo com conteúdo visual pesado, através de optimização de imagens e renderização eficiente.