Voltar para projetos

Redesign Site Institucional

SENAI-SP

Redesenho da jornada do aluno para a inscrição em cursos de curta, média e longa duração. Restruturação da grade de cursos e redesign do site institucional.

UX/UI Entrevistas Personas Taxonomia Tree Sorting Wireframing
Empresa SENAI-SP
Período 2018
Meu papel UX/UI Designer
Segmento Educação Profissional

Resumo executivo

Uma experiência mais simples para encontrar o curso certo.

O projeto teve como objetivo redesenhar o site institucional do SENAI-SP e facilitar a descoberta de cursos por diferentes perfis de usuários. A partir de entrevistas, criação de personas, reorganização da arquitetura da informação e testes com usuários, estruturamos uma nova experiência de navegação, mais clara e orientada às necessidades de alunos e potenciais alunos.

Desafio

A estrutura de navegação e a organização dos cursos dificultavam a localização das formações disponíveis, aumentando o esforço dos usuários e tornando a jornada de escolha menos intuitiva.

Solução

Reorganização da grade de cursos, evolução da arquitetura da informação e redesign das principais jornadas do site institucional, com foco na experiência mobile.

Impacto esperado

Maior facilidade para encontrar cursos, redução de erros durante a navegação e uma experiência mais clara para apoiar a decisão dos futuros alunos.

Abordagem

Discovery, entrevistas com usuários, criação de personas, Tree Testing, wireframes, prototipação e redesign das interfaces.

Metodologia

Como conduzi o discovery.

O projeto foi conduzido por meio de uma abordagem centrada no usuário, combinando pesquisa qualitativa, arquitetura da informação, testes de navegação e prototipação. Os aprendizados obtidos em cada etapa orientaram a reorganização dos conteúdos e o desenvolvimento das novas interfaces.

01

Entrevistas

Conversas com alunos e potenciais alunos para compreender objetivos, comportamentos, dificuldades e critérios utilizados na escolha de cursos.

02

Personas

Consolidação dos padrões identificados nas pesquisas em perfis representativos do público do SENAI-SP.

03

Arquitetura da informação

Reorganização das categorias e da grade de cursos para tornar a navegação mais simples e coerente.

04

Tree Testing

Validação da nova taxonomia por meio de tarefas de localização de cursos realizadas por usuários dentro do perfil esperado.

05

Wireframing

Criação dos fluxos e wireframes das principais jornadas, incluindo menu, categorias, listas de cursos e páginas de detalhes.

06

Redesign

Desenvolvimento das interfaces de alta fidelidade e aplicação da identidade visual do SENAI-SP na nova experiência digitals.

Números que importam

Big numbers.

12

Semanas de trabalho

Período dedicado ao discovery, pesquisa, organização da informação, validação e desenvolvimento das interfaces.

2574

Participantes

Usuários envolvidos na validação da arquitetura da informação e na análise da encontrabilidade dos cursos.

3

Personas

Perfis construídos a partir de entrevistas com alunos e potenciais alunos do SENAI-SP.

Personas

Compreendendo diferentes motivações e jornadas.

As personas foram desenvolvidas a partir de entrevistas com alunos e potenciais alunos que representavam diferentes perfis do público do SENAI-SP. A pesquisa permitiu identificar objetivos, motivações, influências, preferências, dificuldades e critérios utilizados na escolha de uma formação, esses perfis orientaram decisões relacionadas à navegação, à organização dos cursos, à linguagem e à apresentação das informações.

Tree Testing

Validando a nova organização da grade de cursos.

Após a reorganização da taxonomia e das categorias do portal, realizamos um Tree Testing com usuários dentro do perfil do público do SENAI-SP. Os participantes receberam tarefas específicas e precisavam localizar determinados cursos utilizando apenas a nova estrutura de navegação. Os resultados foram comparados com a estrutura anterior para avaliar a encontrabilidade dos conteúdos, o tempo necessário para conclusão das tarefas, os caminhos escolhidos e os pontos de abandono.

Wireframing

Transformando a arquitetura em jornadas navegáveis.

Com a nova estrutura validada, foram desenvolvidos wireframes das principais páginas e fluxos do portal. O trabalho começou com representações de baixa fidelidade para explorar rapidamente diferentes formas de organizar o conteúdo, testar hierarquias e estruturar a navegação mobile.

Wireframe final da página de dashboard do Mercado Eletrônico
Telas

A nova experiência do portal SENAI-SP.

As interfaces de alta fidelidade traduziram os aprendizados do discovery em uma experiência mobile mais clara, organizada e consistente. O redesign manteve a identidade visual do SENAI-SP e priorizou a navegação por cursos, a leitura das informações e o acesso às ações mais importantes.

Celular com tela da versão mobile do site SENAI-SP
Celular com tela da versão mobile do site SENAI-SP
Celular com tela da versão mobile do site SENAI-SP
Celular com tela da versão mobile do site SENAI-SP