INTRODUCING

FANTASY MOTOCROSS

Product Design, Logo Design, IA, UX, UI, IxD

During the late fall of of 2017, a friend that works for the PulpMX Network (a motocross media company leading the industry in videos, podcasting, internet radio, and journalism) informed me that the PulpMX brand was going to take a leap in the fantasy motocross space. 

 

I asked to design this product which would immediately be a leader in the industry. It would be a two-man team, me the designer and my buddy the developer. We had less than a month for designs and two months to launch.

1.

Competitive Analysis

There are only two competitors in the fantasy motocross space: RMfantasy.com and motocrossfantasy.com. Both seem to follow design principles from a decade (or more) ago, only one is made responsive for mobile devices, and both have very complicated rule sets.

RMFANTASY SX

• Out of Date Design

• Too Many Ads

• Advertiser-focused

• Too many CTAs

• Information Overload

• Unable to Follow Live Race Laptimes

• Free to Play or Pay to Play

• Responsive Design

MOTOCROSS FANTASY

• Out of Date Design

• Too Minimal

• Team Selection Unclear

• Unable to Follow Live Race Laptimes

• Free to Play or Pay to Play

• Not Responsive

ESPN FANTASY FOOTBALL

YAHOO SPORTS FANTASY

2.

Goals

Create a modern fantasy experience that is best in class for not only the motocross industry, but the fantasy industry as a whole.

 

Other gaps we discovered were live lap times and race positions, and the ability to chat with other members of the league in real time. The fantasy motocross competition does not have any live race updates during the events, and they leave the converastions to social media and message boards. We wanted to go after these two large gaps while making the experience and usabilty top notch.

3.

Designs

From the outset, we wanted a design that would be easy to use on desktop as well as mobile. We opted for a dark, modern design with clean typography, and high-vis colors to work with the theme.

  Team Selection

  Live & Season Scoring

 

  Chat Expansion

 

  Track Map / Race Info / Previous Winners

 

  User Profiles

DASHBOARD

LIVE RACE

  Collapse Chat

  Handicap Scoring

 

  Chat Tagging

 

  Position Change Indicator

 

  League Chat Selection

  Last Read Message

  Live Timing & Scoring, Lap Times

  League Logo (my design)

  Remove Rider from Team

 

  Save Team

 

  Close Team Selection Overlay

TEAM SELECTION

MOBILE DESIGNS

4.

Additional Assets

50px

VECTOR TRACK MAPS

On top of the designs, additional assets were needed with league logo, race track maps, promotional images for social media, and cross-marketing banner on the parent PulpMX website.

200px

100px

25px

LEAGUE LOGO

PULPMX WEBSITE CROSS-MARKETING BANNER

INSTAGRAM ANNOUNCEMENT

  • Black LinkedIn Icon
  • Black Twitter Icon
  • Black Instagram Icon