Smart Draft

User Flow

Wireframing

UI Design

Expanding Fantasy Football to Casual Fans

DraftKings has traditionally catered to a niche audience of experienced sports fans with in-depth knowledge of sports statistics and player performance. However, the platform aims to expand its reach by offering a more accessible and streamlined fantasy sports experience. In pursuit of this goal, DraftKings launched "Smart Draft," a user-friendly application that automates player performance and draft pick statistics, making it easier for users to make informed decisions. With this new approach, DraftKings seeks to broaden its appeal and attract a more diverse audience of casual sports fans to its platform.

Project Objective

PRIMARY GOAL

Increase conversion rate for new draft sign up.

SECONDARY GOAL

Create a simpler and more accessible fantasy sports experience for casual sports fans by automating player performance and draft pick statistics.

User Persona

DEMOGRAPHICS

AGE

18 - 40

GENDER

Female

CARES ABOUT

She cares about joining coworkers and family in fantasy football for engagement, connection and friendly competition.

FRUSTRATIONS

She is a casual football fan and doesn’t know what fantasy team to pick. She feels disconnected when her coworkers and family talk about their fantasy league and cannot relate.

She cares less about player statistics and more about connecting with others through gameification.

User Flow

The user flow prioritizes quick, casual draft picking to meet the needs of casual sports fans.

Lo-Fidelity Wire Frames

Wireframes spec out mobile responsive behavior and information architecture of player statistics.

Component Library

Color and typography styles align the product to the brand style guide and provide technical specifications for engineering. These styles build the elements of the UI components.

Color Palette

#5BFBA0

#5B5B5B

#000000

#4C4C4C

#FFFFFF

#2E2E2E

Typography

H1 - Open Sans Bold

H2 - Open Sans Bold

H3 - Open Sans Regular

Body - Open Sans Regular
This is Body Copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ut ex ut purus scelerisque facilisis. Quisque fringilla, tortor vel vulputate pharetra, nisl nunc sollicitudin nunc, quis posuere tellus eros non ante.

High Fidelity Design

Transitions and animations give users interactive feedback and the detailed UI creates a finished polish to engaged casual users to complete their draft.