← Todos os projetos

Goalcast

Desktop · Mobile · UI · UX · Editorial · Mídia · CMS · SEO
Goalcast

Visão geral

A Goalcast é uma das principais plataformas de mídia inspiracional e publica vídeos curtos, frases e artigos longos sobre crescimento pessoal, resiliência e motivação. O conteúdo dela chega a milhões de leitores e espectadores todo mês, no site, no YouTube e nas redes sociais.

O projeto foi o redesign editorial completo do site da Goalcast, entregue quando eu estava no time de design da RebelMouse. O objetivo era modernizar a marca, deixar a descoberta de conteúdo mais rápida e dar a cada formato editorial (artigos, frases e vídeos) um template próprio, feito para engajar e ser compartilhado.

Meu Papel

Fui o designer UX/UI do projeto da Goalcast na RebelMouse. Fiquei responsável pela linguagem visual, pelo novo sistema de marca, pelos templates responsivos de cada formato editorial e pelo modelo de interação da navegação, da busca e da descoberta de conteúdo.

Trabalhei direto com o time de engenharia da RebelMouse para cada tela sair limpa, rápida e pronta para o CMS, e com o time editorial da Goalcast para ajustar os templates ao jeito como eles publicam de verdade.

Principais Contribuições

  • Renovação da marca. Modernizei a identidade da Goalcast com uma paleta de preto forte, amarelo sol e verde-azulado profundo. O resultado passa otimismo e confiança sem perder a credibilidade editorial que a marca tinha construído.
  • Templates editoriais. Desenhei templates próprios para os três formatos que movem a Goalcast: artigos, artigos de frases e artigos em vídeo. Cada um foi pensado para o jeito como aquele formato é lido e compartilhado.
  • Home e páginas de seção. Refiz a home e as páginas de seção com um grid modular de conteúdo, para os editores destacarem matérias, publicações recentes e vídeos de sucesso sem mexer em código.
  • Experiência de descoberta. Redesenhei a página de busca, o menu e as páginas de autor, para o leitor passar de tema, formato e autor em um ou dois cliques.
  • Central de vídeos. Criei uma seção de vídeos e um template de artigo em vídeo que tratam o vídeo como conteúdo principal, e não como um vídeo incorporado na lateral. Isso é essencial para uma marca que cresce com vídeos curtos.
  • Páginas de apoio. Incluí os detalhes que a maioria dos redesigns esquece: uma página 404 amigável e uma página de imprensa, as duas coerentes com o resto do sistema.
  • Responsivo desde o início. Cada template foi desenhado primeiro para o celular, junto com a versão de desktop. Pelo tráfego da Goalcast, é no celular que a maioria dos leitores conhece a marca.
  • Entrega pronta para o CMS. Entreguei o design numa estrutura que a plataforma da RebelMouse conseguia implementar sem ajustes, e a publicação continuou rápida para o time editorial da Goalcast.
Guia de Estilo

Paletas de Cores

#000000
#FFD200
#006B7B
#F2F2F2
#FFFFFF
Paletas de Cor do Texto
#000000
#555555
#8E8E8E
Tipografia

Reach your goals.

ExemploFamíliaPesoTamanhoLineUse
Reach your goals.IBM Plex Sans Cond.Bold64px68pxH1
Reach your goals.IBM Plex Sans Cond.SemiBold40px44pxH2
Reach your goals.InterMedium24px32pxLead
Reach your goals.InterRegular17px26pxBody
Mobile / Home
Feito no Figma
Design de joaomob
Propriedade de RebelMouse
Créditos