SlideShare une entreprise Scribd logo
1  sur  51
Télécharger pour lire hors ligne
DreamWorks
1This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
51
50
49
48
47
46
45
44
43
42
41
40
39
38
37
36
35
34
33
32
31
30
29
28
27
26
25
24
23
22
21
20
19
18
17
16
15
14
13
12
11
10
9
8
7
6
5
4
3
2
Table Of Contents
v4Last modified on Wed Jan 08 2014
by Darren Lou
DESKTOP UX
Phase 2 Desktop Userflow
0.0 Landing
0.1 Account Info
0.3 Age Gate Error
1.0 Returning User Login
1.2 Returning User Accept New Terms
2.0 Choose Car
3.0 How To Play 1 of 3
3.0 How To Play 2 of 3
3.0 How To Play 3 of 3
4.0 Dashboard 1 of 3
4.0 Dashboard 2 of 3
4.0 Dashboard 3 of 3
4.0 Dashboard: Recent Activity
4.1 Customize Car: COLOR
4.1 Customize Car: WHEELS
4.2 Shareable Content Overlay
4.3 Map View
4.4.1 Photo Trivia
4.4.2 Quiz
4.4.3 Event Check In 1 of 2
4.4.3 Event Check In 2 of 2
4.4.4 Redeem Code
4.5 Speed Bump Modal
Speed Bump Modal: Answer Reveal
MOBILE UX
0.0 Mobile Landing
0.1 Mobile Account Info
0.3 Mobile Age gate Error
1.0 Mobile Returning User Login
1.2 Mobile Returning User Accept New terms
2.0 Mobile Choose Car
3.0 Mobile How To Play
4.0 Mobile Dashboard 1 of 2
4.0 Mobile Dashboard 2 of 2
4.0 Mobile Dashboard: Menu
4.0 Mobile Dashboard: Recent Activity
4.1 Mobile Customize Car: COLOR
4.1 Mobile Customize Car: WHEELS
4.2 Mobile Shareable Content
4.3 Mobile Map & Leaderboard
4.4.1 Mobile Photo Trivia (Unanswered)
4.4.1 Mobile Photo Trivia (Answered)
4.4.2 Mobile Quiz (Unanswered)
4.4.2 Mobile Quiz (Answered)
4.4.3 Mobile Event Check In 1 of 2
4.4.3 Mobile Event Check In 2 of 2
4.4.4 Mobile Redeem Code
4.5 Mobile Speed Bump
DreamWorks
2This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
DESKTOP UX
HOW TO PLAY
BEWARE OF SPEEDBUMPS
Explain what happens when you hit a speed bump and how you get points from them
lorem ipsum dolor sit lorem ipsum dolor sit
Example Speedbump
20 Points Each
I’M READY!
Example Speedbump Example Speedbump
0.0 Landing
JOIN THE RACE
RACE TO DELEON
Contest backstory and p rize copy lorem ipsum dolor sit
Co ntest bac kstory an d prize cop y lor em ipsu m dolor
sit Con test back story and prize copy lorem ipsum
dolor sit
RETURNING USER
WATCH THE MOVIE TRAILER Screen shot or
image teasing
dashboard activities
Screenshot or image
teasing car
customization
Screenshot or image
teasing race map
and leaderboard
Footer Links + Legal + Rules + Social Plugins
Account Info
Email
Birthday
Email@address.com
Month Day Year
I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed Weekly Contest
I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed Sweetpstakes
I’m a returning user
Connectf
Connect with Facebook to complete your account and gain access to your dashboard
Footer Links + Legal + Rules + Social Plugins
I agree to receive notifications via Facebook
Log in
Reconnect your Facebook profile to
log in
ConnectfI’m a new user
Footer Links + Legal + Rules + Social Plugins
Transition Story Title
I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed Weekly Contest
I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed Sweetpstakes
JOIN THE RACE
Transition Story Image
Transition story explaining why points from phase 1 have been reset lorem ipsum dolor sit Transition
story explaining why points from phase 1 have been reset lorem ipsum dolor sit Transition story
explaining why points from phase 1 have been reset lorem ipsum dolor sit
Footer Links + Legal + Rules + Social Plugins
Choose Your Car
You won’t be able to change your car during the game so choose wisely!
Ford Mustang
ACCEPT
Footer Links + Legal + Rules + Social Plugins
UH-OH! It seems that you can’t
join the Race to De Leon at this
time lorem ipsum dolor
BUT YOU CAN STILL FOLLOW US!
INSTA
GRAM
Footer Links + Legal + Rules + Social Plugins
#NEEDFORSPEED
WEEKLY PRIZES AND ACTIVITY CTA MESSAGING
Week 1
SCORE 0 0 0 0 3 5 0
MY CAR
CUSTOMIZE
Customize your ride
TOTAL POINTS
1200
#NEEDFORSPEEDMOVIE
PHOTO TRIVIA SHARE VIDEO
8 FRIENDS RECRUITED
INVITE MORE FRIENDS
Your Rank
30HOW TO PLAY MAP & LEADERBOARD
FOLLOW US
COUNTDOWN TO PREMIERE
2:08:15:4550 PTS 50 PTS
6
MAP IMAGE FPO
Username
28
1000 points
Username
29 500 points
MY USERNAME
30 350 points
Username
31
300 points
Username
32 275 points
INVITE FRIENDS TO PLAY
Week 2 Leaders
420 points350 points
Shareable Content
Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit Content
description lorem ipsum dolor sit Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit Content description lorem
ipsum dolor sit
TUMBLRFACEBOOK TWITTER
SHARE TO EARN
PHOTO TRIVIA
Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit
PHOTO CROP
A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit
SUBMIT ANSWER
PHOTO TRIVIA
Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit
PHOTO CROP
A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit
SUBMIT ANSWER
PHOTO TRIVIA
Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit
PHOTO CROP
A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit
SUBMIT ANSWER
SPEED BUMP IMAGE
Speedbump backstory lorem ipsum dolor sit Speedbump backstory lorem ipsum dolor sit Speedbump
backstory lorem ipsum dolor sit Speedbump backstory lorem ipsum dolor sit Speedbump backstory lorem
ipsum dolor sit Speedbump backstory lorem ipsum dolor sit Speedbump backstory lorem ipsum dolor sit
SPEED BUMP
LEFT RIGHT
HOW TO PLAY
EARNING POINTS
Explain that points need to be earned in the following ways to progress through the
weekly maps and that the weekly point leader wins a prize lorem ipsum dolor sit
Recruit Friends
Explain how to recruit a friend lorem
upsum dolor sit
Share Weekly Content
Explain how to share weekly
content lorem ipsum dolor sit
Complete Weekly Activities
Explain how to complete weekly
activities lorem ipsum dolor sit
100 Points Each 30 Points Each 50 Points Each
NEXT
HOW TO PLAY
TAKE THE COURSE
Copy that explains the weekly leader board & map and why it is important to reach 420 points first lorem ip sum do
lor sit Co py tha t expl ains t he we ekly m ap and wh y it is im po rtant to reac h 42 0 poi nts fir st lo em ipsu m dol or
NEXT
MAP IMAGE FPO
Username
28
1000 points
Username
29 500 points
MY USERNAME
30 350 points
Username
31
300 points
Username
32 275 points
INVITE FRIENDS TO PLAY
Week 2 Leaders
420 points350 points
Customize Your Car
APPLY CHANGES
Color StripesWheels Spoiler
Stock Wheel
Option
Stock Wheel
Option
Newly
Unlocked
Wheel
Option
Newly
Unlocked
Wheel
Option
Earn 1000
points in a
week
Earn 1000
points in a
week
NEW! NEW!
NEED FOR SPEED HEADER
NEED FOR SPEED HEADER
Customize Your Car
APPLY CHANGES
Color StripesWheels Spoiler
0.1 Account Info 0.3 Age Gate Error
1.0 Returning User Login
1.2 Returning User New Terms 2.0 Choose Car
3.0 How To Play
4.0 Dashboard
4.1 Customize Car 4.2 Shareable Content Overlay 4.3 Leader Board & Map 4.4 Activities 4.5 Speed Bump
User fails age gate
0.2 Facebook Permissions
1.1 Facebook Log In
DreamWorks
3This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
JOIN THE RACE
RACE TO DELEON
Contest backstory and p rize copy lorem ipsum dolor sit
Co ntest bac kstory an d prize cop y lor em ipsu m dolor
sit Con test back story and prize copy lorem ipsum
dolor sit
RETURNING USER
WATCH THE MOVIE TRAILER Screen shot or
image teasing
dashboard activities
Screenshot or image
teasing car
customization
Screenshot or image
teasing race map
and leaderboard
Footer Links + Legal + Rules + Social Plugins
SOUND
0.0 Landing
DreamWorks
4This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
Play Trailer
Clicking the play button will launch a video player modal
1
Join the Race
Click the ‘Join the Race’ button to proceed to the ‘Account Info’ page (see p.3)
2
1
2
3
Returning Users
Returning users (including phase 1 users) may click this link to reconnect their
account with their Facebook profile (see p.4)
3
Sound Toggle
User may toggle sounds made by the app by clicking the speaker icon
4
4
Account Info
Email
Birthday
Email@address.com
Month Day Year
I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed Weekly Contest
I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed Sweetpstakes
I’m a returning user
Connectf
Connect with Facebook to complete your account and gain access to your dashboard
I agree to receive notifications via Facebook
Footer Links + Legal + Rules + Social Plugins
SOUND
0.1 Account Info
DreamWorks
5This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
Email Address
User must enter a valid email address
1
Age Gate
User must enter a DOB that proves he/she is older than 13 years of age. Any user
that does not pass the age gate, will not have any information collected or stored
by the game
2
1
2
6
Weekly Contest Agreements
User must agree to the Weekly contest Terms of Use and Rules. The Terms of Use
and Rules will each be hyperlinked text that launch a new browser page containing
the appropriate legal copy. This will be unchecked by default
3
3
4
7
Sweeptstakes Agreements
User must agree to the Sweepstakes Terms of Use and Rules. The Terms of Use and
Rules will each be hyperlinked text that launch a new browser page containing the
appropriate legal copy. This will be unchecked by default
4
Facebook Connect
Connecting via Facebook is required in order to gain access to the Dashboard (see
p.12)
6
Returning Users
Returning users that have accidentally made it to this page can click this link to go
to the Returning user interface instead (see p.4)
7
Close X
User may close this modal window to return to the Landing page (see p.2)
8
5
Facebook Notification Agreements
User must agree to receive notifications to their Facebook
5
UH-OH! It seems that you can’t
join the Race to Deleon at this
time lorem ipsum dolor
BUT YOU CAN STILL FOLLOW US!
INSTA
GRAM
Footer Links + Legal + Rules + Social Plugins
SOUND
0.3 Age Gate Error
DreamWorks
6This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
Age Gate Failed Messaging
If the user has failed to meet the age requirement, they will see a general message
explaining why they are unable to join the race
1
Follow
Users who weren’t able to sign-up for the game will still be allowed to follow the
Need for Speed social pages.
2
1
2
Log in
Reconnect your Facebook profile to
log in
ConnectfI’m a new user
Footer Links + Legal + Rules + Social Plugins
SOUND
1.0 Returning User Login
DreamWorks
7This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
Facebook Connect
Connecting via Facebook is required in order to verify that this is an existing user in
the game
1
New Users
If a new user has accidentally made it to this page, they can click this button to go
to the Account Info page for new users (see p.3)
2
12
3
Close X
User may close this modal window to return to the Landing page (see p.2)
3
Transition Story Title
I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed Weekly Contest
I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed Sweetpstakes
JOIN THE RACE
Transition Story Image
Transition story explaining why points from phase 1 have been reset lorem ipsum dolor sit Transition
story explaining why points from phase 1 have been reset lorem ipsum dolor sit Transition story
explaining why points from phase 1 have been reset lorem ipsum dolor sit
Footer Links + Legal + Rules + Social Plugins
SOUND
1.2 Returning User Accept New Terms
DreamWorks
8This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
Transition Story
This story will explain to the user why points have been reset to 0 for phase 2
1
Weekly Contest Agreements
User must agree to the Weekly contest Terms of Use and Rules. The Terms of Use
and Rules will each be hyperlinked text that launch a new browser page containing
the appropriate legal copy. This will be unchecked by default
2
1
2
3
Sweeptstakes Agreements
User must agree to the Sweepstakes Terms of Use and Rules. The Terms of Use and
Rules will each be hyperlinked text that launch a new browser page containing the
appropriate legal copy. This will be unchecked by default
3
4
Join the Race
Click this button to gain access to the phase 2 dashboard. Both agreement
checkboxes must be checked in order to make this button clickable.
4
Choose Your Car
You won’t be able to change your car during the game so choose wisely!
Ford Mustang
ACCEPT
Footer Links + Legal + Rules + Social Plugins
SOUND
2.0 Choose Car
DreamWorks
9This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
Car Options
Depending on which phase the user has joined the game, either a standard set or
extended set of cars will be visible
1
Left/Right Arrows
Users may select a different car by clicking the left/right arrows. Muffler sounds will
play when changing car models
2
1
2
3
Accept Car
Click this button to accept the currently selected car
3
RACE TO DELEON MASTHEAD
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
WEEKLY PRIZES AND ACTIVITY CTA MESSAGING
Week 1
SCORE 0 0 0 0 3 5 0
MY CAR
CUSTOMIZE
Customize your ride
TOTAL POINTS
1200
#NEEDFORSPEEDMOVIE
Instagram Post
PLAY
PHOTO TRIVIA SHARE VIDEO
QUIZ
SHARE PHOTO ON
TWITTER
Description of this activity
lorem ipsum dolor sit
Description of this activity
lorem ipsum dolor sit
Description of this activity
lorem ipsum dolor sit
8 FRIENDS RECRUITED
INVITE MORE FRIENDS
Your Rank
30HOW TO PLAY MAP & LEADERBOARD
FOLLOW US
COUNTDOWN TO PREMIERE
2:08:15:4550 PTS 50 PTS
50 PTS 50 PTS
VIEW
Description of this activity
6
HOW TO PLAY
TAKE THE COURSE
Copy that explains the weekly leader board & map and why it is important to reach 420 points first lorem ip sum do
lor sit Co py tha t expl ains t he we ekly m ap and wh y it is im po rtant to reac h 42 0 poi nts fir st lo em ipsu m dol or
NEXT
MAP IMAGE FPO
Username
28
1000 points
Username
29 500 points
MY USERNAME
30 350 points
Username
31
300 points
Username
32 275 points
INVITE FRIENDS TO PLAY
Week 2 Leaders
420 points350 points
3.0 How To Play 1 of 3
DreamWorks
10This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
How To: Leader Board & Map
This should explain the relevance of the leader board and the map. It should also
clarify how the weekly courses work in conjunction with weekly points.
1
Pagination Dots
This will indicate that the “How To Play” section has 3 pages. The user may click the
unselected dots to jump to that instruction page.
21
2
3
Next Button
User may click this button to view the next instruction page of the “How to Play”
section
3
Close X
User may close this modal window to return to the dashboard
4
4
RACE TO DELEON MASTHEAD
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
WEEKLY PRIZES AND ACTIVITY CTA MESSAGING
Week 1
SCORE 0 0 0 0 3 5 0
MY CAR
CUSTOMIZE
Customize your ride
TOTAL POINTS
1200
#NEEDFORSPEEDMOVIE
Instagram Post
PLAY
PHOTO TRIVIA SHARE VIDEO
QUIZ
SHARE PHOTO ON
TWITTER
Description of this activity
lorem ipsum dolor sit
Description of this activity
lorem ipsum dolor sit
Description of this activity
lorem ipsum dolor sit
8 FRIENDS RECRUITED
INVITE MORE FRIENDS
Your Rank
30HOW TO PLAY MAP & LEADERBOARD
FOLLOW US
COUNTDOWN TO PREMIERE
2:08:15:4550 PTS 50 PTS
50 PTS 50 PTS
VIEW
Description of this activity
6
HOW TO PLAY
EARNING POINTS
Explain that points need to be earned in the following ways to progress through the
weekly maps and that the weekly point leader wins a prize lorem ipsum dolor sit
Complete Weekly Activities
Explain how to complete weekly activities lorem ipsum dolor sit
NEXT
3.0 How To Play 2 of 3
DreamWorks
11This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
How To: Earn Points
This will contain visuals that correspond to the three methods of earning points
along with brief descriptions
1
Pagination Dots
This will indicate that the “How To Play” section has 2 pages. The user may click the
unselected dot to toggle the view.
2
1
2
3
The “How To Play” section will be the first thing ALL users will see when they start the
second phase of the game
Close X
User may close this modal window to go to the Dashboard page (see p.11)
3
RACE TO DELEON MASTHEAD
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
WEEKLY PRIZES AND ACTIVITY CTA MESSAGING
Week 1
SCORE 0 0 0 0 3 5 0
MY CAR
CUSTOMIZE
Customize your ride
TOTAL POINTS
1200
#NEEDFORSPEEDMOVIE
Instagram Post
PLAY
PHOTO TRIVIA SHARE VIDEO
QUIZ
SHARE PHOTO ON
TWITTER
Description of this activity
lorem ipsum dolor sit
Description of this activity
lorem ipsum dolor sit
Description of this activity
lorem ipsum dolor sit
8 FRIENDS RECRUITED
INVITE MORE FRIENDS
Your Rank
30HOW TO PLAY MAP & LEADERBOARD
FOLLOW US
COUNTDOWN TO PREMIERE
2:08:15:4550 PTS 50 PTS
50 PTS 50 PTS
VIEW
Description of this activity
6
HOW TO PLAY
BEWARE OF SPEEDBUMPS
Explain what happens when you hit a speed bump and how you get points from them
lorem ipsum dolor sit lorem ipsum dolor sit
Example Speedbump Title Lorem
20 Points Each
I’M READY!
3.0 How To Play 3 of 3
DreamWorks
12This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
How To: Speed Bumps
There will need to be an explanation of what the Speed Bumps are
1
Speed Bump Example
Show an example of the speed bump situation without answer choices so the user
can get an idea of what they are
2
1
2
3
I’m Ready Button
Click this to exit out of the ‘How to Play’ overlay and return to the dashboard
3
RACE TO DELEON MASTHEAD
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
WEEKLY PRIZES AND ACTIVITY CTA MESSAGING
Week 1
SCORE 0 0 0 0 3 5 0
MY CAR
CUSTOMIZE
Customize your ride
TOTAL POINTS
1200
#NEEDFORSPEEDMOVIE
PLAY
PHOTO TRIVIA SHARE VIDEO
QUIZ
SHARE PHOTO ON
TWITTER
Description of this activity
lorem ipsum dolor sit
Description of this activity
lorem ipsum dolor sit
8 FRIENDS RECRUITED
INVITE MORE FRIENDS
Your Rank
30HOW TO PLAY MAP & LEADERBOARD
FOLLOW US
COUNTDOWN TO PREMIERE
2:08:15:4550 PTS 50 PTS
50 PTS 50 PTS
VIEW
6
4.0 Dashboard 1 of 3
DreamWorks
13This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
Map & Leaderboard
Click this to view the map & leader board overlay (see p.15)
1
Weekly Points
The ‘odometer’ will display the user’s score during the week and reset at the start of
a new week. This will be driven by recruiting, sharing, and activities.
2
2
3
Total Points
This will be the sum of all the weekly point totals throughout the game
3
My Car
This area will display the user’s car avatar. Clicking the ‘Customize’ button will take
the user to the customization interface (see p.13-14). Clicking the button will play a
muffler sound.
7
Your Rank
Displays the user’s rank in the leader board for this week based on how many points
he/she has earned
4
Invite Friends
Display the number of friends that have been successfully recruited for points. Click
the ‘Invite More Friends’ button to post an invitation URL to Facebook
6
4
5
6
7
Premiere Countdown
A timer will countdown to the premiere of the movie
5
1
A sound clip will be played when the user enters the dashboard
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
WEEKLY PRIZES AND ACTIVITY CTA MESSAGING
CUSTOMIZE
Customize your ride
#NEEDFORSPEEDMOVIE
Instagram Post
PLAY
PHOTO TRIVIA SHARE VIDEO
QUIZ
SHARE PHOTO ON
TWITTER
Description of this activity
lorem ipsum dolor sit
Description of this activity
lorem ipsum dolor sit
Description of this activity
lorem ipsum dolor sit
FOLLOW US
COUNTDOWN TO PREMIERE
2:08:15:4550 PTS 50 PTS
50 PTS 50 PTS
VIEW
PLAY
LIKE NFS
50 PTS
FOLLOW
@needforspeed
50 PTS
EVENT CHECK IN
Description of this activity
lorem ipsum dolor sit
50 PTS
VIEW
FOLLOW NFS
ON TUMBLR
Description of this activity
lorem ipsum dolor sit
50 PTS
TUMBLR FOLLOW BUTTON
Description of this activity
lorem ipsum dolor sit
VIEW
4.0 Dashboard 2 of 3
DreamWorks
14This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
Customize Button
Click this button to enter the customization interface
1
Weekly Prize Marquee
This area will feature the current week’s prize(s) with call to actions to earn points
2
1
2
Activity Tiles
These tiles will represent the predetermined activities. There will be no more than 8
activities per week.
Video Share
Static Image Share
Event Check In
Facebook Like
Twitter Follow
Tumblr Follow
Trivia
Photo Puzzle
3
3
Social Feed
This feed will showcase the Need For Speed official account posts to Facebook,
instagram, and twitter.
4
4
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
Instagram Post
TWITTER
Description of this activity
lorem ipsum dolor sit
Footer Links + Legal + Rules + Social Plugins
PLAY
LIKE NFS
FACEBOOK PAGE
Description of what to do
lorem ipsum dolor sit
50 PTS
FOLLOW
@needforspeed
ON TWITTER
Description of this activity
lorem ipsum dolor sit
50 PTS
TWITTER FOLLOW BUTTONFACEBOOK LIKE BUTTON
EVENT CHECK IN
Description of this activity
lorem ipsum dolor sit
50 PTS
VIEW
FOLLOW NFS
ON TUMBLR
Description of this activity
lorem ipsum dolor sit
50 PTS
TUMBLR FOLLOW BUTTON
Description of this activity
lorem ipsum dolor sit
VIEW
CODE REDEMPTION
Description of this activity
lorem ipsum dolor sit
50 PTS
ENTER CODE
4.0 Dashboard 3 of 3
DreamWorks
15This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
RACE TO DELEON MASTHEAD
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
WEEKLY PRIZES AND ACTIVITY CTA MESSAGING
Week 1
SCORE 0 0 0 0 3 5 0
MY CAR
CUSTOMIZE
Customize your ride
TOTAL POINTS
1200
#NEEDFORSPEEDMOVIE
PLAY
PHOTO TRIVIA SHARE VIDEO
Description of this activity
lorem ipsum dolor sit
Description of this activity
lorem ipsum dolor sit
8 FRIENDS RECRUITED
INVITE MORE FRIENDS
Your Rank
30HOW TO PLAY MAP & LEADERBOARD
FOLLOW US
COUNTDOWN TO PREMIERE
2:08:15:4550 PTS 50 PTS
50 PTS
VIEW
3
RECENT ACTIVITY
Recruited Friend
Photo Trivia Completed
Quiz Trivia Completed
Shared Video
Shared Photo
Followed Ford on Facebook
+200
+200
+200
+200
+200
+200
LAST WEEK
Followed NFS on Twitter +200
THIS WEEK
4.0 Dashboard: Recent Activity
DreamWorks
16This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
NEED FOR SPEED HEADER
EARN POINTS TO WIN THE RACE
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
Instructions detailing how a user can earn points to win the race Instructions detailing how a user can earn points to win
the race Instructions detailing how a user can earn points to win the race Instructions detailing how a user can earn
points to win the race Instructions detailing how a user can earn points to win the race Instructions detailing how a user
can earn points to win the race
TOTAL POINTS
Featured Content
Week 1
SCORE 0 0 0 0 3 5 0
MY CAR
CUSTOMIZE
Customize your ride
1200
Active Shareable Content Inactive Shareable Content Inactive Shareable Content Inactive Shareable Content Inactive Shareable Content
Available 11.25 Available 11.27 Available 11.29 Available 11.30NEW!
#NFSBROOKLYNPHOTO TRIVIA TRAILER TRIVIA
8 FRIENDS PLAYING
INVITE MORE FRIENDS
COUNTDOWN TO BROOKLYN
2:08:15:45
Your Rank
30
HIDE MAP
350 points
Username
31
300 points
Username
32 275 points
INVITE FRIENDS TO PLAY 420 points350 points
NEED FOR SPEED HEADER
Customize Your Car
APPLY CHANGES
Color DecalWheels Spoiler Tint Category Lorem
4.1 Customize Car: COLOR
DreamWorks
17This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
Customization Categories
Users will be able to customize their selected car with a limited set of categories.
Click the category name to view the options available. Customization categories will
be unlocked weekly.
1
Customization Option
Users will be allowed to select one customization option per category.
2
1
2
Apply Changes
Click to apply all customization changes to the car and return to the dashboard
3
Close X
User may close this modal window to return to the Dashboard page (see p.11)
4
3
4
NEED FOR SPEED HEADER
EARN POINTS TO WIN THE RACE
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
Instructions detailing how a user can earn points to win the race Instructions detailing how a user can earn points to win
the race Instructions detailing how a user can earn points to win the race Instructions detailing how a user can earn
points to win the race Instructions detailing how a user can earn points to win the race Instructions detailing how a user
can earn points to win the race
TOTAL POINTS
Featured Content
Week 1
SCORE 0 0 0 0 3 5 0
MY CAR
CUSTOMIZE
Customize your ride
1200
Active Shareable Content Inactive Shareable Content Inactive Shareable Content Inactive Shareable Content Inactive Shareable Content
Available 11.25 Available 11.27 Available 11.29 Available 11.30NEW!
#NFSBROOKLYNPHOTO TRIVIA TRAILER TRIVIA
8 FRIENDS PLAYING
INVITE MORE FRIENDS
COUNTDOWN TO BROOKLYN
2:08:15:45
Your Rank
30
HIDE MAP
350 points
Username
31
300 points
Username
32 275 points
INVITE FRIENDS TO PLAY 420 points350 points
Customize Your Car
APPLY CHANGES
Wheel
Option
Wheel
Option
Wheel
Option
Wheel
Option
Wheel
Option
Wheel
Option
NEED FOR SPEED HEADER
AVAILABLE
FEB 17
4.1 Customize Car: WHEELS
DreamWorks
18This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
Locked Customization Category
Locked customization categories will have all options within that category grayed
out and inactive until the unlock date
1
1
Color DecalWheels Spoiler Tint Category Lorem
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
CUSTOMIZE
#NEEDFORSPEEDMOVIE
Instagram Post
PLAY
PHOTO TRIVIA SHARE VIDEO
QUIZ
SHARE PHOTO ON
TWITTER
Description of this activity
lorem ipsum dolor sit
Description of this activity
lorem ipsum dolor sit
Description of this activity
lorem ipsum dolor sit
FOLLOW US
COUNTDOWN TO PREMIERE
2:08:15:4550 PTS 50 PTS
50 PTS 50 PTS
VIEW
PLAY
LIKE NFS
FACEBOOK PAGE
Description of what to do
lorem ipsum dolor sit
50 PTS
FOLLOW
@needforspeed
ON TWITTER
Description of this activity
lorem ipsum dolor sit
50 PTS
EVENT CHECK IN
Description of this activity
lorem ipsum dolor sit
50 PTS
VIEW
FOLLOW NFS
ON TUMBLR
Description of this activity
lorem ipsum dolor sit
50 PTS
TUMBLR FOLLOW BUTTON
Description of this activity
lorem ipsum dolor sit
VIEW
Shareable Content
Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit Content
description lorem ipsum dolor sit Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit Content description lorem
ipsum dolor sit
Share on TumblrShare on Facebook Share on Twitter
SHARE TO EARN
4.2 Shareable Content Overlay
DreamWorks
19This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
Content Area
The shareable content item will be fully viewable here. Content items may be
accompanied by brief captions or descriptions.
1
Share on...
The user will be able to share this content via Facebook, Twitter, or Tumblr.
2
1
2
Close X
Click the X to close the shareable content overlay and return to the Dashboard (see
p.11)
3
3
RACE TO DELEON MASTHEAD
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
WEEKLY PRIZES AND ACTIVITY CTA MESSAGING
Week 1
SCORE 0 0 0 0 3 5 0
MY CAR
CUSTOMIZE
Customize your ride
TOTAL POINTS
1200
#NEEDFORSPEEDMOVIE
Instagram Post
PLAY
PHOTO TRIVIA SHARE VIDEO
QUIZ
SHARE PHOTO ON
TWITTER
Description of this activity
lorem ipsum dolor sit
Description of this activity
lorem ipsum dolor sit
Description of this activity
lorem ipsum dolor sit
8 FRIENDS RECRUITED
INVITE MORE FRIENDS
Your Rank
30HOW TO PLAY MAP & LEADERBOARD
FOLLOW US
COUNTDOWN TO PREMIERE
2:08:15:4550 PTS 50 PTS
50 PTS 50 PTS
VIEW
Description of this activity
6
MAP IMAGE FPO
Week 2 Leaders
42000 points35000 points
Username
28
1000 points
Username
29 500 points
MY USERNAME
30 350 points
Username
31
300 points
Username
32 275 points
Top 10My Rank
RECRUIT MORE DRIVERS
4.3 Map View
DreamWorks
20This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
Weekly Leader Board
This will display the leader board for the current week. Users will be allowed to view
leader boards from the previous weeks. The leader board default view will be
centered on the user’s rank
1
User’s Rank
The user’s rank will be highlighted to make it more findable.
3
1
2
3
Recruit More Drivers
Users will be able to invite friends to join the game. Clicking this will allow the user
to post an invite URL to their Facebook wall.
4
Map Image
This will display the course map for the week
5
Close X
User may close this modal window to return to the Dashboard page (see p.11)
7
4
Course Completion
The progress bar indicates how many points the user has accumulated for this week.
In order to complete the course for that week, the user must earn 420 points.
6
5
7
6
Leader Board Tabs
The user will be allowed to toggle between their own rank on the leader board and
the top 10 players by clicking on the labeled tabs
2
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
Instagram Post
QUIZ
SHARE PHOTO ON
TWITTER
Description of this activity
lorem ipsum dolor sit
PLAY
LIKE NFS
FACEBOOK PAGE
Description of what to do
lorem ipsum dolor sit
50 PTS
FOLLOW
@needforspeed
ON TWITTER
Description of this activity
lorem ipsum dolor sit
50 PTS
TWITTER FOLLOW BUTTONFACEBOOK LIKE BUTTON
EVENT CHECK IN
Description of this activity
lorem ipsum dolor sit
50 PTS
VIEW
FOLLOW NFS
ON TUMBLR
Description of this activity
lorem ipsum dolor sit
50 PTS
TUMBLR FOLLOW BUTTON
Description of this activity
lorem ipsum dolor sit
VIEW
CODE REDEMPTION
Description of this activity
lorem ipsum dolor sit
50 PTS
ENTER CODE
PHOTO TRIVIA
Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit
PHOTO CROP
A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit
SUBMIT ANSWER
4.4.1 Photo Trivia
DreamWorks
21This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
Photo Trivia
A cropped section of a larger photo and a question about that cropped section of
the photo will be presented to the user
1
Multiple Choice
The user must answer the question by selecting one of the 4 choices provided
2
Submit Answer
When the user is done selecting their answer, they must click the ‘Submit Answer’
button in order to confirm the selection
3
PHOTO TRIVIA
Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit
B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit
FULL PHOTOPHOTO
CROP
A. Answer lorem ipsum dolor sit +50 pts
COLLECT 50 POINTS
1
4
2
3
5
6
7
Full Photo
Once the user has submitted an answer, the modal will show the full photo with the
cropped section in the correct place
5
Answer Reveal
Once the user has submitted an answer, the modal will reveal the correct answer
and display the point value earned by getting the answer correct or incorrect
6
Collect Points
This button primarily serves as confirmation that the user has earned points. When
this button is clicked, the activity overlay will close and the points earned will be
added to the weekly point value.
7
Close X (Unanswered)
Closing the activity overlay before answering the question will leave the activity
incomplete and will still be available to complete at a later time.
4
8
Close X (Answered)
Closing the activity after answering the question will be treated the same as if the
user clicked the ‘Collect Points’ button and will be returned to the Dashboard
8
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
Instagram Post
QUIZ
SHARE PHOTO ON
TWITTER
Description of this activity
lorem ipsum dolor sit
PLAY
LIKE NFS
FACEBOOK PAGE
Description of what to do
lorem ipsum dolor sit
50 PTS
FOLLOW
@needforspeed
ON TWITTER
Description of this activity
lorem ipsum dolor sit
50 PTS
TWITTER FOLLOW BUTTONFACEBOOK LIKE BUTTON
EVENT CHECK IN
Description of this activity
lorem ipsum dolor sit
50 PTS
VIEW
FOLLOW NFS
ON TUMBLR
Description of this activity
lorem ipsum dolor sit
50 PTS
TUMBLR FOLLOW BUTTON
Description of this activity
lorem ipsum dolor sit
VIEW
CODE REDEMPTION
Description of this activity
lorem ipsum dolor sit
50 PTS
ENTER CODE
QUIZ
1. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit
SUBMIT ANSWERS
2. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit
3. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit
QUIZ
1. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit
2. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit
B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit
3. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit +0 pts B. Answer lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit +25 pts
D. Answer lorem ipsum dolor sit +25 pts
COLLECT 50 POINTS
4.4.2 Quiz
DreamWorks
22This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
Instagram Post
QUIZ
SHARE PHOTO ON
TWITTER
Description of this activity
lorem ipsum dolor sit
PLAY
LIKE NFS
FACEBOOK PAGE
Description of what to do
lorem ipsum dolor sit
50 PTS
FOLLOW
@needforspeed
ON TWITTER
Description of this activity
lorem ipsum dolor sit
50 PTS
TWITTER FOLLOW BUTTONFACEBOOK LIKE BUTTON
EVENT CHECK IN
Description of this activity
lorem ipsum dolor sit
50 PTS
VIEW
FOLLOW NFS
ON TUMBLR
Description of this activity
lorem ipsum dolor sit
50 PTS
TUMBLR FOLLOW BUTTON
Description of this activity
lorem ipsum dolor sit
VIEW
CODE REDEMPTION
Description of this activity
lorem ipsum dolor sit
50 PTS
ENTER CODE
EVENT CHECK IN
STEP 1: Instruction copy lorem ipsum dolor sit
Instruction copy lorem ipsum dolor sit Instruction copy
lorem ipsum dolor sit Instruction copy lorem ipsum
dolor sit
CONTINUEI’LL DO THIS LATER
INSTRUCTION IMAGE
STEP 2: Instruction copy lorem ipsum dolor sit
Instruction copy lorem ipsum dolor sit Instruction copy
lorem ipsum dolor sit Instruction copy lorem ipsum
dolor sit
STEP 3: Instruction copy lorem ipsum dolor sit
Instruction copy lorem ipsum dolor sit Instruction copy
lorem ipsum dolor sit Instruction copy lorem ipsum
dolor sit
4.4.3 Event Check In 1 of 2
DreamWorks
23This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
Instagram Post
QUIZ
SHARE PHOTO ON
TWITTER
Description of this activity
lorem ipsum dolor sit
PLAY
LIKE NFS
FACEBOOK PAGE
Description of what to do
lorem ipsum dolor sit
50 PTS
FOLLOW
@needforspeed
ON TWITTER
Description of this activity
lorem ipsum dolor sit
50 PTS
TWITTER FOLLOW BUTTONFACEBOOK LIKE BUTTON
EVENT CHECK IN
Description of this activity
lorem ipsum dolor sit
50 PTS
VIEW
FOLLOW NFS
ON TUMBLR
Description of this activity
lorem ipsum dolor sit
50 PTS
TUMBLR FOLLOW BUTTON
Description of this activity
lorem ipsum dolor sit
VIEW
CODE REDEMPTION
Description of this activity
lorem ipsum dolor sit
50 PTS
ENTER CODE
EVENT CHECK IN
* By clicking the Submit button, you certify that the Instagram account belongs
to you lorem ipsum dolor sit
INSTAGRAM USERNAME
Instagram Username
CHECK
Instagram Twitter
* By clicking the Submit button, you certify that the Twitter account belongs to
you lorem ipsum dolor sit
TWITTER USERNAME
Twitter Username
CHECK
EVENT CHECK IN
* By clicking the Submit button, you certify that the Instagram account belongs
to you lorem ipsum dolor sit
INSTAGRAM USERNAME
Instagram Username
CHECK
Instagram Twitter
* By clicking the Submit button, you certify that the Twitter account belongs to
you lorem ipsum dolor sit
TWITTER USERNAME
Twitter Username
CHECK
COLLECT 12500 POINTS
COLLECT 12500 POINTS
4.4.3 Event Check In 2 of 2
DreamWorks
24This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
Instagram Post
QUIZ
SHARE PHOTO ON
TWITTER
Description of this activity
lorem ipsum dolor sit
PLAY
LIKE NFS
FACEBOOK PAGE
Description of what to do
lorem ipsum dolor sit
50 PTS
FOLLOW
@needforspeed
ON TWITTER
Description of this activity
lorem ipsum dolor sit
50 PTS
TWITTER FOLLOW BUTTONFACEBOOK LIKE BUTTON
EVENT CHECK IN
Description of this activity
lorem ipsum dolor sit
50 PTS
VIEW
FOLLOW NFS
ON TUMBLR
Description of this activity
lorem ipsum dolor sit
50 PTS
TUMBLR FOLLOW BUTTON
Description of this activity
lorem ipsum dolor sit
VIEW
CODE REDEMPTION
Description of this activity
lorem ipsum dolor sit
50 PTS
ENTER CODE
ENTER REDEMPTION CODE
Instruction copy explaining how to earn points for a special code lorem ipsum dolor
sit Instruction copy explaining how to earn points for a special code lorem ipsum
dolor sit Instruction copy explaining how to earn points for a special code lorem
ipsum dolor sit
REDEEM POINTS
ENTER CODE HERE
4.4.4 Redeem Code
DreamWorks
25This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
CUSTOMIZE
#NEEDFORSPEEDMOVIE
Instagram Post
PLAY
PHOTO TRIVIA SHARE VIDEO
QUIZ
SHARE PHOTO ON
TWITTER
Description of this activity
lorem ipsum dolor sit
Description of this activity
lorem ipsum dolor sit
Description of this activity
lorem ipsum dolor sit
FOLLOW US
COUNTDOWN TO PREMIERE
2:08:15:4550 PTS 50 PTS
50 PTS 50 PTS
VIEW
PLAY
LIKE NFS
FACEBOOK PAGE
Description of what to do
lorem ipsum dolor sit
50 PTS
FOLLOW
@needforspeed
ON TWITTER
Description of this activity
lorem ipsum dolor sit
50 PTS
EVENT CHECK IN
Description of this activity
lorem ipsum dolor sit
50 PTS
VIEW
FOLLOW NFS
ON TUMBLR
Description of this activity
lorem ipsum dolor sit
50 PTS
TUMBLR FOLLOW BUTTON
Description of this activity
lorem ipsum dolor sit
VIEW
SPEED BUMP IMAGE
Speedbump backstory lorem ipsum dolor sit Speedbump backstory lorem ipsum dolor sit Speedbump
backstory lorem ipsum dolor sit Speedbump backstory lorem ipsum dolor sit Speedbump backstory lorem
ipsum dolor sit Speedbump backstory lorem ipsum dolor sit Speedbump backstory lorem ipsum dolor sit
SPEED BUMP
LEFT RIGHT
4.5 Speed Bump Modal
DreamWorks
26This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
Speed Bump Image
A speed bump modal will be presented randomly when the user logs into their
dashboard each week
1
Choices
The speed bump will present the user with a situation which they can overcome by
making the correct choice. If the user chooses correctly, they will be rewarded with
extra points; if they choose incorrectly, they will get nothing
2
1
2
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit RT lorem ipsum dolor sit RT
lorem ipsum dolor sit
30m
CUSTOMIZE
#NEEDFORSPEEDMOVIE
Instagram Post
PLAY
PHOTO TRIVIA SHARE VIDEO
QUIZ
SHARE PHOTO ON
TWITTER
Description of this activity
lorem ipsum dolor sit
Description of this activity
lorem ipsum dolor sit
Description of this activity
lorem ipsum dolor sit
FOLLOW US
COUNTDOWN TO PREMIERE
2:08:15:4550 PTS 50 PTS
50 PTS 50 PTS
VIEW
PLAY
LIKE NFS
FACEBOOK PAGE
Description of what to do
lorem ipsum dolor sit
50 PTS
FOLLOW
@needforspeed
ON TWITTER
Description of this activity
lorem ipsum dolor sit
50 PTS
EVENT CHECK IN
Description of this activity
lorem ipsum dolor sit
50 PTS
VIEW
FOLLOW NFS
ON TUMBLR
Description of this activity
lorem ipsum dolor sit
50 PTS
TUMBLR FOLLOW BUTTON
Description of this activity
lorem ipsum dolor sit
VIEW
SPEED BUMP IMAGE
You chose the road on the right and discovered a shortcut lorem ipsum dolor sit You chose the road on the
left. It turned out to be a police speed trap lorem ipsum dolor sit You chose the road on the left. It turned
out to be a police speed trap lorem ipsum dolor sit
SPEED BUMP
LEFT RIGHT
+20 pts
SPEED BUMP IMAGE
You chose the road on the left. It turned out to be a police speed trap lorem ipsum dolor sit You chose the
road on the left. It turned out to be a police speed trap lorem ipsum dolor sit You chose the road on the
left. It turned out to be a police speed trap lorem ipsum dolor sit
SPEED BUMP
Go Left Go Right
+0 pts
Speed Bump Modal: Answer Reveal
DreamWorks
27This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
Speed Bump Outcome
After the user has made a choice, the outcome image corresponding to their choice
will be displayed (i.e. you chose the road on the left and got caught in a police
speed trap, etc.)
1
Points Earned
After the user has made a choice, the number of points they’ve earned for getting it
right will be displayed. If they chose wrong, then this will display ‘+0 points’.
2
1
2
3
Choice Reveal
Once the user has made a choice, the correct choice will be revealed
3
2
3
DreamWorks
28This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
MOBILE UX
JOIN THE RACE
RETURNING USER
RACE TO DELEON
Image teasing car customization
CUSTOMIZE YOUR CAR
COMPLETE CHALLENGES
Contest backstory and p rize copy lorem ipsum dolor
sit Co ntest bac kstory an d prize cop y lor em ipsu m
dolor sit Con test back story and prize copy lorem
ipsum dolor sit
RACE TAGLINE LOREM
JOIN THE RACE
RETURNING USER
Image teasing car customization
CUSTOMIZE YOUR CAR
Image teasing dashboard activities
COMPLETE CHALLENGES
Image teasing race map and leaderboard
FINISH THE COURSE AND WIN
JOIN THE RACE
Contest backstory and p rize copy lorem ipsum dolor
sit Co ntest bac kstory an d prize cop y lor em ipsu m
dolor sit Con test back story and prize copy lorem
ipsum dolor sit
RACE TAGLINE LOREM
Image teasing car customization
CUSTOMIZE YOUR CAR
Image teasing dashboard activities
COMPLETE CHALLENGES
Image teasing race map and leaderboard
FINISH THE COURSE AND WIN
JOIN THE RACE
dolor sit Con test back story and prize copy lorem
ipsum dolor sit
Footer Links + Legal + Rules + Social
Plugins
FOLLOW US
FACEBOOK TWITTER
INSTAGRA
M
Image teasing dashboard activities
COMPLETE CHALLENGES
Image teasing race map and leaderboard
FINISH THE COURSE AND WIN
JOIN THE RACE
Footer Links + Legal + Rules + Social
Plugins
FOLLOW US
FACEBOOK TWITTER
INSTAGRA
M
0.0 Mobile Landing
DreamWorks
29This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com loremipsumdolor.com loremipsumdolor.com loremipsumdolor.com
Footer Links + Legal + Rules + Social
Plugins
YOUR INFORMATION
Email
Date of Birth
Email@address.com
I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed
Weekly Contest
I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed
Sweetpstakes
I’m a returning user
SUBMIT
Month Day Year
I agree to receive Facebook notifications
0.1 Mobile Account Info
DreamWorks
30This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com
Footer Links + Legal + Rules + Social
Plugins
UH-OH! It seems that
you can’t join the Race
to Deleon at this time
lorem ipsum dolor
BUT YOU CAN STILL FOLLOW US!
INSTA
GRAM
0.3 Mobile Age gate Error
DreamWorks
31This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com
Footer Links + Legal + Rules + Social
Plugins
Log in
Reconnect your Facebook profile to
log in
ConnectfI’m a new user
1.0 Mobile Returning User Login
DreamWorks
32This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com
Footer Links + Legal + Rules + Social
Plugins
Transition Story Title
I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the
Need for Speed Weekly Contest
I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the
Need for Speed Sweetpstakes
JOIN THE RACE
Transition Story Image
Transition story explaining why points from phase
1 have been reset lorem ipsum dolor sit Transition
story explaining why points from phase
1.2 Mobile Returning User Accept New terms
DreamWorks
33This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com
Footer Links + Legal + Rules + Social
Plugins
Choose Your Car
You won’t be able to change your car
during the game so choose wisely!
Ford Mustang
ACCEPT
2.0 Mobile Choose Car
DreamWorks
34This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com
Scroll Through Cars
User may swipe the screen or tap the left/right arrows to scroll through the car
options available. New phase 2 users will only be provided 3 standard cars to
choose from. Returning users from phase 1 will have 6 car options which includes
the 3 standard cars and 3 special cars
1
Accept Car Selection
User must tap the “Accept” button to confirm their car selection
2
1
2
HOW TO PLAY
TAKE THE COURSE
Copy that explains the weekly leader board & map
and why it is important to reach 420 points first
lorem ip sum do lor sit
NEXT
MAP IMAGE FPO
Username
28
1000 points
Username
29 500 points
MY USERNAME
30 350 points
Username
31
300 points
Username
32 275 points
INVITE FRIENDS TO PLAY
Week 2 Leaders
420 points350 points
HOW TO PLAY
NEXT
EARNING POINTS
Explain that points need to be earned in the
following ways to progress through the weekly maps
and that the weekly
Recruit Friends & Complete Weekly
Activities
Explain how to earn points lorem ipsum dolor sit
Lorem ipsum
Footer Links + Legal + Rules + Social
Plugins
HOW TO PLAY
BEWARE OF SPEEDBUMPS
Explain what happens when you hit a speed bump
and how you get points from them lorem ipsum
dolor sit lorem ipsum dolor sit
Example Speedbump
20 Points Each
I’M READY!
3.0 Mobile How To Play
DreamWorks
35This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com loremipsumdolor.com loremipsumdolor.com
Three screens will introduce the user to the key
interactions with this game. THe user must hit the
“Next” button to see the next screen. This
experience may be closed with the X in the top right
corner
User should click the “I’m Ready” button when
ready to start playing the game. Once this button
has been tapped, the user will be taken to the
dashboard interface
WEEKLY PRIZES AND ACTIVITY CTA MESSAGING
Week 1
SCORE 0 0 0 0 3 5 0
MY CAR
CUSTOMIZE
YOUR RANK
30
WEEKLY ACTIVITIES
TOTAL POINTS
12,000
3
PHOTO TRIVIA
50 PTS
WEEKLY PRIZES AND ACTIVITY CTA MESSAGING
Week 1
SCORE 0 0 0 0 3 5 0
MY CAR
CUSTOMIZE
YOUR RANK
30
WEEKLY ACTIVITIES
TOTAL POINTS
12,000
PLAY
PHOTO TRIVIA
Description of this activity lorem ipsum
dolor sit
50 PTS
SHARE VIDEO
Description of this activity lorem ipsum
dolor sit
50 PTS
VIEW
QUIZ
50 PTS
WEEKLY PRIZES AND ACTIVITY CTA MESSAGING
CUSTOMIZE
WEEKLY ACTIVITIES
PLAY
PHOTO TRIVIA
Description of this activity lorem ipsum
dolor sit
50 PTS
SHARE VIDEO
Description of this activity lorem ipsum
dolor sit
50 PTS
VIEW
QUIZ
Description of this activity lorem ipsum
dolor sit
50 PTS
PLAY
SHARE PHOTO ON TWITTER
50 PTS
Description of this activity lorem ipsum
dolor sit
VIEW
Description of this activity lorem ipsum
dolor sit
VIEW
QUIZ
Description of this activity lorem ipsum
dolor sit
50 PTS
PLAY
LIKE NFS
FACEBOOK PAGE
50 PTS
EVENT CHECK IN
Description of this activity lorem ipsum
dolor sit
50 PTS
VIEW
FOLLOW NFS
ON TUMBLR
Description of this activity lorem ipsum
dolor sit
50 PTS
TUMBLR FOLLOW BUTTON
SHARE PHOTO ON TWITTER
50 PTS
Description of this activity lorem ipsum
dolor sit
VIEW
4.0 Mobile Dashboard 1 of 2
loremipsumdolor.com loremipsumdolor.com loremipsumdolor.com loremipsumdolor.com
DreamWorks
36This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
FOLLOW @needforspeed
ON TWITTER
Description of this activity lorem ipsum
dolor sit
50 PTS
TWITTER FOLLOW BUTTON
LIKE NFS
FACEBOOK PAGE
Description of what to do lorem ipsum
dolor sit
50 PTS
FACEBOOK LIKE BUTTON
EVENT CHECK IN
Description of this activity lorem ipsum
dolor sit
50 PTS
VIEW
FOLLOW NFS
ON TUMBLR
Description of this activity lorem ipsum
dolor sit
50 PTS
TUMBLR FOLLOW BUTTON
Description of this activity lorem ipsum
dolor sit
VIEW
CODE REDEMPTION
Description of this activity lorem ipsum
50 PTS
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum
dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit
30m
#NEEDFORSPEEDMOVIE
Instagram Post
FOLLOW US
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum
dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit
30m
FOLLOW @needforspeed
ON TWITTER
Description of this activity lorem ipsum
dolor sit
50 PTS
TWITTER FOLLOW BUTTON
LIKE NFS
FACEBOOK PAGE
Description of what to do lorem ipsum
dolor sit
FACEBOOK LIKE BUTTON
CODE REDEMPTION
Description of this activity lorem ipsum
dolor sit
50 PTS
ENTER CODE
Footer Links + Legal + Rules + Social
Plugins
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum
dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit
30m
#NEEDFORSPEEDMOVIE
Instagram Post
FOLLOW US
#NEEDFORSPEED
@NEEDFORSPEEDMOVIE
RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum
dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit
30m
Description of this activity lorem ipsum
dolor sit
ENTER CODE
4.0 Mobile Dashboard 2 of 2
DreamWorks
37This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com loremipsumdolor.com loremipsumdolor.com
WEEKLY PRIZES AND ACTIVITY CTA MESSAGING
Week 1
SCORE 0 0 0 0 3 5 0
MY CAR
CUSTOMIZE
YOUR RANK
30
WEEKLY ACTIVITIES
TOTAL POINTS
12,000
3
50 PTS
My Car
Map & Leaderboard
How To Play
Sound On/Off
Footer Links Legal Rules
4.0 Mobile Dashboard: Menu
DreamWorks
38This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com
Nav Items
User may tap on any of the items in the slide out navigation menu to launch the
overlay with the selected content
1
Sound
User may tap the Sound On/Off item to toggle the sound on or off
2
1
2
3
Menu Icon
User may tap the menu icon to hide/show the slide out menu
3
WEEKLY PRIZES AND ACTIVITY CTA MESSAGING
Week 1
SCORE 0 0 0 0 3 5 0
MY CAR
CUSTOMIZE
YOUR RANK
30
WEEKLY ACTIVITIES
TOTAL POINTS
12,000
3
PHOTO TRIVIA
50 PTS
3
RECENT ACTIVITY
Recruited Friend
Photo Trivia Completed
Quiz Trivia Completed
Shared Video
Shared Photo
Followed Ford on Facebook
+200
+200
+200
+200
+200
+200
LAST WEEK
Followed Ford on Facebook +200
THIS WEEK
WEEKLY PRIZES AND ACTIVITY CTA MESSAGING
Week 1
SCORE 0 0 0 0 3 5 0
MY CAR
CUSTOMIZE
YOUR RANK
30
WEEKLY ACTIVITIES
TOTAL POINTS
12,000
3
PHOTO TRIVIA
50 PTS
3
RECENT ACTIVITY
Shared Video
Shared Photo
Followed Ford on Facebook
+200
+200
+200
LAST WEEK
Shared Video +200
Shared Photo +200
Followed NFS on Twitter +200
4.0 Mobile Dashboard: Recent Activity
DreamWorks
39This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com loremipsumdolor.com
Notifications
Notifications will increment based on completed
activities. The user may tap the notifications badge
to view all activity starting with the most recent
activities
1
1
2
Activities List
User may swipe up/down to scroll the list of activities
2
Customize Your Car
APPLY CHANGES
Color
4.1 Mobile Customize Car: COLOR
DreamWorks
40This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com
Customization Category Selector
User may choose different customization categories by tapping and selecting from
the drop down list
1
Apply Changes
Tapping the “Apply Changes” button will save all customization changes made to
the user’s car
3
1
2
2
Customization Options
Tap to select a customization option to apply to the car preview. The preview of the
car will update with the newly selected option.
2
Customize Your Car
APPLY CHANGES
TINT OPTION 2
Tint
TINT OPTION 1
AVAILABLE
FEB 24
4.1 Mobile Customize Car: WHEELS
DreamWorks
41This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com
SHARE TO EARN POINTS
Shareable Content
Content description lorem ipsum dolor sit Content description
lorem ipsum dolor sit Content description lorem ipsum dolor sit
Content description lorem ipsum dolor sit
Copy URLFacebook Twitter
4.2 Mobile Shareable Content
DreamWorks
42This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com
MAP & LEADERBOARD
WEEK 2
Username28 1000 points
Username29 500 points
MY USERNAME30 350 points
Username31 300 points
Username32 275 points
TOP 10MY RANK
RECRUIT MORE DRIVERS
MAP IMAGE FPO
420 points350 points
MAP & LEADERBOARD
WEEK 2
Username28 1000 points
Username29 500 points
MY USERNAME30 350 points
Username31 300 points
Username32 275 points
TOP 10MY RANK
RECRUIT MORE DRIVERS
MAP IMAGE FPO
420 points350 points
4.3 Mobile Map & Leaderboard
DreamWorks
43This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com loremipsumdolor.com
PHOTO TRIVIA
PHOTO CROP
Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit
B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit
D. Answer lorem ipsum dolor sit
SUBMIT ANSWER
PHOTO TRIVIA
PHOTO CROP
Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit
B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit
D. Answer lorem ipsum dolor sit
SUBMIT ANSWER
4.4.1 Mobile Photo Trivia (Unanswered)
DreamWorks
44This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com loremipsumdolor.com
PHOTO TRIVIA
FULL PHOTOPHOTO
CROP
Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit
D. Answer lorem ipsum dolor sit
B. Answer lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit +50 pts
COLLECT 50 POINTS
PHOTO TRIVIA
FULL PHOTOPHOTO
CROP
Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit
D. Answer lorem ipsum dolor sit
B. Answer lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit +50 pts
COLLECT 50 POINTS
4.4.1 Mobile Photo Trivia (Answered)
DreamWorks
45This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com loremipsumdolor.com
QUIZ
A. Answer lorem ipsum dolor sit
B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit
D. Answer lorem ipsum dolor sit
2. Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit
B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit
D. Answer lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit
B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit
1. Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
3. Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit
B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit
D. Answer lorem ipsum dolor sit
2. Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit
B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit
D. Answer lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit
B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit
D. Answer lorem ipsum dolor sit
1. Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
3. Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
SUBMIT ANSWER
4.4.2 Mobile Quiz (Unanswered)
DreamWorks
46This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com loremipsumdolor.com
QUIZ
2. Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
1. Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
3. Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit
D. Answer lorem ipsum dolor sit
B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit
D. Answer lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit
B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit +0 pts
B. Answer lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit +25 pts
2. Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
1. Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
3. Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
Question lorem ipsum dolor sit Question lorem
ipsum dolor sit Question lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit
D. Answer lorem ipsum dolor sit
B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit
D. Answer lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit
B. Answer lorem ipsum dolor sit
C. Answer lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit +0 pts
B. Answer lorem ipsum dolor sit
A. Answer lorem ipsum dolor sit +25 pts
D. Answer lorem ipsum dolor sit +25 pts
COLLECT 50 POINTS
4.4.2 Mobile Quiz (Answered)
DreamWorks
47This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com loremipsumdolor.com
EVENT CHECK IN
INSTRUCTION IMAGE
CONTINUEI’LL DO THIS LATER
STEP 1: Instruction copy lorem ipsum dolor sit
Instruction copy lorem ipsum dolor sit Instruction
copy lorem ipsum dolor sit Instruction copy lorem
ipsum dolor sit
STEP 2: Instruction copy lorem ipsum dolor sit
Instruction copy lorem ipsum dolor sit Instruction
copy lorem ipsum dolor sit Instruction copy lorem
ipsum dolor sit
STEP 3: Instruction copy lorem ipsum dolor sit
Instruction copy lorem ipsum dolor sit Instruction
copy lorem ipsum dolor sit Instruction copy lorem
ipsum dolor sit
EVENT CHECK IN
INSTRUCTION IMAGE
CONTINUEI’LL DO THIS LATER
STEP 1: Instruction copy lorem ipsum dolor sit
Instruction copy lorem ipsum dolor sit Instruction
copy lorem ipsum dolor sit Instruction copy lorem
ipsum dolor sit
STEP 2: Instruction copy lorem ipsum dolor sit
Instruction copy lorem ipsum dolor sit Instruction
copy lorem ipsum dolor sit Instruction copy lorem
ipsum dolor sit
STEP 3: Instruction copy lorem ipsum dolor sit
Instruction copy lorem ipsum dolor sit Instruction
copy lorem ipsum dolor sit Instruction copy lorem
ipsum dolor sit
4.4.3 Mobile Event Check In 1 of 2
DreamWorks
48This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com loremipsumdolor.com
EVENT CHECK IN
TwitterInstagram
* By clicking the Submit button, you certify that the Instagram account belongs
to you lorem ipsum dolor sit
INSTAGRAM USERNAME
Instagram Username
CHECK
COLLECT 12500 POINTS
EVENT CHECK IN
TwitterInstagram
* By clicking the Submit button, you certify that the Instagram account belongs
to you lorem ipsum dolor sit
INSTAGRAM USERNAME
Instagram Username
CHECK
COLLECT 12500 POINTS
4.4.3 Mobile Event Check In 2 of 2
DreamWorks
49This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com loremipsumdolor.com
REDEEM CODE
REDEEM POINTS
Instruction copy explaining how to earn points for a
special code lorem ipsum dolor sit Instruction copy
explaining how to earn points for a special code
lorem ipsum dolor sit Instruction copy explaining
how to earn points for a special code lorem ipsum
dolor sit
ENTER CODE HERE
REDEEM CODE
Instruction copy explaining how to earn points for a
special code lorem ipsum dolor sit Instruction copy
explaining how to earn points for a special code
lorem ipsum dolor sit Instruction copy explaining
how to earn points for a special code lorem ipsum
dolor sit
E123F312lMdG293704
COLLECT 1500 POINTS
4.4.4 Mobile Redeem Code
DreamWorks
50This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com loremipsumdolor.com
SPEED BUMP
Speedbump backstory lorem ipsum dolor sit
Speedb ump back story lo rem ips um dolo r sit Spe
edbump bac kst ory lor em ips um dolor sit Speed
bump backstory lore m ipsum dolor sit Speedbump
backstory lorem ipsum dolor sit Spee
LEFT RIGHT
SPEED BUMP IMAGE
SPEED BUMP
SPEED BUMP IMAGE
+0 pts
Speedbump backstory lorem ipsum dolor sit
Speedb ump back story lo rem ips um dolo r sit Spe
edbump bac kst ory lor em ips um dolor sit Speed
bump backstory lore m ipsum dolor sit Speedbump
backstory lorem ipsum dolor sit Spee
LEFT RIGHT
SPEED BUMP
SPEED BUMP IMAGE
+20 pts
Speedbump backstory lorem ipsum dolor sit
Speedb ump back story lo rem ips um dolo r sit Spe
edbump bac kst ory lor em ips um dolor sit Speed
bump backstory lore m ipsum dolor sit Speedbump
backstory lorem ipsum dolor sit Spee
LEFT RIGHT
4.5 Mobile Speed Bump
DreamWorks
51This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved.
Need For Speed Game Phase 2
loremipsumdolor.com loremipsumdolor.com loremipsumdolor.com

Contenu connexe

Similaire à UX: Need for Speed Social Game

Know Your Movie
Know Your MovieKnow Your Movie
Know Your Movie
Gaurav Roy
 

Similaire à UX: Need for Speed Social Game (20)

HEAT Online: How You Can Win Races in Heat Online Game
HEAT Online: How You Can Win Races in Heat Online GameHEAT Online: How You Can Win Races in Heat Online Game
HEAT Online: How You Can Win Races in Heat Online Game
 
Pitch Deck Premium Classic
Pitch Deck Premium ClassicPitch Deck Premium Classic
Pitch Deck Premium Classic
 
Car Community Example
Car Community ExampleCar Community Example
Car Community Example
 
Event Website template
Event Website templateEvent Website template
Event Website template
 
Live Automatic Captioning Workshop
Live Automatic Captioning WorkshopLive Automatic Captioning Workshop
Live Automatic Captioning Workshop
 
New space keynote template 2016
New space keynote template 2016New space keynote template 2016
New space keynote template 2016
 
Indie Series 04: The Making of SyncSeven
Indie Series 04: The Making of SyncSevenIndie Series 04: The Making of SyncSeven
Indie Series 04: The Making of SyncSeven
 
Big Data Day LA 2015 - Feature Engineering by Brian Kursar of Toyota
Big Data Day LA 2015 - Feature Engineering by Brian Kursar of ToyotaBig Data Day LA 2015 - Feature Engineering by Brian Kursar of Toyota
Big Data Day LA 2015 - Feature Engineering by Brian Kursar of Toyota
 
Core web vitals – Business impact and best practices - Meet Magento UK 2021
Core web vitals – Business impact and best practices - Meet Magento UK 2021Core web vitals – Business impact and best practices - Meet Magento UK 2021
Core web vitals – Business impact and best practices - Meet Magento UK 2021
 
Improving Your Email Communications (and making your life easier in the process)
Improving Your Email Communications (and making your life easier in the process)Improving Your Email Communications (and making your life easier in the process)
Improving Your Email Communications (and making your life easier in the process)
 
Template Presentasi Premium
Template Presentasi PremiumTemplate Presentasi Premium
Template Presentasi Premium
 
UX: Hyundai Drive - Mobile Application
UX: Hyundai Drive - Mobile ApplicationUX: Hyundai Drive - Mobile Application
UX: Hyundai Drive - Mobile Application
 
Sample Presentation
Sample PresentationSample Presentation
Sample Presentation
 
Pitch deck powerpoint
Pitch deck powerpointPitch deck powerpoint
Pitch deck powerpoint
 
Michele frazier's organizational charts
Michele frazier's organizational chartsMichele frazier's organizational charts
Michele frazier's organizational charts
 
Web analytics and how we can use it in UX - Mikkel Schultz - 2010 02 15
Web analytics and how we can use it in UX - Mikkel Schultz - 2010 02 15Web analytics and how we can use it in UX - Mikkel Schultz - 2010 02 15
Web analytics and how we can use it in UX - Mikkel Schultz - 2010 02 15
 
Common TurningPoint Questions Webinar - July 15, 2014
Common TurningPoint Questions Webinar - July 15, 2014Common TurningPoint Questions Webinar - July 15, 2014
Common TurningPoint Questions Webinar - July 15, 2014
 
How a Focus on Speed & Simplicity Can Fuel Your Flywheel with Loom
How a Focus on Speed & Simplicity Can Fuel Your Flywheel with LoomHow a Focus on Speed & Simplicity Can Fuel Your Flywheel with Loom
How a Focus on Speed & Simplicity Can Fuel Your Flywheel with Loom
 
Global_SUN_Full_Guide
Global_SUN_Full_GuideGlobal_SUN_Full_Guide
Global_SUN_Full_Guide
 
Know Your Movie
Know Your MovieKnow Your Movie
Know Your Movie
 

Plus de Darren Lou

Plus de Darren Lou (20)

UX: Oscars Information Architecture Survey Results
UX: Oscars Information Architecture Survey ResultsUX: Oscars Information Architecture Survey Results
UX: Oscars Information Architecture Survey Results
 
UX: Oscars Master Sitemap
UX: Oscars Master SitemapUX: Oscars Master Sitemap
UX: Oscars Master Sitemap
 
UX: Bolthouse Farms Website CMS
UX: Bolthouse Farms Website CMSUX: Bolthouse Farms Website CMS
UX: Bolthouse Farms Website CMS
 
UX: Bolthouse Farms Website
UX: Bolthouse Farms WebsiteUX: Bolthouse Farms Website
UX: Bolthouse Farms Website
 
UX: USA Network Playing House Website
UX: USA Network Playing House WebsiteUX: USA Network Playing House Website
UX: USA Network Playing House Website
 
UX: South Park Carousel
UX: South Park CarouselUX: South Park Carousel
UX: South Park Carousel
 
UX: South Park Stick of Truth Game Website
UX: South Park Stick of Truth Game WebsiteUX: South Park Stick of Truth Game Website
UX: South Park Stick of Truth Game Website
 
UX: True Detective Website - Part 1
UX: True Detective Website - Part 1UX: True Detective Website - Part 1
UX: True Detective Website - Part 1
 
UX: Hustler Casino Website
UX: Hustler Casino WebsiteUX: Hustler Casino Website
UX: Hustler Casino Website
 
UX: Fox International Web Portal - Part1
UX: Fox International Web Portal - Part1UX: Fox International Web Portal - Part1
UX: Fox International Web Portal - Part1
 
UX: Fox International Wireframes (Responsive)
UX: Fox International Wireframes (Responsive)UX: Fox International Wireframes (Responsive)
UX: Fox International Wireframes (Responsive)
 
UX: Fox International Digital HD
UX: Fox International Digital HDUX: Fox International Digital HD
UX: Fox International Digital HD
 
UX: Hyundai Drive Web
UX: Hyundai Drive WebUX: Hyundai Drive Web
UX: Hyundai Drive Web
 
UX: Universal UHD Platform
UX: Universal UHD PlatformUX: Universal UHD Platform
UX: Universal UHD Platform
 
UX: Ink & Main App
UX: Ink & Main AppUX: Ink & Main App
UX: Ink & Main App
 
UX: Disney Add It Up Focus
UX: Disney Add It Up FocusUX: Disney Add It Up Focus
UX: Disney Add It Up Focus
 
UX: Book of Mormon Website Redesign
UX: Book of Mormon Website RedesignUX: Book of Mormon Website Redesign
UX: Book of Mormon Website Redesign
 
UX: BLT Communications Folder Architecture
UX: BLT Communications Folder ArchitectureUX: BLT Communications Folder Architecture
UX: BLT Communications Folder Architecture
 
UX: Sleep Donation Website
UX: Sleep Donation WebsiteUX: Sleep Donation Website
UX: Sleep Donation Website
 
UX: A Most Violent Year Website
UX: A Most Violent Year WebsiteUX: A Most Violent Year Website
UX: A Most Violent Year Website
 

Dernier

Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
tbatkhuu1
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
amitlee9823
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
amitlee9823
 
👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...
👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...
👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...
karishmasinghjnh
 
➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men 🔝Bokaro🔝 Escorts S...
➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men  🔝Bokaro🔝   Escorts S...➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men  🔝Bokaro🔝   Escorts S...
➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men 🔝Bokaro🔝 Escorts S...
amitlee9823
 
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
gajnagarg
 
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
amitlee9823
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
nirzagarg
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
amitlee9823
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
amitlee9823
 

Dernier (20)

Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
 
👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...
👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...
👉 Call Girls Service Amritsar 👉📞 6367187148 👉📞 Just📲 Call Ruhi Call Girl Agen...
 
➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men 🔝Bokaro🔝 Escorts S...
➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men  🔝Bokaro🔝   Escorts S...➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men  🔝Bokaro🔝   Escorts S...
➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men 🔝Bokaro🔝 Escorts S...
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
 
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
 
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
Call Girls Jalgaon Just Call 8617370543Top Class Call Girl Service Available
Call Girls Jalgaon Just Call 8617370543Top Class Call Girl Service AvailableCall Girls Jalgaon Just Call 8617370543Top Class Call Girl Service Available
Call Girls Jalgaon Just Call 8617370543Top Class Call Girl Service Available
 
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 

UX: Need for Speed Social Game

  • 1. DreamWorks 1This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 51 50 49 48 47 46 45 44 43 42 41 40 39 38 37 36 35 34 33 32 31 30 29 28 27 26 25 24 23 22 21 20 19 18 17 16 15 14 13 12 11 10 9 8 7 6 5 4 3 2 Table Of Contents v4Last modified on Wed Jan 08 2014 by Darren Lou DESKTOP UX Phase 2 Desktop Userflow 0.0 Landing 0.1 Account Info 0.3 Age Gate Error 1.0 Returning User Login 1.2 Returning User Accept New Terms 2.0 Choose Car 3.0 How To Play 1 of 3 3.0 How To Play 2 of 3 3.0 How To Play 3 of 3 4.0 Dashboard 1 of 3 4.0 Dashboard 2 of 3 4.0 Dashboard 3 of 3 4.0 Dashboard: Recent Activity 4.1 Customize Car: COLOR 4.1 Customize Car: WHEELS 4.2 Shareable Content Overlay 4.3 Map View 4.4.1 Photo Trivia 4.4.2 Quiz 4.4.3 Event Check In 1 of 2 4.4.3 Event Check In 2 of 2 4.4.4 Redeem Code 4.5 Speed Bump Modal Speed Bump Modal: Answer Reveal MOBILE UX 0.0 Mobile Landing 0.1 Mobile Account Info 0.3 Mobile Age gate Error 1.0 Mobile Returning User Login 1.2 Mobile Returning User Accept New terms 2.0 Mobile Choose Car 3.0 Mobile How To Play 4.0 Mobile Dashboard 1 of 2 4.0 Mobile Dashboard 2 of 2 4.0 Mobile Dashboard: Menu 4.0 Mobile Dashboard: Recent Activity 4.1 Mobile Customize Car: COLOR 4.1 Mobile Customize Car: WHEELS 4.2 Mobile Shareable Content 4.3 Mobile Map & Leaderboard 4.4.1 Mobile Photo Trivia (Unanswered) 4.4.1 Mobile Photo Trivia (Answered) 4.4.2 Mobile Quiz (Unanswered) 4.4.2 Mobile Quiz (Answered) 4.4.3 Mobile Event Check In 1 of 2 4.4.3 Mobile Event Check In 2 of 2 4.4.4 Mobile Redeem Code 4.5 Mobile Speed Bump
  • 2. DreamWorks 2This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 DESKTOP UX
  • 3. HOW TO PLAY BEWARE OF SPEEDBUMPS Explain what happens when you hit a speed bump and how you get points from them lorem ipsum dolor sit lorem ipsum dolor sit Example Speedbump 20 Points Each I’M READY! Example Speedbump Example Speedbump 0.0 Landing JOIN THE RACE RACE TO DELEON Contest backstory and p rize copy lorem ipsum dolor sit Co ntest bac kstory an d prize cop y lor em ipsu m dolor sit Con test back story and prize copy lorem ipsum dolor sit RETURNING USER WATCH THE MOVIE TRAILER Screen shot or image teasing dashboard activities Screenshot or image teasing car customization Screenshot or image teasing race map and leaderboard Footer Links + Legal + Rules + Social Plugins Account Info Email Birthday Email@address.com Month Day Year I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed Weekly Contest I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed Sweetpstakes I’m a returning user Connectf Connect with Facebook to complete your account and gain access to your dashboard Footer Links + Legal + Rules + Social Plugins I agree to receive notifications via Facebook Log in Reconnect your Facebook profile to log in ConnectfI’m a new user Footer Links + Legal + Rules + Social Plugins Transition Story Title I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed Weekly Contest I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed Sweetpstakes JOIN THE RACE Transition Story Image Transition story explaining why points from phase 1 have been reset lorem ipsum dolor sit Transition story explaining why points from phase 1 have been reset lorem ipsum dolor sit Transition story explaining why points from phase 1 have been reset lorem ipsum dolor sit Footer Links + Legal + Rules + Social Plugins Choose Your Car You won’t be able to change your car during the game so choose wisely! Ford Mustang ACCEPT Footer Links + Legal + Rules + Social Plugins UH-OH! It seems that you can’t join the Race to De Leon at this time lorem ipsum dolor BUT YOU CAN STILL FOLLOW US! INSTA GRAM Footer Links + Legal + Rules + Social Plugins #NEEDFORSPEED WEEKLY PRIZES AND ACTIVITY CTA MESSAGING Week 1 SCORE 0 0 0 0 3 5 0 MY CAR CUSTOMIZE Customize your ride TOTAL POINTS 1200 #NEEDFORSPEEDMOVIE PHOTO TRIVIA SHARE VIDEO 8 FRIENDS RECRUITED INVITE MORE FRIENDS Your Rank 30HOW TO PLAY MAP & LEADERBOARD FOLLOW US COUNTDOWN TO PREMIERE 2:08:15:4550 PTS 50 PTS 6 MAP IMAGE FPO Username 28 1000 points Username 29 500 points MY USERNAME 30 350 points Username 31 300 points Username 32 275 points INVITE FRIENDS TO PLAY Week 2 Leaders 420 points350 points Shareable Content Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit TUMBLRFACEBOOK TWITTER SHARE TO EARN PHOTO TRIVIA Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit PHOTO CROP A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit SUBMIT ANSWER PHOTO TRIVIA Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit PHOTO CROP A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit SUBMIT ANSWER PHOTO TRIVIA Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit PHOTO CROP A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit SUBMIT ANSWER SPEED BUMP IMAGE Speedbump backstory lorem ipsum dolor sit Speedbump backstory lorem ipsum dolor sit Speedbump backstory lorem ipsum dolor sit Speedbump backstory lorem ipsum dolor sit Speedbump backstory lorem ipsum dolor sit Speedbump backstory lorem ipsum dolor sit Speedbump backstory lorem ipsum dolor sit SPEED BUMP LEFT RIGHT HOW TO PLAY EARNING POINTS Explain that points need to be earned in the following ways to progress through the weekly maps and that the weekly point leader wins a prize lorem ipsum dolor sit Recruit Friends Explain how to recruit a friend lorem upsum dolor sit Share Weekly Content Explain how to share weekly content lorem ipsum dolor sit Complete Weekly Activities Explain how to complete weekly activities lorem ipsum dolor sit 100 Points Each 30 Points Each 50 Points Each NEXT HOW TO PLAY TAKE THE COURSE Copy that explains the weekly leader board & map and why it is important to reach 420 points first lorem ip sum do lor sit Co py tha t expl ains t he we ekly m ap and wh y it is im po rtant to reac h 42 0 poi nts fir st lo em ipsu m dol or NEXT MAP IMAGE FPO Username 28 1000 points Username 29 500 points MY USERNAME 30 350 points Username 31 300 points Username 32 275 points INVITE FRIENDS TO PLAY Week 2 Leaders 420 points350 points Customize Your Car APPLY CHANGES Color StripesWheels Spoiler Stock Wheel Option Stock Wheel Option Newly Unlocked Wheel Option Newly Unlocked Wheel Option Earn 1000 points in a week Earn 1000 points in a week NEW! NEW! NEED FOR SPEED HEADER NEED FOR SPEED HEADER Customize Your Car APPLY CHANGES Color StripesWheels Spoiler 0.1 Account Info 0.3 Age Gate Error 1.0 Returning User Login 1.2 Returning User New Terms 2.0 Choose Car 3.0 How To Play 4.0 Dashboard 4.1 Customize Car 4.2 Shareable Content Overlay 4.3 Leader Board & Map 4.4 Activities 4.5 Speed Bump User fails age gate 0.2 Facebook Permissions 1.1 Facebook Log In DreamWorks 3This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2
  • 4. JOIN THE RACE RACE TO DELEON Contest backstory and p rize copy lorem ipsum dolor sit Co ntest bac kstory an d prize cop y lor em ipsu m dolor sit Con test back story and prize copy lorem ipsum dolor sit RETURNING USER WATCH THE MOVIE TRAILER Screen shot or image teasing dashboard activities Screenshot or image teasing car customization Screenshot or image teasing race map and leaderboard Footer Links + Legal + Rules + Social Plugins SOUND 0.0 Landing DreamWorks 4This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 Play Trailer Clicking the play button will launch a video player modal 1 Join the Race Click the ‘Join the Race’ button to proceed to the ‘Account Info’ page (see p.3) 2 1 2 3 Returning Users Returning users (including phase 1 users) may click this link to reconnect their account with their Facebook profile (see p.4) 3 Sound Toggle User may toggle sounds made by the app by clicking the speaker icon 4 4
  • 5. Account Info Email Birthday Email@address.com Month Day Year I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed Weekly Contest I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed Sweetpstakes I’m a returning user Connectf Connect with Facebook to complete your account and gain access to your dashboard I agree to receive notifications via Facebook Footer Links + Legal + Rules + Social Plugins SOUND 0.1 Account Info DreamWorks 5This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 Email Address User must enter a valid email address 1 Age Gate User must enter a DOB that proves he/she is older than 13 years of age. Any user that does not pass the age gate, will not have any information collected or stored by the game 2 1 2 6 Weekly Contest Agreements User must agree to the Weekly contest Terms of Use and Rules. The Terms of Use and Rules will each be hyperlinked text that launch a new browser page containing the appropriate legal copy. This will be unchecked by default 3 3 4 7 Sweeptstakes Agreements User must agree to the Sweepstakes Terms of Use and Rules. The Terms of Use and Rules will each be hyperlinked text that launch a new browser page containing the appropriate legal copy. This will be unchecked by default 4 Facebook Connect Connecting via Facebook is required in order to gain access to the Dashboard (see p.12) 6 Returning Users Returning users that have accidentally made it to this page can click this link to go to the Returning user interface instead (see p.4) 7 Close X User may close this modal window to return to the Landing page (see p.2) 8 5 Facebook Notification Agreements User must agree to receive notifications to their Facebook 5
  • 6. UH-OH! It seems that you can’t join the Race to Deleon at this time lorem ipsum dolor BUT YOU CAN STILL FOLLOW US! INSTA GRAM Footer Links + Legal + Rules + Social Plugins SOUND 0.3 Age Gate Error DreamWorks 6This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 Age Gate Failed Messaging If the user has failed to meet the age requirement, they will see a general message explaining why they are unable to join the race 1 Follow Users who weren’t able to sign-up for the game will still be allowed to follow the Need for Speed social pages. 2 1 2
  • 7. Log in Reconnect your Facebook profile to log in ConnectfI’m a new user Footer Links + Legal + Rules + Social Plugins SOUND 1.0 Returning User Login DreamWorks 7This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 Facebook Connect Connecting via Facebook is required in order to verify that this is an existing user in the game 1 New Users If a new user has accidentally made it to this page, they can click this button to go to the Account Info page for new users (see p.3) 2 12 3 Close X User may close this modal window to return to the Landing page (see p.2) 3
  • 8. Transition Story Title I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed Weekly Contest I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed Sweetpstakes JOIN THE RACE Transition Story Image Transition story explaining why points from phase 1 have been reset lorem ipsum dolor sit Transition story explaining why points from phase 1 have been reset lorem ipsum dolor sit Transition story explaining why points from phase 1 have been reset lorem ipsum dolor sit Footer Links + Legal + Rules + Social Plugins SOUND 1.2 Returning User Accept New Terms DreamWorks 8This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 Transition Story This story will explain to the user why points have been reset to 0 for phase 2 1 Weekly Contest Agreements User must agree to the Weekly contest Terms of Use and Rules. The Terms of Use and Rules will each be hyperlinked text that launch a new browser page containing the appropriate legal copy. This will be unchecked by default 2 1 2 3 Sweeptstakes Agreements User must agree to the Sweepstakes Terms of Use and Rules. The Terms of Use and Rules will each be hyperlinked text that launch a new browser page containing the appropriate legal copy. This will be unchecked by default 3 4 Join the Race Click this button to gain access to the phase 2 dashboard. Both agreement checkboxes must be checked in order to make this button clickable. 4
  • 9. Choose Your Car You won’t be able to change your car during the game so choose wisely! Ford Mustang ACCEPT Footer Links + Legal + Rules + Social Plugins SOUND 2.0 Choose Car DreamWorks 9This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 Car Options Depending on which phase the user has joined the game, either a standard set or extended set of cars will be visible 1 Left/Right Arrows Users may select a different car by clicking the left/right arrows. Muffler sounds will play when changing car models 2 1 2 3 Accept Car Click this button to accept the currently selected car 3
  • 10. RACE TO DELEON MASTHEAD #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m WEEKLY PRIZES AND ACTIVITY CTA MESSAGING Week 1 SCORE 0 0 0 0 3 5 0 MY CAR CUSTOMIZE Customize your ride TOTAL POINTS 1200 #NEEDFORSPEEDMOVIE Instagram Post PLAY PHOTO TRIVIA SHARE VIDEO QUIZ SHARE PHOTO ON TWITTER Description of this activity lorem ipsum dolor sit Description of this activity lorem ipsum dolor sit Description of this activity lorem ipsum dolor sit 8 FRIENDS RECRUITED INVITE MORE FRIENDS Your Rank 30HOW TO PLAY MAP & LEADERBOARD FOLLOW US COUNTDOWN TO PREMIERE 2:08:15:4550 PTS 50 PTS 50 PTS 50 PTS VIEW Description of this activity 6 HOW TO PLAY TAKE THE COURSE Copy that explains the weekly leader board & map and why it is important to reach 420 points first lorem ip sum do lor sit Co py tha t expl ains t he we ekly m ap and wh y it is im po rtant to reac h 42 0 poi nts fir st lo em ipsu m dol or NEXT MAP IMAGE FPO Username 28 1000 points Username 29 500 points MY USERNAME 30 350 points Username 31 300 points Username 32 275 points INVITE FRIENDS TO PLAY Week 2 Leaders 420 points350 points 3.0 How To Play 1 of 3 DreamWorks 10This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 How To: Leader Board & Map This should explain the relevance of the leader board and the map. It should also clarify how the weekly courses work in conjunction with weekly points. 1 Pagination Dots This will indicate that the “How To Play” section has 3 pages. The user may click the unselected dots to jump to that instruction page. 21 2 3 Next Button User may click this button to view the next instruction page of the “How to Play” section 3 Close X User may close this modal window to return to the dashboard 4 4
  • 11. RACE TO DELEON MASTHEAD #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m WEEKLY PRIZES AND ACTIVITY CTA MESSAGING Week 1 SCORE 0 0 0 0 3 5 0 MY CAR CUSTOMIZE Customize your ride TOTAL POINTS 1200 #NEEDFORSPEEDMOVIE Instagram Post PLAY PHOTO TRIVIA SHARE VIDEO QUIZ SHARE PHOTO ON TWITTER Description of this activity lorem ipsum dolor sit Description of this activity lorem ipsum dolor sit Description of this activity lorem ipsum dolor sit 8 FRIENDS RECRUITED INVITE MORE FRIENDS Your Rank 30HOW TO PLAY MAP & LEADERBOARD FOLLOW US COUNTDOWN TO PREMIERE 2:08:15:4550 PTS 50 PTS 50 PTS 50 PTS VIEW Description of this activity 6 HOW TO PLAY EARNING POINTS Explain that points need to be earned in the following ways to progress through the weekly maps and that the weekly point leader wins a prize lorem ipsum dolor sit Complete Weekly Activities Explain how to complete weekly activities lorem ipsum dolor sit NEXT 3.0 How To Play 2 of 3 DreamWorks 11This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 How To: Earn Points This will contain visuals that correspond to the three methods of earning points along with brief descriptions 1 Pagination Dots This will indicate that the “How To Play” section has 2 pages. The user may click the unselected dot to toggle the view. 2 1 2 3 The “How To Play” section will be the first thing ALL users will see when they start the second phase of the game Close X User may close this modal window to go to the Dashboard page (see p.11) 3
  • 12. RACE TO DELEON MASTHEAD #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m WEEKLY PRIZES AND ACTIVITY CTA MESSAGING Week 1 SCORE 0 0 0 0 3 5 0 MY CAR CUSTOMIZE Customize your ride TOTAL POINTS 1200 #NEEDFORSPEEDMOVIE Instagram Post PLAY PHOTO TRIVIA SHARE VIDEO QUIZ SHARE PHOTO ON TWITTER Description of this activity lorem ipsum dolor sit Description of this activity lorem ipsum dolor sit Description of this activity lorem ipsum dolor sit 8 FRIENDS RECRUITED INVITE MORE FRIENDS Your Rank 30HOW TO PLAY MAP & LEADERBOARD FOLLOW US COUNTDOWN TO PREMIERE 2:08:15:4550 PTS 50 PTS 50 PTS 50 PTS VIEW Description of this activity 6 HOW TO PLAY BEWARE OF SPEEDBUMPS Explain what happens when you hit a speed bump and how you get points from them lorem ipsum dolor sit lorem ipsum dolor sit Example Speedbump Title Lorem 20 Points Each I’M READY! 3.0 How To Play 3 of 3 DreamWorks 12This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 How To: Speed Bumps There will need to be an explanation of what the Speed Bumps are 1 Speed Bump Example Show an example of the speed bump situation without answer choices so the user can get an idea of what they are 2 1 2 3 I’m Ready Button Click this to exit out of the ‘How to Play’ overlay and return to the dashboard 3
  • 13. RACE TO DELEON MASTHEAD #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m WEEKLY PRIZES AND ACTIVITY CTA MESSAGING Week 1 SCORE 0 0 0 0 3 5 0 MY CAR CUSTOMIZE Customize your ride TOTAL POINTS 1200 #NEEDFORSPEEDMOVIE PLAY PHOTO TRIVIA SHARE VIDEO QUIZ SHARE PHOTO ON TWITTER Description of this activity lorem ipsum dolor sit Description of this activity lorem ipsum dolor sit 8 FRIENDS RECRUITED INVITE MORE FRIENDS Your Rank 30HOW TO PLAY MAP & LEADERBOARD FOLLOW US COUNTDOWN TO PREMIERE 2:08:15:4550 PTS 50 PTS 50 PTS 50 PTS VIEW 6 4.0 Dashboard 1 of 3 DreamWorks 13This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 Map & Leaderboard Click this to view the map & leader board overlay (see p.15) 1 Weekly Points The ‘odometer’ will display the user’s score during the week and reset at the start of a new week. This will be driven by recruiting, sharing, and activities. 2 2 3 Total Points This will be the sum of all the weekly point totals throughout the game 3 My Car This area will display the user’s car avatar. Clicking the ‘Customize’ button will take the user to the customization interface (see p.13-14). Clicking the button will play a muffler sound. 7 Your Rank Displays the user’s rank in the leader board for this week based on how many points he/she has earned 4 Invite Friends Display the number of friends that have been successfully recruited for points. Click the ‘Invite More Friends’ button to post an invitation URL to Facebook 6 4 5 6 7 Premiere Countdown A timer will countdown to the premiere of the movie 5 1 A sound clip will be played when the user enters the dashboard
  • 14. #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m WEEKLY PRIZES AND ACTIVITY CTA MESSAGING CUSTOMIZE Customize your ride #NEEDFORSPEEDMOVIE Instagram Post PLAY PHOTO TRIVIA SHARE VIDEO QUIZ SHARE PHOTO ON TWITTER Description of this activity lorem ipsum dolor sit Description of this activity lorem ipsum dolor sit Description of this activity lorem ipsum dolor sit FOLLOW US COUNTDOWN TO PREMIERE 2:08:15:4550 PTS 50 PTS 50 PTS 50 PTS VIEW PLAY LIKE NFS 50 PTS FOLLOW @needforspeed 50 PTS EVENT CHECK IN Description of this activity lorem ipsum dolor sit 50 PTS VIEW FOLLOW NFS ON TUMBLR Description of this activity lorem ipsum dolor sit 50 PTS TUMBLR FOLLOW BUTTON Description of this activity lorem ipsum dolor sit VIEW 4.0 Dashboard 2 of 3 DreamWorks 14This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 Customize Button Click this button to enter the customization interface 1 Weekly Prize Marquee This area will feature the current week’s prize(s) with call to actions to earn points 2 1 2 Activity Tiles These tiles will represent the predetermined activities. There will be no more than 8 activities per week. Video Share Static Image Share Event Check In Facebook Like Twitter Follow Tumblr Follow Trivia Photo Puzzle 3 3 Social Feed This feed will showcase the Need For Speed official account posts to Facebook, instagram, and twitter. 4 4
  • 15. #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m Instagram Post TWITTER Description of this activity lorem ipsum dolor sit Footer Links + Legal + Rules + Social Plugins PLAY LIKE NFS FACEBOOK PAGE Description of what to do lorem ipsum dolor sit 50 PTS FOLLOW @needforspeed ON TWITTER Description of this activity lorem ipsum dolor sit 50 PTS TWITTER FOLLOW BUTTONFACEBOOK LIKE BUTTON EVENT CHECK IN Description of this activity lorem ipsum dolor sit 50 PTS VIEW FOLLOW NFS ON TUMBLR Description of this activity lorem ipsum dolor sit 50 PTS TUMBLR FOLLOW BUTTON Description of this activity lorem ipsum dolor sit VIEW CODE REDEMPTION Description of this activity lorem ipsum dolor sit 50 PTS ENTER CODE 4.0 Dashboard 3 of 3 DreamWorks 15This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2
  • 16. RACE TO DELEON MASTHEAD #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEED @NEEDFORSPEEDMOVIE WEEKLY PRIZES AND ACTIVITY CTA MESSAGING Week 1 SCORE 0 0 0 0 3 5 0 MY CAR CUSTOMIZE Customize your ride TOTAL POINTS 1200 #NEEDFORSPEEDMOVIE PLAY PHOTO TRIVIA SHARE VIDEO Description of this activity lorem ipsum dolor sit Description of this activity lorem ipsum dolor sit 8 FRIENDS RECRUITED INVITE MORE FRIENDS Your Rank 30HOW TO PLAY MAP & LEADERBOARD FOLLOW US COUNTDOWN TO PREMIERE 2:08:15:4550 PTS 50 PTS 50 PTS VIEW 3 RECENT ACTIVITY Recruited Friend Photo Trivia Completed Quiz Trivia Completed Shared Video Shared Photo Followed Ford on Facebook +200 +200 +200 +200 +200 +200 LAST WEEK Followed NFS on Twitter +200 THIS WEEK 4.0 Dashboard: Recent Activity DreamWorks 16This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2
  • 17. NEED FOR SPEED HEADER EARN POINTS TO WIN THE RACE #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT Instructions detailing how a user can earn points to win the race Instructions detailing how a user can earn points to win the race Instructions detailing how a user can earn points to win the race Instructions detailing how a user can earn points to win the race Instructions detailing how a user can earn points to win the race Instructions detailing how a user can earn points to win the race TOTAL POINTS Featured Content Week 1 SCORE 0 0 0 0 3 5 0 MY CAR CUSTOMIZE Customize your ride 1200 Active Shareable Content Inactive Shareable Content Inactive Shareable Content Inactive Shareable Content Inactive Shareable Content Available 11.25 Available 11.27 Available 11.29 Available 11.30NEW! #NFSBROOKLYNPHOTO TRIVIA TRAILER TRIVIA 8 FRIENDS PLAYING INVITE MORE FRIENDS COUNTDOWN TO BROOKLYN 2:08:15:45 Your Rank 30 HIDE MAP 350 points Username 31 300 points Username 32 275 points INVITE FRIENDS TO PLAY 420 points350 points NEED FOR SPEED HEADER Customize Your Car APPLY CHANGES Color DecalWheels Spoiler Tint Category Lorem 4.1 Customize Car: COLOR DreamWorks 17This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 Customization Categories Users will be able to customize their selected car with a limited set of categories. Click the category name to view the options available. Customization categories will be unlocked weekly. 1 Customization Option Users will be allowed to select one customization option per category. 2 1 2 Apply Changes Click to apply all customization changes to the car and return to the dashboard 3 Close X User may close this modal window to return to the Dashboard page (see p.11) 4 3 4
  • 18. NEED FOR SPEED HEADER EARN POINTS TO WIN THE RACE #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT Instructions detailing how a user can earn points to win the race Instructions detailing how a user can earn points to win the race Instructions detailing how a user can earn points to win the race Instructions detailing how a user can earn points to win the race Instructions detailing how a user can earn points to win the race Instructions detailing how a user can earn points to win the race TOTAL POINTS Featured Content Week 1 SCORE 0 0 0 0 3 5 0 MY CAR CUSTOMIZE Customize your ride 1200 Active Shareable Content Inactive Shareable Content Inactive Shareable Content Inactive Shareable Content Inactive Shareable Content Available 11.25 Available 11.27 Available 11.29 Available 11.30NEW! #NFSBROOKLYNPHOTO TRIVIA TRAILER TRIVIA 8 FRIENDS PLAYING INVITE MORE FRIENDS COUNTDOWN TO BROOKLYN 2:08:15:45 Your Rank 30 HIDE MAP 350 points Username 31 300 points Username 32 275 points INVITE FRIENDS TO PLAY 420 points350 points Customize Your Car APPLY CHANGES Wheel Option Wheel Option Wheel Option Wheel Option Wheel Option Wheel Option NEED FOR SPEED HEADER AVAILABLE FEB 17 4.1 Customize Car: WHEELS DreamWorks 18This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 Locked Customization Category Locked customization categories will have all options within that category grayed out and inactive until the unlock date 1 1 Color DecalWheels Spoiler Tint Category Lorem
  • 19. #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m CUSTOMIZE #NEEDFORSPEEDMOVIE Instagram Post PLAY PHOTO TRIVIA SHARE VIDEO QUIZ SHARE PHOTO ON TWITTER Description of this activity lorem ipsum dolor sit Description of this activity lorem ipsum dolor sit Description of this activity lorem ipsum dolor sit FOLLOW US COUNTDOWN TO PREMIERE 2:08:15:4550 PTS 50 PTS 50 PTS 50 PTS VIEW PLAY LIKE NFS FACEBOOK PAGE Description of what to do lorem ipsum dolor sit 50 PTS FOLLOW @needforspeed ON TWITTER Description of this activity lorem ipsum dolor sit 50 PTS EVENT CHECK IN Description of this activity lorem ipsum dolor sit 50 PTS VIEW FOLLOW NFS ON TUMBLR Description of this activity lorem ipsum dolor sit 50 PTS TUMBLR FOLLOW BUTTON Description of this activity lorem ipsum dolor sit VIEW Shareable Content Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit Share on TumblrShare on Facebook Share on Twitter SHARE TO EARN 4.2 Shareable Content Overlay DreamWorks 19This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 Content Area The shareable content item will be fully viewable here. Content items may be accompanied by brief captions or descriptions. 1 Share on... The user will be able to share this content via Facebook, Twitter, or Tumblr. 2 1 2 Close X Click the X to close the shareable content overlay and return to the Dashboard (see p.11) 3 3
  • 20. RACE TO DELEON MASTHEAD #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m WEEKLY PRIZES AND ACTIVITY CTA MESSAGING Week 1 SCORE 0 0 0 0 3 5 0 MY CAR CUSTOMIZE Customize your ride TOTAL POINTS 1200 #NEEDFORSPEEDMOVIE Instagram Post PLAY PHOTO TRIVIA SHARE VIDEO QUIZ SHARE PHOTO ON TWITTER Description of this activity lorem ipsum dolor sit Description of this activity lorem ipsum dolor sit Description of this activity lorem ipsum dolor sit 8 FRIENDS RECRUITED INVITE MORE FRIENDS Your Rank 30HOW TO PLAY MAP & LEADERBOARD FOLLOW US COUNTDOWN TO PREMIERE 2:08:15:4550 PTS 50 PTS 50 PTS 50 PTS VIEW Description of this activity 6 MAP IMAGE FPO Week 2 Leaders 42000 points35000 points Username 28 1000 points Username 29 500 points MY USERNAME 30 350 points Username 31 300 points Username 32 275 points Top 10My Rank RECRUIT MORE DRIVERS 4.3 Map View DreamWorks 20This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 Weekly Leader Board This will display the leader board for the current week. Users will be allowed to view leader boards from the previous weeks. The leader board default view will be centered on the user’s rank 1 User’s Rank The user’s rank will be highlighted to make it more findable. 3 1 2 3 Recruit More Drivers Users will be able to invite friends to join the game. Clicking this will allow the user to post an invite URL to their Facebook wall. 4 Map Image This will display the course map for the week 5 Close X User may close this modal window to return to the Dashboard page (see p.11) 7 4 Course Completion The progress bar indicates how many points the user has accumulated for this week. In order to complete the course for that week, the user must earn 420 points. 6 5 7 6 Leader Board Tabs The user will be allowed to toggle between their own rank on the leader board and the top 10 players by clicking on the labeled tabs 2
  • 21. lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m Instagram Post QUIZ SHARE PHOTO ON TWITTER Description of this activity lorem ipsum dolor sit PLAY LIKE NFS FACEBOOK PAGE Description of what to do lorem ipsum dolor sit 50 PTS FOLLOW @needforspeed ON TWITTER Description of this activity lorem ipsum dolor sit 50 PTS TWITTER FOLLOW BUTTONFACEBOOK LIKE BUTTON EVENT CHECK IN Description of this activity lorem ipsum dolor sit 50 PTS VIEW FOLLOW NFS ON TUMBLR Description of this activity lorem ipsum dolor sit 50 PTS TUMBLR FOLLOW BUTTON Description of this activity lorem ipsum dolor sit VIEW CODE REDEMPTION Description of this activity lorem ipsum dolor sit 50 PTS ENTER CODE PHOTO TRIVIA Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit PHOTO CROP A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit SUBMIT ANSWER 4.4.1 Photo Trivia DreamWorks 21This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 Photo Trivia A cropped section of a larger photo and a question about that cropped section of the photo will be presented to the user 1 Multiple Choice The user must answer the question by selecting one of the 4 choices provided 2 Submit Answer When the user is done selecting their answer, they must click the ‘Submit Answer’ button in order to confirm the selection 3 PHOTO TRIVIA Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit FULL PHOTOPHOTO CROP A. Answer lorem ipsum dolor sit +50 pts COLLECT 50 POINTS 1 4 2 3 5 6 7 Full Photo Once the user has submitted an answer, the modal will show the full photo with the cropped section in the correct place 5 Answer Reveal Once the user has submitted an answer, the modal will reveal the correct answer and display the point value earned by getting the answer correct or incorrect 6 Collect Points This button primarily serves as confirmation that the user has earned points. When this button is clicked, the activity overlay will close and the points earned will be added to the weekly point value. 7 Close X (Unanswered) Closing the activity overlay before answering the question will leave the activity incomplete and will still be available to complete at a later time. 4 8 Close X (Answered) Closing the activity after answering the question will be treated the same as if the user clicked the ‘Collect Points’ button and will be returned to the Dashboard 8
  • 22. lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m Instagram Post QUIZ SHARE PHOTO ON TWITTER Description of this activity lorem ipsum dolor sit PLAY LIKE NFS FACEBOOK PAGE Description of what to do lorem ipsum dolor sit 50 PTS FOLLOW @needforspeed ON TWITTER Description of this activity lorem ipsum dolor sit 50 PTS TWITTER FOLLOW BUTTONFACEBOOK LIKE BUTTON EVENT CHECK IN Description of this activity lorem ipsum dolor sit 50 PTS VIEW FOLLOW NFS ON TUMBLR Description of this activity lorem ipsum dolor sit 50 PTS TUMBLR FOLLOW BUTTON Description of this activity lorem ipsum dolor sit VIEW CODE REDEMPTION Description of this activity lorem ipsum dolor sit 50 PTS ENTER CODE QUIZ 1. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit SUBMIT ANSWERS 2. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit 3. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit QUIZ 1. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit 2. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit 3. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit A. Answer lorem ipsum dolor sit +0 pts B. Answer lorem ipsum dolor sit A. Answer lorem ipsum dolor sit +25 pts D. Answer lorem ipsum dolor sit +25 pts COLLECT 50 POINTS 4.4.2 Quiz DreamWorks 22This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2
  • 23. lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m Instagram Post QUIZ SHARE PHOTO ON TWITTER Description of this activity lorem ipsum dolor sit PLAY LIKE NFS FACEBOOK PAGE Description of what to do lorem ipsum dolor sit 50 PTS FOLLOW @needforspeed ON TWITTER Description of this activity lorem ipsum dolor sit 50 PTS TWITTER FOLLOW BUTTONFACEBOOK LIKE BUTTON EVENT CHECK IN Description of this activity lorem ipsum dolor sit 50 PTS VIEW FOLLOW NFS ON TUMBLR Description of this activity lorem ipsum dolor sit 50 PTS TUMBLR FOLLOW BUTTON Description of this activity lorem ipsum dolor sit VIEW CODE REDEMPTION Description of this activity lorem ipsum dolor sit 50 PTS ENTER CODE EVENT CHECK IN STEP 1: Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit CONTINUEI’LL DO THIS LATER INSTRUCTION IMAGE STEP 2: Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit STEP 3: Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit 4.4.3 Event Check In 1 of 2 DreamWorks 23This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2
  • 24. lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m Instagram Post QUIZ SHARE PHOTO ON TWITTER Description of this activity lorem ipsum dolor sit PLAY LIKE NFS FACEBOOK PAGE Description of what to do lorem ipsum dolor sit 50 PTS FOLLOW @needforspeed ON TWITTER Description of this activity lorem ipsum dolor sit 50 PTS TWITTER FOLLOW BUTTONFACEBOOK LIKE BUTTON EVENT CHECK IN Description of this activity lorem ipsum dolor sit 50 PTS VIEW FOLLOW NFS ON TUMBLR Description of this activity lorem ipsum dolor sit 50 PTS TUMBLR FOLLOW BUTTON Description of this activity lorem ipsum dolor sit VIEW CODE REDEMPTION Description of this activity lorem ipsum dolor sit 50 PTS ENTER CODE EVENT CHECK IN * By clicking the Submit button, you certify that the Instagram account belongs to you lorem ipsum dolor sit INSTAGRAM USERNAME Instagram Username CHECK Instagram Twitter * By clicking the Submit button, you certify that the Twitter account belongs to you lorem ipsum dolor sit TWITTER USERNAME Twitter Username CHECK EVENT CHECK IN * By clicking the Submit button, you certify that the Instagram account belongs to you lorem ipsum dolor sit INSTAGRAM USERNAME Instagram Username CHECK Instagram Twitter * By clicking the Submit button, you certify that the Twitter account belongs to you lorem ipsum dolor sit TWITTER USERNAME Twitter Username CHECK COLLECT 12500 POINTS COLLECT 12500 POINTS 4.4.3 Event Check In 2 of 2 DreamWorks 24This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2
  • 25. lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m Instagram Post QUIZ SHARE PHOTO ON TWITTER Description of this activity lorem ipsum dolor sit PLAY LIKE NFS FACEBOOK PAGE Description of what to do lorem ipsum dolor sit 50 PTS FOLLOW @needforspeed ON TWITTER Description of this activity lorem ipsum dolor sit 50 PTS TWITTER FOLLOW BUTTONFACEBOOK LIKE BUTTON EVENT CHECK IN Description of this activity lorem ipsum dolor sit 50 PTS VIEW FOLLOW NFS ON TUMBLR Description of this activity lorem ipsum dolor sit 50 PTS TUMBLR FOLLOW BUTTON Description of this activity lorem ipsum dolor sit VIEW CODE REDEMPTION Description of this activity lorem ipsum dolor sit 50 PTS ENTER CODE ENTER REDEMPTION CODE Instruction copy explaining how to earn points for a special code lorem ipsum dolor sit Instruction copy explaining how to earn points for a special code lorem ipsum dolor sit Instruction copy explaining how to earn points for a special code lorem ipsum dolor sit REDEEM POINTS ENTER CODE HERE 4.4.4 Redeem Code DreamWorks 25This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2
  • 26. #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m CUSTOMIZE #NEEDFORSPEEDMOVIE Instagram Post PLAY PHOTO TRIVIA SHARE VIDEO QUIZ SHARE PHOTO ON TWITTER Description of this activity lorem ipsum dolor sit Description of this activity lorem ipsum dolor sit Description of this activity lorem ipsum dolor sit FOLLOW US COUNTDOWN TO PREMIERE 2:08:15:4550 PTS 50 PTS 50 PTS 50 PTS VIEW PLAY LIKE NFS FACEBOOK PAGE Description of what to do lorem ipsum dolor sit 50 PTS FOLLOW @needforspeed ON TWITTER Description of this activity lorem ipsum dolor sit 50 PTS EVENT CHECK IN Description of this activity lorem ipsum dolor sit 50 PTS VIEW FOLLOW NFS ON TUMBLR Description of this activity lorem ipsum dolor sit 50 PTS TUMBLR FOLLOW BUTTON Description of this activity lorem ipsum dolor sit VIEW SPEED BUMP IMAGE Speedbump backstory lorem ipsum dolor sit Speedbump backstory lorem ipsum dolor sit Speedbump backstory lorem ipsum dolor sit Speedbump backstory lorem ipsum dolor sit Speedbump backstory lorem ipsum dolor sit Speedbump backstory lorem ipsum dolor sit Speedbump backstory lorem ipsum dolor sit SPEED BUMP LEFT RIGHT 4.5 Speed Bump Modal DreamWorks 26This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 Speed Bump Image A speed bump modal will be presented randomly when the user logs into their dashboard each week 1 Choices The speed bump will present the user with a situation which they can overcome by making the correct choice. If the user chooses correctly, they will be rewarded with extra points; if they choose incorrectly, they will get nothing 2 1 2
  • 27. #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m CUSTOMIZE #NEEDFORSPEEDMOVIE Instagram Post PLAY PHOTO TRIVIA SHARE VIDEO QUIZ SHARE PHOTO ON TWITTER Description of this activity lorem ipsum dolor sit Description of this activity lorem ipsum dolor sit Description of this activity lorem ipsum dolor sit FOLLOW US COUNTDOWN TO PREMIERE 2:08:15:4550 PTS 50 PTS 50 PTS 50 PTS VIEW PLAY LIKE NFS FACEBOOK PAGE Description of what to do lorem ipsum dolor sit 50 PTS FOLLOW @needforspeed ON TWITTER Description of this activity lorem ipsum dolor sit 50 PTS EVENT CHECK IN Description of this activity lorem ipsum dolor sit 50 PTS VIEW FOLLOW NFS ON TUMBLR Description of this activity lorem ipsum dolor sit 50 PTS TUMBLR FOLLOW BUTTON Description of this activity lorem ipsum dolor sit VIEW SPEED BUMP IMAGE You chose the road on the right and discovered a shortcut lorem ipsum dolor sit You chose the road on the left. It turned out to be a police speed trap lorem ipsum dolor sit You chose the road on the left. It turned out to be a police speed trap lorem ipsum dolor sit SPEED BUMP LEFT RIGHT +20 pts SPEED BUMP IMAGE You chose the road on the left. It turned out to be a police speed trap lorem ipsum dolor sit You chose the road on the left. It turned out to be a police speed trap lorem ipsum dolor sit You chose the road on the left. It turned out to be a police speed trap lorem ipsum dolor sit SPEED BUMP Go Left Go Right +0 pts Speed Bump Modal: Answer Reveal DreamWorks 27This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 Speed Bump Outcome After the user has made a choice, the outcome image corresponding to their choice will be displayed (i.e. you chose the road on the left and got caught in a police speed trap, etc.) 1 Points Earned After the user has made a choice, the number of points they’ve earned for getting it right will be displayed. If they chose wrong, then this will display ‘+0 points’. 2 1 2 3 Choice Reveal Once the user has made a choice, the correct choice will be revealed 3 2 3
  • 28. DreamWorks 28This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 MOBILE UX
  • 29. JOIN THE RACE RETURNING USER RACE TO DELEON Image teasing car customization CUSTOMIZE YOUR CAR COMPLETE CHALLENGES Contest backstory and p rize copy lorem ipsum dolor sit Co ntest bac kstory an d prize cop y lor em ipsu m dolor sit Con test back story and prize copy lorem ipsum dolor sit RACE TAGLINE LOREM JOIN THE RACE RETURNING USER Image teasing car customization CUSTOMIZE YOUR CAR Image teasing dashboard activities COMPLETE CHALLENGES Image teasing race map and leaderboard FINISH THE COURSE AND WIN JOIN THE RACE Contest backstory and p rize copy lorem ipsum dolor sit Co ntest bac kstory an d prize cop y lor em ipsu m dolor sit Con test back story and prize copy lorem ipsum dolor sit RACE TAGLINE LOREM Image teasing car customization CUSTOMIZE YOUR CAR Image teasing dashboard activities COMPLETE CHALLENGES Image teasing race map and leaderboard FINISH THE COURSE AND WIN JOIN THE RACE dolor sit Con test back story and prize copy lorem ipsum dolor sit Footer Links + Legal + Rules + Social Plugins FOLLOW US FACEBOOK TWITTER INSTAGRA M Image teasing dashboard activities COMPLETE CHALLENGES Image teasing race map and leaderboard FINISH THE COURSE AND WIN JOIN THE RACE Footer Links + Legal + Rules + Social Plugins FOLLOW US FACEBOOK TWITTER INSTAGRA M 0.0 Mobile Landing DreamWorks 29This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com loremipsumdolor.com loremipsumdolor.com loremipsumdolor.com
  • 30. Footer Links + Legal + Rules + Social Plugins YOUR INFORMATION Email Date of Birth Email@address.com I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed Weekly Contest I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed Sweetpstakes I’m a returning user SUBMIT Month Day Year I agree to receive Facebook notifications 0.1 Mobile Account Info DreamWorks 30This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com
  • 31. Footer Links + Legal + Rules + Social Plugins UH-OH! It seems that you can’t join the Race to Deleon at this time lorem ipsum dolor BUT YOU CAN STILL FOLLOW US! INSTA GRAM 0.3 Mobile Age gate Error DreamWorks 31This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com
  • 32. Footer Links + Legal + Rules + Social Plugins Log in Reconnect your Facebook profile to log in ConnectfI’m a new user 1.0 Mobile Returning User Login DreamWorks 32This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com
  • 33. Footer Links + Legal + Rules + Social Plugins Transition Story Title I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed Weekly Contest I agree to the Terms of Use, Privacy Policy, and Rules lorem ipsum of the Need for Speed Sweetpstakes JOIN THE RACE Transition Story Image Transition story explaining why points from phase 1 have been reset lorem ipsum dolor sit Transition story explaining why points from phase 1.2 Mobile Returning User Accept New terms DreamWorks 33This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com
  • 34. Footer Links + Legal + Rules + Social Plugins Choose Your Car You won’t be able to change your car during the game so choose wisely! Ford Mustang ACCEPT 2.0 Mobile Choose Car DreamWorks 34This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com Scroll Through Cars User may swipe the screen or tap the left/right arrows to scroll through the car options available. New phase 2 users will only be provided 3 standard cars to choose from. Returning users from phase 1 will have 6 car options which includes the 3 standard cars and 3 special cars 1 Accept Car Selection User must tap the “Accept” button to confirm their car selection 2 1 2
  • 35. HOW TO PLAY TAKE THE COURSE Copy that explains the weekly leader board & map and why it is important to reach 420 points first lorem ip sum do lor sit NEXT MAP IMAGE FPO Username 28 1000 points Username 29 500 points MY USERNAME 30 350 points Username 31 300 points Username 32 275 points INVITE FRIENDS TO PLAY Week 2 Leaders 420 points350 points HOW TO PLAY NEXT EARNING POINTS Explain that points need to be earned in the following ways to progress through the weekly maps and that the weekly Recruit Friends & Complete Weekly Activities Explain how to earn points lorem ipsum dolor sit Lorem ipsum Footer Links + Legal + Rules + Social Plugins HOW TO PLAY BEWARE OF SPEEDBUMPS Explain what happens when you hit a speed bump and how you get points from them lorem ipsum dolor sit lorem ipsum dolor sit Example Speedbump 20 Points Each I’M READY! 3.0 Mobile How To Play DreamWorks 35This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com loremipsumdolor.com loremipsumdolor.com Three screens will introduce the user to the key interactions with this game. THe user must hit the “Next” button to see the next screen. This experience may be closed with the X in the top right corner User should click the “I’m Ready” button when ready to start playing the game. Once this button has been tapped, the user will be taken to the dashboard interface
  • 36. WEEKLY PRIZES AND ACTIVITY CTA MESSAGING Week 1 SCORE 0 0 0 0 3 5 0 MY CAR CUSTOMIZE YOUR RANK 30 WEEKLY ACTIVITIES TOTAL POINTS 12,000 3 PHOTO TRIVIA 50 PTS WEEKLY PRIZES AND ACTIVITY CTA MESSAGING Week 1 SCORE 0 0 0 0 3 5 0 MY CAR CUSTOMIZE YOUR RANK 30 WEEKLY ACTIVITIES TOTAL POINTS 12,000 PLAY PHOTO TRIVIA Description of this activity lorem ipsum dolor sit 50 PTS SHARE VIDEO Description of this activity lorem ipsum dolor sit 50 PTS VIEW QUIZ 50 PTS WEEKLY PRIZES AND ACTIVITY CTA MESSAGING CUSTOMIZE WEEKLY ACTIVITIES PLAY PHOTO TRIVIA Description of this activity lorem ipsum dolor sit 50 PTS SHARE VIDEO Description of this activity lorem ipsum dolor sit 50 PTS VIEW QUIZ Description of this activity lorem ipsum dolor sit 50 PTS PLAY SHARE PHOTO ON TWITTER 50 PTS Description of this activity lorem ipsum dolor sit VIEW Description of this activity lorem ipsum dolor sit VIEW QUIZ Description of this activity lorem ipsum dolor sit 50 PTS PLAY LIKE NFS FACEBOOK PAGE 50 PTS EVENT CHECK IN Description of this activity lorem ipsum dolor sit 50 PTS VIEW FOLLOW NFS ON TUMBLR Description of this activity lorem ipsum dolor sit 50 PTS TUMBLR FOLLOW BUTTON SHARE PHOTO ON TWITTER 50 PTS Description of this activity lorem ipsum dolor sit VIEW 4.0 Mobile Dashboard 1 of 2 loremipsumdolor.com loremipsumdolor.com loremipsumdolor.com loremipsumdolor.com DreamWorks 36This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2
  • 37. FOLLOW @needforspeed ON TWITTER Description of this activity lorem ipsum dolor sit 50 PTS TWITTER FOLLOW BUTTON LIKE NFS FACEBOOK PAGE Description of what to do lorem ipsum dolor sit 50 PTS FACEBOOK LIKE BUTTON EVENT CHECK IN Description of this activity lorem ipsum dolor sit 50 PTS VIEW FOLLOW NFS ON TUMBLR Description of this activity lorem ipsum dolor sit 50 PTS TUMBLR FOLLOW BUTTON Description of this activity lorem ipsum dolor sit VIEW CODE REDEMPTION Description of this activity lorem ipsum 50 PTS #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEEDMOVIE Instagram Post FOLLOW US #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m FOLLOW @needforspeed ON TWITTER Description of this activity lorem ipsum dolor sit 50 PTS TWITTER FOLLOW BUTTON LIKE NFS FACEBOOK PAGE Description of what to do lorem ipsum dolor sit FACEBOOK LIKE BUTTON CODE REDEMPTION Description of this activity lorem ipsum dolor sit 50 PTS ENTER CODE Footer Links + Legal + Rules + Social Plugins #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m #NEEDFORSPEEDMOVIE Instagram Post FOLLOW US #NEEDFORSPEED @NEEDFORSPEEDMOVIE RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit RT lorem ipsum dolor sit 30m Description of this activity lorem ipsum dolor sit ENTER CODE 4.0 Mobile Dashboard 2 of 2 DreamWorks 37This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com loremipsumdolor.com loremipsumdolor.com
  • 38. WEEKLY PRIZES AND ACTIVITY CTA MESSAGING Week 1 SCORE 0 0 0 0 3 5 0 MY CAR CUSTOMIZE YOUR RANK 30 WEEKLY ACTIVITIES TOTAL POINTS 12,000 3 50 PTS My Car Map & Leaderboard How To Play Sound On/Off Footer Links Legal Rules 4.0 Mobile Dashboard: Menu DreamWorks 38This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com Nav Items User may tap on any of the items in the slide out navigation menu to launch the overlay with the selected content 1 Sound User may tap the Sound On/Off item to toggle the sound on or off 2 1 2 3 Menu Icon User may tap the menu icon to hide/show the slide out menu 3
  • 39. WEEKLY PRIZES AND ACTIVITY CTA MESSAGING Week 1 SCORE 0 0 0 0 3 5 0 MY CAR CUSTOMIZE YOUR RANK 30 WEEKLY ACTIVITIES TOTAL POINTS 12,000 3 PHOTO TRIVIA 50 PTS 3 RECENT ACTIVITY Recruited Friend Photo Trivia Completed Quiz Trivia Completed Shared Video Shared Photo Followed Ford on Facebook +200 +200 +200 +200 +200 +200 LAST WEEK Followed Ford on Facebook +200 THIS WEEK WEEKLY PRIZES AND ACTIVITY CTA MESSAGING Week 1 SCORE 0 0 0 0 3 5 0 MY CAR CUSTOMIZE YOUR RANK 30 WEEKLY ACTIVITIES TOTAL POINTS 12,000 3 PHOTO TRIVIA 50 PTS 3 RECENT ACTIVITY Shared Video Shared Photo Followed Ford on Facebook +200 +200 +200 LAST WEEK Shared Video +200 Shared Photo +200 Followed NFS on Twitter +200 4.0 Mobile Dashboard: Recent Activity DreamWorks 39This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com loremipsumdolor.com Notifications Notifications will increment based on completed activities. The user may tap the notifications badge to view all activity starting with the most recent activities 1 1 2 Activities List User may swipe up/down to scroll the list of activities 2
  • 40. Customize Your Car APPLY CHANGES Color 4.1 Mobile Customize Car: COLOR DreamWorks 40This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com Customization Category Selector User may choose different customization categories by tapping and selecting from the drop down list 1 Apply Changes Tapping the “Apply Changes” button will save all customization changes made to the user’s car 3 1 2 2 Customization Options Tap to select a customization option to apply to the car preview. The preview of the car will update with the newly selected option. 2
  • 41. Customize Your Car APPLY CHANGES TINT OPTION 2 Tint TINT OPTION 1 AVAILABLE FEB 24 4.1 Mobile Customize Car: WHEELS DreamWorks 41This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com
  • 42. SHARE TO EARN POINTS Shareable Content Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit Content description lorem ipsum dolor sit Copy URLFacebook Twitter 4.2 Mobile Shareable Content DreamWorks 42This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com
  • 43. MAP & LEADERBOARD WEEK 2 Username28 1000 points Username29 500 points MY USERNAME30 350 points Username31 300 points Username32 275 points TOP 10MY RANK RECRUIT MORE DRIVERS MAP IMAGE FPO 420 points350 points MAP & LEADERBOARD WEEK 2 Username28 1000 points Username29 500 points MY USERNAME30 350 points Username31 300 points Username32 275 points TOP 10MY RANK RECRUIT MORE DRIVERS MAP IMAGE FPO 420 points350 points 4.3 Mobile Map & Leaderboard DreamWorks 43This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com loremipsumdolor.com
  • 44. PHOTO TRIVIA PHOTO CROP Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit SUBMIT ANSWER PHOTO TRIVIA PHOTO CROP Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit SUBMIT ANSWER 4.4.1 Mobile Photo Trivia (Unanswered) DreamWorks 44This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com loremipsumdolor.com
  • 45. PHOTO TRIVIA FULL PHOTOPHOTO CROP Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit A. Answer lorem ipsum dolor sit +50 pts COLLECT 50 POINTS PHOTO TRIVIA FULL PHOTOPHOTO CROP Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit A. Answer lorem ipsum dolor sit +50 pts COLLECT 50 POINTS 4.4.1 Mobile Photo Trivia (Answered) DreamWorks 45This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com loremipsumdolor.com
  • 46. QUIZ A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit 2. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit 1. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit 3. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit 2. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit 1. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit 3. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit SUBMIT ANSWER 4.4.2 Mobile Quiz (Unanswered) DreamWorks 46This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com loremipsumdolor.com
  • 47. QUIZ 2. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit 1. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit 3. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit A. Answer lorem ipsum dolor sit +0 pts B. Answer lorem ipsum dolor sit A. Answer lorem ipsum dolor sit +25 pts 2. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit 1. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit 3. Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit Question lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit D. Answer lorem ipsum dolor sit A. Answer lorem ipsum dolor sit B. Answer lorem ipsum dolor sit C. Answer lorem ipsum dolor sit A. Answer lorem ipsum dolor sit +0 pts B. Answer lorem ipsum dolor sit A. Answer lorem ipsum dolor sit +25 pts D. Answer lorem ipsum dolor sit +25 pts COLLECT 50 POINTS 4.4.2 Mobile Quiz (Answered) DreamWorks 47This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com loremipsumdolor.com
  • 48. EVENT CHECK IN INSTRUCTION IMAGE CONTINUEI’LL DO THIS LATER STEP 1: Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit STEP 2: Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit STEP 3: Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit EVENT CHECK IN INSTRUCTION IMAGE CONTINUEI’LL DO THIS LATER STEP 1: Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit STEP 2: Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit STEP 3: Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit Instruction copy lorem ipsum dolor sit 4.4.3 Mobile Event Check In 1 of 2 DreamWorks 48This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com loremipsumdolor.com
  • 49. EVENT CHECK IN TwitterInstagram * By clicking the Submit button, you certify that the Instagram account belongs to you lorem ipsum dolor sit INSTAGRAM USERNAME Instagram Username CHECK COLLECT 12500 POINTS EVENT CHECK IN TwitterInstagram * By clicking the Submit button, you certify that the Instagram account belongs to you lorem ipsum dolor sit INSTAGRAM USERNAME Instagram Username CHECK COLLECT 12500 POINTS 4.4.3 Mobile Event Check In 2 of 2 DreamWorks 49This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com loremipsumdolor.com
  • 50. REDEEM CODE REDEEM POINTS Instruction copy explaining how to earn points for a special code lorem ipsum dolor sit Instruction copy explaining how to earn points for a special code lorem ipsum dolor sit Instruction copy explaining how to earn points for a special code lorem ipsum dolor sit ENTER CODE HERE REDEEM CODE Instruction copy explaining how to earn points for a special code lorem ipsum dolor sit Instruction copy explaining how to earn points for a special code lorem ipsum dolor sit Instruction copy explaining how to earn points for a special code lorem ipsum dolor sit E123F312lMdG293704 COLLECT 1500 POINTS 4.4.4 Mobile Redeem Code DreamWorks 50This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com loremipsumdolor.com
  • 51. SPEED BUMP Speedbump backstory lorem ipsum dolor sit Speedb ump back story lo rem ips um dolo r sit Spe edbump bac kst ory lor em ips um dolor sit Speed bump backstory lore m ipsum dolor sit Speedbump backstory lorem ipsum dolor sit Spee LEFT RIGHT SPEED BUMP IMAGE SPEED BUMP SPEED BUMP IMAGE +0 pts Speedbump backstory lorem ipsum dolor sit Speedb ump back story lo rem ips um dolo r sit Spe edbump bac kst ory lor em ips um dolor sit Speed bump backstory lore m ipsum dolor sit Speedbump backstory lorem ipsum dolor sit Spee LEFT RIGHT SPEED BUMP SPEED BUMP IMAGE +20 pts Speedbump backstory lorem ipsum dolor sit Speedb ump back story lo rem ips um dolo r sit Spe edbump bac kst ory lor em ips um dolor sit Speed bump backstory lore m ipsum dolor sit Speedbump backstory lorem ipsum dolor sit Spee LEFT RIGHT 4.5 Mobile Speed Bump DreamWorks 51This document is a conceptual overview of the project. It is not an indicator of animation, copy, final elements, or design. © 2013 BLT Communications, LLC. All rights reserved. Need For Speed Game Phase 2 loremipsumdolor.com loremipsumdolor.com loremipsumdolor.com