Project Description
Stefanini
Portal global da Stefanini, a maior multinacional de TI brasileira.
Projeto realizado pela equipe do Studio Digital da Stefanini. Fui responsável por dirigir o design das interfaces, definição do guia de estilos do portal, ajustes e melhorias no processo de design e experiência do usuário junto ao time de UX, bem como acompanhamento da implementação junto ao time de desenvolvimento.
O projeto para o portal foi criado considerando o CMS Adobe Experience Manager.
OBJETIVO
Foco na aquisição e tratamento de leads
- Promover uma nova imagem de marca
- Cases reais, pessoas reais
Segmentação por particularidades regionais de mercado
Unificar a imagem da marca em todos os países
PROCESSO
Mapas de Calor
A análise realizada, utilizando a ferramenta Hotjar, no portal em vigor durante 2 semanas com 199 usuários da versão desktop e 38 usuários mobile e 1241 pageviews. As principais ações observadas são: navegação do menu, internas de oferta, carreiras e fale conosco.
Benchmarking
Para o benchmarking foram considerados 7 sites segmentados da seguinte forma:
- CONCORRENTES (TI)
- INOVAÇÃO
- Adobe Experience Manager
Tendo como parâmetros os seguintes critérios avaliados em notas de 1 a 5:
Arquitetura de informação, usabilidade, visual (interface), conteúdo (inbound), tempo de carregamento, responsividade, ranking (MOZ/Alexa).
Os critérios técnicos de design (AI, Usabilidade e Visual) e Conteúdo foram analisados por 3 designers da equipe e os critérios de performance (Ranking, Responsividade e Tempo de Carregamento) foram feitos com ferramentas de avaliação do Google e Amazon.
Arquitetura de Informação
Estrutura do mapa do site criada com base nos resultados do Cardsorting.
Wireframes
Uma estrutura modular
Estrutura modular com padrões de páginas adaptáveis.
Visual Design
Exploramos o espaço como representação alegórica da empresa enquanto universo de possibilidades de tecnologia e inovação em nível global. A primeira dobra da interface utiliza elementos visuais mais escuros, seguindo o conceito acima mencionado e, em consonância com as cores da marca para criar um impacto visual.
Design de Interface do Usuário
Nesta interface, os conceitos de espaço e tecnologia se fundem na representação de partículas e conexões. Em todo o portal a elementos poligonais usados como plano de fundo que reforçam o conceito de rede e integração.
As linhas retas representam a precisão e acuracidade técnica das entregas da empresa. Ao mesmo tempo, as conexões visão mostrar que estamos integrados ao mercado e nossos clientes.
