A starting point for new players
HFnGG combined gaming education with competitive play. The work shown here focuses on helping players get started, find learning content, and keep track of their progress.
Connecting onboarding with learning
I designed the brand, onboarding, learning dashboard, and course screens. The designs covered the first steps of creating a profile through to choosing a course and following its lessons.
Getting to know the player
The onboarding asked players about their experience, interests, and goals. It covered different ambitions, including becoming a pro player, streamer, or content creator.
The questions were split across steps, with hints explaining the choices. The answers were then used to suggest courses.
A shared visual language
The interface used a dark colour palette with aqua and pink accents. I defined typography and button states to give the onboarding, course pages, and dashboard a consistent set of styles.
Making progress visible
The learning dashboard brought courses, practice time, and achievements together. Course pages paired the video player with an episode list, while progress messages highlighted milestones such as a new practice-time record.
I used Joseph Campbell's hero's journey as a reference for how players progress.
