Com a ajuda da equipe envolvida, conduzi a migração do site institucional do ITL (Instituto de Transporte e Logística) para WordPress, focando na modernização da arquitetura, implementação de responsividade e melhorias significativas de acessibilidade. O projeto envolveu a reconstrução completa da experiência digital, mantendo a identidade visual consolidada da instituição.
Análise da Estrutura Original
O site original apresentava uma estrutura bem definida para uma instituição educacional, com foco em três pilares principais:
- Cursos Executivos: Preparação para desafios do setor
- Especializações e MBAs: Formação de alta performance
- Certificações Internacionais: Qualificação com instituições globais
Estratégia de Migração
1. Arquitetura de Templates Personalizados
Desenvolvi uma estrutura de templates modulares para garantir consistência e flexibilidade:
Hierarquia de modelos de página:
- Cabeçalho responsivo com navegação adaptativa. Foram construídos 2 cabeçalhos para melhor divisão da informação.
- Página inicial com apresentação dos cursos e notícias mais recentes;
- Templates específicos para páginas de cursos, especializações e MBAs.
- Páginas individuais de cursos com estrutura padronizada.
- Página de resultados de busca otimizada.
- Página de erro personalizada mantendo o branding.
- Adaptações para responsividade em dispositivos móveis.
2. Implementação de Responsividade
Mobile-First Approach:
- Redesenho completo da experiência mobile, priorizando conteúdo e navegação;
- Cards de cursos empilháveis em dispositivos menores;
- Menu hambúrguer com animações suaves.
3. Melhorias de Acessibilidade (WCAG 2.1)
Navegação por Teclado:
- Implementação de skip links para conteúdo principal;
- Focus indicators visíveis em todos os elementos interativos;
- Ordem lógica de tabulação.
Legibilidade e Contraste:
- Ajuste de contrastes para atender padrão AA;
- Hierarquia tipográfica clara com tamanhos escaláveis;
4. Otimização de Performance
- Implementação de cache avançado;
- Minificação de CSS/JS;
- Redirecionamento de URLs antigas (com as quais haviam conexões de outros sites e redes sociais).
5. Navegação Intuitiva
Apesar de manter a estrutura do site original, algumas adaptações para a experiência do usuário foram implementadas, como:
- Aumento de contraste: A leitura de botões foi facilitada pelo aumento de contraste implementado.
- Call-to-Actions Estratégicos: Posicionamento otimizado para conversão
6. Integração com Analytics para Monitoramento
- Google Analytics 4 com eventos personalizados;
- Monitoramento de Core Web Vitals;
- Heatmaps para análise de comportamento;
Resultados Alcançados
Performance
- Melhoria de 65% no tempo de carregamento mobile;
- Score 80+ no PageSpeed Insights;
- Redução de 10% na taxa de rejeição;
Entrega e Capacitação da Equipe
Após a conclusão da migração e testes finais, o sistema foi oficialmente entregue ao ITL. Realizei uma oficina prática com a equipe de comunicação e marketing da instituição, capacitando os usuários internos para o uso autônomo da plataforma WordPress para publicação de notícias. A oficina incluiu a criação de um manual de uso personalizado e estabelecimento de fluxos de trabalho para manutenção contínua do site.