Projetos // MeuPS — Redesign
Como redesenhamos o maior portal de notíciais sobre PlayStation da America Latina
Contexto
O MeuPS está há mais de 10 anos produzindo conteúdo sobre tudo que envolve o universo gamer e é referência na área.
Em 2022 eles procuraram o Matilha para entender o mercado e pensar possibilidades de inovar nele, o projeto teve uma etapa de design de serviço e uma das recomendações foi do redesign da interface do portal, processo do qual participei ativamente e é o que será abordado nesse case.
Meu papel
UX/UI Designer
Timeline Design
3 meses
Ano
2022
Empresa
Matilha Estúdio
Definindo as bases do redesign
O primeiro entregável referente a interface foi a Análise Heurística, nós inspecionamos todo o antigo site do MeuPS utilizando a metodogia de Nielsen e catalogamos os eventos encontrados em uma planilha interativa no Notion. Em paralelo a isso, deixamos o Hotjar rodando no site, após o final da captura, os dados mais proveitosos foram o mapa de calor e mapa de cliques, com eles conseguimos tomar algumas decisões de design.
A etapa de design de interface seria curta e (além de mim) outros 2 designers participariam, por isso, era necessário um forte alinhamento sobre as tarefas de cada um, por isso, criamos um sitemap detalhado com todo o conteúdo de todas as páginas do portal. Após isso, fizemos uma extensa busca por referências de UI, já tendo como base os principais padrões visuais que estariam presentes na interface.
É blog, mas é blog para gamers
Uma das fundações para o redesign foi construir uma interface que ecoasse uma forte identidade gamer. Para isso, trouxemos uma tipografia principal com mais personalidade e inserimos elementos visuais que remetessem a identidade visual da PlayStation.
Dark mode
Dado a curta duração do projeto, um desafio técnico do projeto foi a viabilizar a construção do tema escuro, conseguimos otimizar o processo todo com a construção de colors styles semânticos + utilização do plugin Swapper (que recomendo muitoo).
*ps: o projeto foi construído antes da funcionalidade variables ser lançada no Figma
Adaptação em webapp
Seguindo sua estratégia de expansão o MeuPS também precisava de uma aplicação instalável para smartphones. Por isso, a partir da versão construída para web o Matilha construiu um webapp, otimizando assim esforços de design e desenvolvimento.
Do ponto de vista de UX/UI, além de criar uma área de configurações, nós também projetamos algumas mudanças de navegação e interação.
