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

YEAR

2018

CATEGORIES

User Experience Design UX
User Interface Design UI
Visual Design

COPYRIGHT

Stefanini

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.

Mapa de calor do site Stefanini

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.

Mapa do site da Stefanini

Wireframes

Wireframe do site Stefanini

Uma estrutura modular

Estrutura modular com padrões de páginas adaptáveis.

Estrutura modular do site Stefanini

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.

Conceito do design visual do site Stefanini

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.

Design Responsivo

More Projects

WEB • BRANDING • UX/UI

Let’s Work Together

TELL ME MORE ABOUT YOUR PROJECT

    Teta House Music

    Deep House, Tech House, Disco, Downtempo and some other things