Website Institucional
Empresa:
Alternativa Sistemas
Ano:
2024 - 2025
Realizei o projeto de atualização do website institucional desde o pré-projeto até a execução.
De etapas estratégicas, como análise de mercado, ao desenvolvimento Web, com exceção a produção de imagens.
O produto final redesenha por completo o website e redefine a hierarquia das marcas da empresa.
Contexto
Website sem atualizações recentes
A Alternativa Sistemas, empresa desenvolvedora do Master ERP, identificou a necessidade de realizar um redesign estratégico de seu website institucional.
O objetivo central é reposicionar as marcas com base na identidade visual mais recente, estabelecendo uma hierarquia de marca evidente que coloque o Master ERP como produto principal, prevendo o acréscimo de novos produtos.
Visual desatualizado
Não acompanhou as readequações recentes da identidade da marca.
Falta de responsividade
Layout mobile repetido ao longo do site.
Submarcas descontinuadas
Subprodutos com paleta de cores únicas.
Conteúdo defasado
Texto não refletia o posicionamento da marca.
Abordagem
Do pré-projeto à implantação
Fase inicial focando em estratégia e análise, envolvendo a revisão da identidade visual e um benchmarking detalhado para embasar todas as decisões.
Elaboração de conceitos iniciais de hierarquia Empresa-Produto. Levantamento de conteúdo das páginas.
Prototipagem da média à alta fidelidade aproveitando UI Kit de Bootstrap, biblioteca definida para o desenvolvimento.
Customização do Bootstrap via Sass e desenvolvimento do código do website.
Planejamento de SEO para elaboração de conteúdo.
Benchmarking
Website de 20 concorrentes registrados e analisados. Relatório de identidade visual e posicionamento de marca.
User Flow
Mapeamento do conteúdo e distribuição nas páginas.
Wireframes
Esboço inicial das telas.
Protótipo
Desenvolvimento das páginas no Figma a partir de UI Kit de Bootstrap customizado.
Desenvolvimento web
Customização de Bootstrap por Sass.
Resultado
Reposicionamento das marcas
Responsividade
Executado com breakpoint para mobile, tablet e desktop.
Novo layout blog
Aplicação de tema para Wordpress.
Planejamento de SEO
Adequação do conteúdo com palavras-chaves estratégicas.