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

YEAR

2018

COPYRIGHT

Stefanini

watch live

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.