← All projects

Goalcast

Desktop · Mobile · UI · UX · Editorial · Media · CMS · SEO
Goalcast

Overview

Goalcast is a leading inspirational media platform that publishes short form video stories, quotes, and long form articles focused on personal growth, resilience, and motivation. Their content reaches millions of readers and viewers every month across web, YouTube, and social.

The project was a full editorial redesign of the Goalcast web experience, delivered while I was on the design team at RebelMouse. The goal was to modernize the brand, make content discovery faster, and give each editorial format (articles, quotes, and videos) its own dedicated template built for engagement and shareability.

My Role

I was the UX/UI designer on the Goalcast project at RebelMouse. I owned the visual language, the new brand system, the responsive templates for every editorial format, and the interaction model for navigation, search, and content discovery.

I worked directly with the RebelMouse engineering team to make sure every screen shipped clean, performant, and CMS ready, and collaborated with Goalcast’s editorial team to shape templates around how they actually publish.

Key Contributions

  • Brand refresh. Modernized the Goalcast identity around a bold black, sun yellow, and deep teal palette. The result feels optimistic and confident without losing the editorial credibility the brand had built up.
  • Editorial templates. Designed dedicated templates for the three formats that drive Goalcast: standard articles, quote articles, and video articles. Each one is optimized for how that format is actually read and shared.
  • Homepage & section pages. Rebuilt the homepage and section pages around a modular content grid so editors can surface featured stories, recent publishes, and video hits without touching code.
  • Discovery experience. Redesigned the search page, hamburger menu, and author pages so readers can pivot between topic, format, and writer in one or two clicks.
  • Videos hub. Built a dedicated Videos section and video article template that treats video as a first class content type, not a sidebar embed. This is critical for a brand whose growth engine is short form video.
  • Micro pages. Included the details that most redesigns skip: a friendly 404 page and a media / press content page that both feel consistent with the rest of the system.
  • Responsive by default. Every template was designed mobile first alongside its desktop counterpart. Given Goalcast’s traffic mix, mobile is where most readers actually meet the brand.
  • CMS ready handoff. Delivered the design in a structure the RebelMouse platform could implement cleanly, keeping publishing fast for the Goalcast editorial team.
Reach
Your
Goals.
Styleguide

Color Palettes

#000000
#FFD200
#006B7B
#F2F2F2
#FFFFFF
Text Color Palettes
#000000
#555555
#8E8E8E
Typography

Reach your goals.

ExampleFamilyWeightSizeLineUse
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
Made in Figma
Design by joaomob
Property of RebelMouse
Credits