t
Allen Boguslavsky // FALL 2017
THE
REEL
BRIEF
An intelligent platform showcasing the latest and greatest curated
sports highlights from around the world. Through an engaged
community and personalised clip discovery experience, users are
immersed in hours of premium sports content.
Allen Boguslavsky // FALL 2017 Brief // Page 1 of 1
PROBLEM
The client wanted to create a mobile application specialising in the
management of a robust number of highlight clips.
Currently, there is no existing solution addressing the task of
intelligently curating massive amounts of content daily for a user,
while also streamlining the experience and giving the user control
over the content they want to see.
Allen Boguslavsky // FALL 2017 Problem // Page 1 of 1
SOLUTION
CURATED FROM THOUSANDS
A Discovery page oers trending videos based on today’s top videos
from all sports and the user’s watching habits.
PERSONALISED CLIP DISCOVERY
Aside from intelligently curated content, users can select sports
they’re interested in and add videos to their Reel via the watch
queue and favourites, in order to personalise the content.
Allen Boguslavsky // FALL 2017 Problem // Page 1 of 1
RESEARCH
Exploring existing solutions and patterns to better address the needs
of the project, client, and users.
1. Competitive
2. Design
Allen Boguslavsky // FALL 2017 Research // Page 1 of 4
COMPETITIVE
STRONG GRIDS
All of the applications had strong grid structures, whether they were in the
form of straight grids, masonry grids, or lists. There is a lot of allowance in
terms of repetitive elements, in anticipation of the content.
SCORES
Scores are very important across the board, taking up a central spot on
most content screens.
PERSONALITY
The more appealing applications had styles that were simple, but
held personality - for example, in choice of typeface, and in choice of
hierarchical styling. Colours and imagery also played a big role with apps
like FOX’s.
NEWS-CENTRIC
While the Reel specialises in recent as well as past highlight clips, a large
majority of competitor apps focus on only the latest news.
FOX Sports, NFL Mobile, Swish, theScore, Yahoo! Sports, 365 Scores
Allen Boguslavsky // FALL 2017 Research // Page 2 of 4
DESIGN
DISCOVERY
GLOBAL SEARCH
FILTER
MY REEL
Allen Boguslavsky // FALL 2017 Research // Page 3 of 4
DESIGN
MY SPORTS
STATS
SETTINGS
VIDEO
Allen Boguslavsky // FALL 2017 Research // Page 4 of 4
FLOW
The chosen ow follows the user’s journey through the application,
with various options to access personalised highlight clips.
1. Use case
2. Patterns
3. Wireframes
Allen Boguslavsky // FALL 2017 Flow // Page 1 of 5
USE CASE
Allen Boguslavsky // FALL 2017 Flow // Page 2 of 5
PATTERNS
Allen Boguslavsky // FALL 2017 Flow // Page 3 of 5
SKETCHES
Allen Boguslavsky // FALL 2017 Flow // Page 4 of 5
WIREFRAMES
Allen Boguslavsky // FALL 2017 Flow // Page 5 of 5
VISUAL
A deep, dynamic aesthetic is complemented by an electric and
vibrant accent, paired with typefaces that have personality.
1. Inspiration
2. Mood
3. Style
Allen Boguslavsky // FALL 2017 Visual // Page 1 of 4
INSPIRATION
Allen Boguslavsky // FALL 2017 Visual // Page 2 of 4
MOOD
Allen Boguslavsky // FALL 2017 Visual // Page 3 of 4
STYLE
Allen Boguslavsky // FALL 2017 Visual // Page 3 of 4
TYPOGRAPHY
COLOURS
GRAPHIC STYLE
Raleway, Medium, Bold, Extra Bold
FINAL
COMPOSITIONS
The nal solutions showcase sports highlight clips in a visually
aesthetic and dynamic manner.
1. Splash
2. Login
3. Filter
4. My Reel
5. Video
6. Settings
7. Search
8. Navigation
Allen Boguslavsky // FALL 2017 Final Compositions // Page 1 of 10
SPLASH
Allen Boguslavsky // FALL 2017 Final Compositions // Page 2 of 10
1
Reel Animation
The splash animation is quick and
dynamic, a perfect entrance to the app.
1
LOGIN
Allen Boguslavsky // FALL 2017 Final Compositions // Page 3 of 10
1
2
Tabbet Login and Signup
The login and signup ows are similar,
so they can be easily accessed via tabs
above the input elds.
Social Media Login
Users also have the ability to login with
their social media accounts, speeding
up the process.
1
2
DISCOVERY
Allen Boguslavsky // FALL 2017 Final Compositions // Page 4 of 10
1
3
2
4
Shy Logo
The app’s logo appears only on login,
and only on the Discovery page. As the
user scrolls, it slides up and “hides”.
Add to Watch Queue
It’s a one-step process to add a video
clip to the user’s watch queue.
Quick Access to My Reel
When the user logs in, they will see a
quick overview of their queued videos,
and any updates from the sports they
previously followed.
Slide to Unwatch
The user can slide to unwatch a video.
The app will automatically curate
videos based on what the user wants
or doesn’t want to see.
1
2
3
4
FILTER
Allen Boguslavsky // FALL 2017 Final Compositions // Page 5 of 10
1
2
Peeking FIlter
The lter is a xed element at the
bottom of the Discovery screen, and
peeks up when it’s tapped.
Calendar
The user can pick their range of dates
through the use of a calendar. Any
expansions of the Filter screen is
reected on the height of the overlay.
1
2
MY REEL
Allen Boguslavsky // FALL 2017 Final Compositions // Page 6 of 10
1
1
3
3
2
Horizontal Scrolling
The watch queue and favourites
sections have videos that can be seen
to some extent by horizontal scrolling.
Detailed Grid View
This view shows the top few highlight
clips for each sport, where the user can
scroll through the entire list of clips.
Overview Grid View
This view has an overview of all the
sports followed by the user in grid form.
2
VIDEO
Allen Boguslavsky // FALL 2017 Final Compositions // Page 7 of 10
1
3
2
4
5
Video Controls
The video controls are subtle, and
include rewind, fast forward, slowmotion,
and full-screen.
Video Options
Users can add the video to their watch
queue, favourites, or share the clip.
Sport Tag
The sport tags indicate whether or not
the user has followed that sport. Users
can follow sports through this as well.
Video Tags
Tags related to the video that can be
tapped into to see other related clips.
Video Pause
The pause screen of the clip
features a circular scrub feature.
1
2
3
4
5
SETTINGS
Allen Boguslavsky // FALL 2017 Final Compositions // Page 8 of 10
1
1
Simple Settings
The settings options are simple, and
include options for content, updates,
and account settings.
SEARCH
Allen Boguslavsky // FALL 2017 Final Compositions // Page 9 of 10
1
1
Quick Major League Search
The major leagues are popular go-to
choices for searches, and as such are
given a top spot on the search page.
Autocomplete
There is autocompletion in real time as
the user enters their search query into
the search eld..
Search Results
Search results are separated into two
categories - tags and sports. These
two can be navigated to via tabs.
3
2
3
2
NAVIGATION
Allen Boguslavsky // FALL 2017 Final Compositions // Page 10 of 10
1
1
Screen Preview
The navigation ow imitates native app
switching, showing the screen the user
came from, transitioning to the screen
the user selects.
END
A PERSONALISED AND INTELLIGENTLY
CURATED SPORTS HIGHLIGHTS EXPERIENCE.
The Reel is a platform that lters away the noise of
thousands of daily sports videos, allowing users to
immerse themselves in highlights they want to see.
Allen Boguslavsky // FALL 2017