JolliFlix Streaming Media App Case Study

Page 1

JolliFlix

ProjectOverview

Description

JolliFlixisastreamingmediaappthataimstogiveconsumersaccesstoawidevarietyof contentsandenjoythestreamingexperienceatanaffordableprice.Wheneveryouare feelingdownorwanttorelievestressfromwork,thisappistheuser’sgo-towhenthey wanttohaveagood,stress-freetimeandwatchnewandoldmoviesorshows.

MyRoles

DesignTools

ExploringtheProblem

Problem

Consumersofstreamingservicesdesiretoexplorenewandupdatedcontenttowatch. Thelackofvarietyorsavedcontentsthataren'teasilyfoundfrustratestheusers.

Peoplewanttousestreamingplatformsforanenjoyableexperiencewithintheir budgetrange,anditalsoenablesthemconveniencewhenevertheygoontotheplatforms towatchtheirdesiredcontents.

Solution

● Enableuserstoselectthepremiumsubscriptionplantogetthebestdealandgain fullaccesstoallthecontentstheycanwatch.

● Designastreamingappthatincludesawide-varietyofcontentsforusersto exploreandnotifytheuserswhenevertherearecontentsthatareupdated.

● Incorporatea‘MyWatchlist’pagetosaveallthecontentstheuserswanttowatch inordertofindtheirsavedcontentseasier.Italsoenablesuserstowatchtheir favoritecontentsaswellascontinuewatchingthevideowheretheyleftoff.

UserUnderstanding

UserPersona

Withauserpersona,Iwasabletoempathizewithandunderstandtheindividual’s characteristics,whichhelpedmelearnmoreabouttheirgoalsandallowthemtohave anenjoyableexperiencewhileexploringandwatchingonstreamingplatforms.

Ideate

Inspirations

IbeganbyanalyzingandcomparingotherstreamingservicestoseehowIcould implementdifferentdesignaspectsintomylow-fidelityprototypesketches.Maxand Netflixarethego-tostreamingservicesformanyconsumers,whichiswhytheyaremy maininspirationsforproceedingwithmydesignsketches.

Sketches

AfterunderstandingwhatdirectionIwaslookingfor,Iproceededtomoveonto designingmyroughideas.Sketchingoutideasisveryimportantfordesign conceptualization.Imainlyimprovedtheuser’sexperiencebyenablinguserstosave theirdesiredcontentsontoonepage,andIalsoincludedanotificationspagetonotify usersabouttheincomingcontentsorthenewarrivalsforittoremindthem.

Screenshot of Low-Fidelity Sketches

Low-FidelityTesting

Withmysketchingideascomplete,Imovedontomypreliminaryusabilitytesting,or low-fidelityprototypetesting.Withparticipantsobservingthelayoutsandproviding feedbackontheoveralldesignaswellastheuserflow,itallowedmetounderstandhow toproceedwithmyprototype.

VisualDesign

AsIbuiltupthefoundationoftheapp,Ineededtomakeitrecognizableby implementingastyleguidethatmatchesthebrand.Choosingthetypography,colors, andiconsisimportantforbuildingastyleguide,whichIselectedstylefortheelements oftheJolliFlixbrand.

UIElements

Typography LogoColorPalette
Icons

Prototyping

Withmysketchesandmyfinalideationcomplete,Iproceededtocreateahigh-fidelity prototypetotesttheusabilityofmyproposedsolution.Thegoalistoprovidetheusers withanenjoyableexperiencewhentheysurfthroughtheplatformtowatchawidevariety ofcontentsattheirleisure.Withtheplantheysubscribedto,itisparamountthattheusers gettoexperiencestreamingtothefullest.

FigmaPrototypeLink:https://figmashort.link/EDtY8S

JolliFlixPrototypeTesting:https://vimeo.com/909051016?share=copy#t=0

UsabilityTesting

Iconducted1:1remoteusabilitytestswith5participantswholoveusingstreamingmedia appstowatchmoviesorshows.Mediaisaveryimportantpartoftheirlivesandthey wantsomethingthatcanpiquetheirinterestwhenitcomestousingthisstreaming platform.Thegoalwastoseeiftheuserswereabletobecomfortablewiththefeatures thatareincludedintheirsubscriptionaswellastodeterminetheeaseofusewhenusing theprototype.

Asaresult,theparticipantswentthroughtheprototypequitesmoothlyandoverallhada goodimpressionofit.Thetestingmayhavesomedrawbacksorbeinneedof improvementtotheoverallstructure,butthemajorityofusersfoundtheappprototypeto beasignificantimprovementtotheirexperiencewhenusingtheirownstreamingmedia appandwouldbewillingtosubscribetoJolliFlixtohaveagreatdealfortheirstreaming experience.

TakeawayandFutureImprovements

Overall,themajorityofusersfoundsignificantimprovementstotheaccessibilityofthe streamingexperience,andthegoalsweremetwithsatisfaction.Inthisproject’s journey,Ihavelearnedalotaboutthedesiresofotherstreamingconsumersandshared theirempathywhenusingotherstreamingapps

Peoplewanttohaveanenjoyableexperiencewhentheyexplorenewthings,andthey don’twanttheirmoneytobewastedonsomethingthatdoesn’tallowthemtoindulgein theirstreamingexperience.Whichiswhyitisimperativetoimproveone’sexperience byconsideringtheconsumer’sneedsandenablingthemtobeimmersedinthemedia tohavethemexperiencestreamingtothefullest.

ThingsIWouldLiketoHaveDoneMoreOf:

● Addmoretransitionstoeachtaborsectiononeachpageinordertoenablethe userstoexploremoreinformationaboutothercontentsonthatpage.

● Implementafunctionalsearchbartoshowcasethattheuserscantypeina movieorshowtheywanttowatch.

● Genretabscouldbepolishedmoreandallowotheruserstosearchthrough differentcontentsineachofthosesections.

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.