Xfinity Mobile Hero Banner

Duration: October 22nd - October 26th 2018

My Role: Research, Competitive Analysis, Ideation, Affinity Diagramming, Sketching, Testing, Photography, Documentation

Lead: The Research for the project, collaborating with teammates on solution design and iteration on final design.

Tools: Large Empty Wall, Post-Its, Whiteboard, Email, Keynote, Photography, Valerie Casey Lenses, Sketch Noting, Camera, and Tape Recorder

The Ask: Update Hero Banner

This project will focus on the hero banner. Since launching, we’ve learned several things about the hero banner that imply the need for changes:

• The current design of the hero banner is self-limiting in that we can only provide a single status message at any one time, even if multiple statuses are applicable.

• Depending on the device used to access the native app, the hero banner can totally dominate visible real estate in the device viewport. Some customers have expressed confusion in app reviews, not realizing there’s more to the screen than the hero banner.

Assumptions-Since this project was only 5 days long we needed to design within some assumptions that we could not validate due to a lack of time. Our assumptions that we operated under were made by education via secondary research and interviews about user’s experiences, we made the following assumptions:

1. Most users pay through the mobile app

2. Users are more likely to go to the app when they get notifications

3. When users have the app installed they will more likely use the app then go to the website

4. The users who do not have the app will more likely go to the website

how cna we .png
prioritize data.png
comp analysis.png

Research and Insights were conducted and synthesized through Survey, Interviews, A/B testing, Iterations on Mock-Ups, Competitive Analysis, Secondary Research.

Source:https://www.smashingmagazine.com/2018/02/comprehensive-guide-to-mobile-app-design/

Source:https://www.smashingmagazine.com/2018/02/comprehensive-guide-to-mobile-app-design/

IMG_3998.JPG
Source:https://www.smashingmagazine.com/2018/02/comprehensive-guide-to-mobile-app-design/

Source:https://www.smashingmagazine.com/2018/02/comprehensive-guide-to-mobile-app-design/

numbs.png
Xfinity Mobile My Account App Redesign Proposal_Page_12.png
Xfinity Mobile My Account App Redesign Proposal_Page_11.png
Xfinity Mobile My Account App Redesign Proposal_Page_15.png
edited.jpg

Redesign Landing Page

Xfinity Mobile My Account App Redesign Proposal_Page_18.png
Xfinity Mobile My Account App Redesign Proposal_Page_19.png
Xfinity Mobile My Account App Redesign Proposal_Page_20.png
Xfinity Mobile My Account App Redesign Proposal_Page_21.png

User Flow

Xfinity Mobile My Account App Redesign Proposal_Page_23.png

Edge Cases

Xfinity Mobile My Account App Redesign Proposal_Page_24.png
Xfinity Mobile My Account App Redesign Proposal_Page_25.png

Implementation Consideration

Xfinity Mobile My Account App Redesign Proposal_Page_26.png