Redesign completo da experiência visual do portal Minha Vida em 2014, com foco em torná-lo responsivo e criar um sistema coerente de cores, tipografia e cards por editoria.
Empresa
Ano
UI Design
Web
Responsivo
Em 2014, ao entrar no portal Minha Vida, recebi a missão principal de redesenhar toda a experiência visual do site — que até então funcionava apenas em desktop — e viabilizar sua adaptação para mobile.
Problema
O layout existente não era responsivo, a paleta de cores em tons pastéis já não acompanhava as tendências visuais do momento, e faltava um sistema tipográfico com hierarquia clara entre títulos e parágrafos, prejudicando a legibilidade — especialmente em telas menores.
Solução
Sistema tipográfico com hierarquia definida de títulos e parágrafos (com pesos e variações específicas para mobile), nova paleta de cores vibrantes e web safe — uma por canal, mantendo a lógica anterior com ajustes pontuais —, linguagem de cards e flags para organizar textos, calculadoras, comentários e conteúdos relacionados com coerência visual em todo o site, e um banner de imagem randômica na home, sorteando uma foto por canal a cada carregamento.
Processo
Comecei pelo estudo tipográfico (hierarquia, pesos, variações e legibilidade em mobile), segui para a readequação da paleta de cores por canal, estruturei a linguagem de cards que organiza o conteúdo de forma consistente, e resolvi o desafio da imagem da home com a randomização por canal.
Resultado
Sistema visual consistente aplicado em todas as plataformas do portal, com guias que autonomizaram os times de desenvolvimento e marketing na produção de peças dentro do padrão.
