banner2banner2

THE BRIEF

A cutting edge entertainment platform that features a curated collection of premium sports highlights customized just for you.

The dedicated sports fan's favorite app. The Reel is a mobile application that provides a completely customized, ad-free sports viewing experience. Fans gain full access to their favorite sports teams' latest highlights and scores, keeping them effortlessly up to date while retaining their super fandom status.

Client

School Project

Role

User Experience, User Interaction, Visual Design

Duration

5 weeks, Fall 2016

[unex_ce_button id="content_0nv15abvx" button_text_color="#353535" button_font="regular" button_font_size="14px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#ffffff" button_padding="15px 60px 15px 60px" button_border_width="2px" button_border_color="#353535" button_border_radius="0px" button_text_hover_color="#a9e20e" button_text_spacing_hover="2px" button_bg_hover_color="#ffffff" button_border_hover_color="#a9e20e" button_link="http://aml8069.cias.rit.edu/wordpress/wp-content/uploads/2017/02/reeldeck.pdf" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]View Project Deck →[/ce_button]
banner3banner3

CORE FEATURES

This modern app aims to provide users with an exciting new way to view a curated collection of the latest highlights in sports.

FEATURE

Create a Feed

Create a custom feed full of the users' favorite highlights and updates. The user is prompted to create their feed once they enter the app for the first time. Users can edit and add to their feed as they continue using the application, giving the user the ultimate customized experience.

FEATURE

Custom Feed

Never miss highlights from your favorite sports, players, and teams. The Reel provides instant access to high quality clips with no interruptions or advertisements, and a score banner that provides the user with all relevant scores based on their interests.

FEATURE

Sub-Feed & Suggestions

Making bandwagonning easier since '16. Discover your new favorite sport or team with ease. Users can enter their favorite sport, team, or player's domain by clicking on the topic from their main feed. Using predictive analytics, The Reel also intelligently provides related channels based on the ones the user currently follows. 

PROCESS

Before beginning the wireframe and design process I began identifying patterns that users were already familiar with in a mobile app. Once I began to understand these fundamental interactions, I began sketching solutions that utilized these patterns. With my sketches I was able to iterate through different ways to present thousands of options to a user. Once I was satisfied with my final sketches, I began to wireframe.

Interaction Sketches

During this sketching process I explored different ways that users interact with their mobile device.

Final Sketches

Up until these sketches I was presenting too much information or dragging out what should be an easy process. My biggest challenge was finding a solution that allowed for the user to have full control over the customization of their feed but not overwhelm them. I switched up my design to a tile grid that allowed the user to scroll easily throughout their options, and keeping a search bar at the top of the screen to allow for a specific search if they already know what they want.

WIRE FRAMES

VISUAL DESIGN

With The Reel I wanted to capture the excitement of being under the lights at your favorite sports game. 

visualDesvisualDes

FINAL COMPS

From the wireframing process, I realized I needed to enlarge the videos and images and provide clearer access to sub-feeds. I also took the opprotunity to play with a new way of suggesting related topics: thus the carousel was born. For my final comps I wanted to highlight the process of creating a feed and entering a sub-feed.

FinalComps1FinalComps1
FinalComps2FinalComps2
FinalComps4FinalComps4

Thanks for checking this out!

Like what you see? View my other projects below →

[unex_ce_button id="content_j9yryike5,column_content_h496wrdd1" button_text_color="#000000" button_font="semibold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#ffffff" button_padding="15px 60px 15px 60px" button_border_width="0px" button_border_color="#ffffff" button_border_radius="0px" button_text_hover_color="#3347b7" button_text_spacing_hover="2px" button_bg_hover_color="#ffffff" button_border_hover_color="#ffffff" button_link="http://aml8069.cias.rit.edu/wordpress/work/mycourses/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]Previous Project:
MyCourses Redesign[/ce_button]
[unex_ce_button id="content_j9yryike5,column_content_7gkf1me9x" button_text_color="#000000" button_font="semibold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#ffffff" button_padding="15px 60px 15px 60px" button_border_width="0px" button_border_color="#ffffff" button_border_radius="0px" button_text_hover_color="#29403a" button_text_spacing_hover="2px" button_bg_hover_color="#ffffff" button_border_hover_color="#ffffff" button_link="http://aml8069.cias.rit.edu/wordpress/work/humans-vs-zombies/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]Next Project:
Humans vs Zombies[/ce_button]