SlideShare a Scribd company logo
DISNEY ADD IT UP
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.
ENHANCED FOCUS
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
v6Last modified on Mon Jul 21 2014
by Darren Lou
HOMEPAGE 1 of 3
HOMEPAGE 2 of 3
HOMEPAGE 3 of 3
EDITORIAL CATEGORY MENU
TOOLS MENU
ETICKET OVERLAY
EDITORIAL SECTION 1 of 2
EDITORIAL SECTION 2 of 2
STORY DETAIL PAGE 1 of 3
STORY DETAIL PAGE 2 of 3
STORY DETAIL PAGE 3 of 3
SEGMENTED STORY DETAIL PAGE 1 of 3
SEGMENTED STORY DETAIL PAGE 2 of 3
SEGMENTED STORY DETAIL PAGE 3 of 3
TOOLS PAGE
CONTACTS
ARCHIVE
MOBILE: HOMEPAGE
MOBILE: EDITORIAL MENU
MOBILE: TOOLS MENU
MOBILE: EDITORIAL CONTENT
MOBILE: DETAIL PAGE
MOBILE: SEGMENTED DETAIL PAGE
MOBILE: TOOLS PAGE
MOBILE: CONTACTS
MOBILE: ARCHIVE
HOMEPAGE 1 of 3
DISNEY ADD IT UP
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.
ENHANCED FOCUS
FOCUS LOGO
Clicking the logo will take the user to the homepage
1
EDITORIAL MENU
Mouseover to show the drop down menu containing the different editorial categories
2
TOOLS MENU
Mouseover to show the drop down menu containing the different tools
3
2 3 4 5 6 7
8
1
9b
10
11
9a
REDEEM E-TICKET
Clicking this link will show the E-Ticket Pop-up prompting the user to enter the code on their ticket
4
FAQ
Clicking this will link the user to the FAQ page
5
ARCHIVE
Clicking this will link the user to the Archive page
6
CONTACT
Clicking this will link the user to the Contact page
7
BANNER NOTIFICATION / ALERT
Banner will animate in once the page has loaded and will inform the user of any urgent news or action items.
Clicking the ‘X’ will dismiss the banner. Clicking the call -to-action (CTA) button will take the user to
appropriate page with more information regarding the notification/alert
8
MARQUEE LINK/BUTTON
All marquee images/featured messages will have a clickable link/button associated with them. When clicked,
these will take the user to pages with more information regarding the featured message/marquee image
9a
MARQUEE SLIDER
The marquee area will be set to rotate through marquee images/featured messages on a timer. The user
may also click through them using the left/right arrows
9b
FLEXIBLE MESSAGING AREAS (FMAs)
Below the marquee area, there will be 4 flexible messaging slots. These can be used to call attention to
campaigns, tools, or other important message items. Clicking one of the FMAs will take the user to a page
with more information
10
CONTINUE TO NEXT PAGE...11
HOMEPAGE 2 of 3
DISNEY ADD IT UP
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.
ENHANCED FOCUS
FLEXIBLE MESSAGING SLOTS
There will be 4 slots available for campaign touts and messaging. When a
messaging slot gets clicked, it may link to a specified page URL.
1
‘ALL’ FILTER
When selected, this will show all the latest stories from newest to oldest
2a
‘CATEGORY’ FILTER
When selected, this will show the latest stories tagged under the selected category
from newest to oldest
2b
1
2a 2b
3
CONTENT TILE
Clicking on a content tile will open the detail page for that story
3
2c
‘MORE’ DROP DOWN LIST
The user may click the ‘MORE’ drop down button to filter by a media type or topic
2c
HOMEPAGE 3 of 3
DISNEY ADD IT UP
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.
ENHANCED FOCUS
INFINITE SCROLLING
Content tiles will load in as the user scrolls down the page
1
1
EDITORIAL CATEGORY MENU
DISNEY ADD IT UP
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.
ENHANCED FOCUS
MENU
Click the ‘MENU’ link to expand/collapse the drop down menu
1
EDITORIAL CATEGORIES
While the MENU drop down is expanded, the user may rollover an EDITORIAL
CATEGORY to show a preview of the 3 latest articles tagged under that category
2
STORY PREVIEWS
The three latest content items under the selected category will be displayed here
(the most recent story will be on the left side of the drop down menu). Clicking on a
STORY PREVIEW item will take the user to the detail page of the corresponding
story
3
1
2
3
4
SEE ALL NEWS
Clicking the ‘SEE ALL NEWS’ tile will take the user to the landing page for the
selected editorial section
4
TOOLS MENU
DISNEY ADD IT UP
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.
ENHANCED FOCUS
TOOLS MENU
Click the ‘TOOLS’ link to expand/collapse the drop down menu of tools
1
TOOL ICONS
Rolling over a tool icon will show a tool tip with a description of the tool. The tool
tip will also contain a clickable link that will take the user to the appropriate
destination to use the tool. Clicking on the icon itself will perform the same action.
2
1
2
3
SEE ALL TOOLS
The last item in the drop down menu will be a ‘See All Tools’ icon. Clicking this will
take the user to the Tools Page where all tools will be listed with descriptions and
URLs.
3
ETICKET OVERLAY
DISNEY ADD IT UP
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.
ENHANCED FOCUS
E-TICKET CODE ENTRY FIELD
User will be prompted to enter the code on their E-Ticket in a field to check whether
they have won a prize or not
1
1
TERMS & CONDITIONS
2
TERMS & CONDITIONS
Clicking the ‘Terms & Conditions’ link will open a new tab with the Terms &
Conditions page for E-Ticket redemption
2
EDITORIAL SECTION 1 of 2
DISNEY ADD IT UP
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.
ENHANCED FOCUS
FEATURED STORY
A featured story will occupy the marquee area on EDITORIAL SECTION pages. A
Featured story will be determined by the site admin. Clicking the image or the
‘Read More’ link will take the user to the story detail page.
1
1
EDITORIAL SECTION 2 of 2
DISNEY ADD IT UP
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.
ENHANCED FOCUS
CATEGORY CONTENT TILE
These are stories/content that are tagged under this editorial category
1
1
INFINITE SCROLLING
Content tiles tagged under this editorial will load in as the user scrolls down the
page
2
2
STORY DETAIL PAGE 1 of 3
DISNEY ADD IT UP
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.
ENHANCED FOCUS
INFOGRAPHIC IMAGE
Users may click the infographic image to open the full size image in new browser
tab
1
1
2
IMAGE CAPTION
Infographics can have optional captions
2
3
CONTINUE TO NEXT PAGE...3
STORY DETAIL PAGE 2 of 3
DISNEY ADD IT UP
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.
ENHANCED FOCUS
RELATED STORIES
At the end of the article, there will be a section displaying related articles. This
section will have infinite scroll functionality as well.
1
1
STORY DETAIL PAGE 3 of 3
DISNEY ADD IT UP
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.
ENHANCED FOCUS
INFINITE SCROLLING
Related content tiles will load in as the user scrolls down the page
1
1
SEGMENTED STORY DETAIL PAGE 1 of 3
DISNEY ADD IT UP
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.
ENHANCED FOCUS
SEGMENTED CONTENT LINK/BUTTON
In articles with segmented content, there will be a link/button that allows the user to
get more tailored information regarding the topic of the article. Clicking the link will
expand a section prompting the user to enter some information about him/her self
(see next page)
1
1
SEGMENTED STORY DETAIL PAGE 2 of 3
DISNEY ADD IT UP
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.
ENHANCED FOCUS
SEGMENT QUESTIONS
After clicking the segmented content link/button, the user will be prompted to
answer some questions in order to receive more tailored content
1
1
SEGMENTED STORY DETAIL PAGE 3 of 3
DISNEY ADD IT UP
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.
ENHANCED FOCUS
SEGMENT SPECIFIC CONTENT
Once the user has answered the required questions, the relevant content for that
user’s segment will be displayed in the page. This content may include any
combination of text, images, or videos.
1
1
TOOLS PAGE
DISNEY ADD IT UP
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.
ENHANCED FOCUS
CONTACTS
DISNEY ADD IT UP
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.
ENHANCED FOCUS
ARCHIVE
DISNEY ADD IT UP
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.
ENHANCED FOCUS
MONTH SELECTOR DROPDOWN MENU
The user will be able to jump to a specific archived month by clicking the ‘Month
Selector’ drop down menu and selecting the month they wish to view.
1
1
2
MONTH HEADING
As the user scrolls past each Month Heading, the month selector will update to the
month that the user is in
2
MOBILE: HOMEPAGE
DISNEY ADD IT UP
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.
ENHANCED FOCUS
loremipsumdolor.com
2
4
3
LATEST STORIES FILTER OPTIONS
Displays most recent stories. User may filter the content by an editorial category by
tapping the drop down arrow on the right and selecting the editorial category they
wish to filter by from that menu
4
NEWS BANNER
Displays important information regarding upcoming enrollment deadlines, time
sensitive news articles, and other helpful tools. Tapping anywhere on this banner
will link the user to a page where they may take action
2
MESSAGING CAROUSEL
Rotating image carousel that displays featured messaging items. Tapping on the
image or the link will take the user to a predetermined page
3
1
HAMBURGER MENU BUTTON
Tap the ‘Hamburger Menu’ button to show the mobile navigation menu
1
All
All
EDITORIAL CATEGORY 1
EDITORIAL CATEGORY 2
EDITORIAL CATEGORY 3
EDITORIAL CATEGORY 4
EDITORIAL CATEGORY 5
TOPIC 1
TOPIC 2
TOPIC 3
MEDIA TYPE 1
MEDIA TYPE 2
MEDIA TYPE 3
EDITORIAL
MOBILE: EDITORIAL MENU
DISNEY ADD IT UP
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.
ENHANCED FOCUS
loremipsumdolor.com
EDITORIAL CATEGORY ITEM
When the Menu Toggle is toggled to show the Editorial Menu, the Editorial
Category items will be listed. Tapping an item will take the user to the selected
editorial section
3
REDEEM E-TICKET
User may tap the ‘Redeem Ticket’ button to open a new tab with the mobile version
of the ticket redemption experience
1
MENU TOGGLE
The user will be able to toggle between the Editorial Menu and the Tools Menu
while the menu drawer is open
2
1
2
3
5
MENU DRAWER FOOTER LINKS
The menu drawer will have persistent footer links: FAQ, Archive, and Contact
4
4
CLOSE MENU DRAWER
The user may close the menu drawer by tapping the X in the top right corner
5
TOOLS
MOBILE: TOOLS MENU
DISNEY ADD IT UP
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.
ENHANCED FOCUS
loremipsumdolor.com
1
TOOL ICON
When the Menu Toggle is toggled to show the Tools Menu, the Editorial Category
items will be listed. Tapping an item will take the user to the selected editorial
section
1
MENU DRAWER FOOTER LINKS
The menu drawer will have persistent footer links: FAQ, Archive, and Contact
3
2
SEE ALL
TOOLS
2
SEE ALL TOOLS
Tap the ‘See All Tools’ icon to go to the Tools page (p. 25)
2
3
1
MOBILE: EDITORIAL CONTENT
DISNEY ADD IT UP
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.
ENHANCED FOCUS
loremipsumdolor.com
MOBILE: DETAIL PAGE
DISNEY ADD IT UP
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.
ENHANCED FOCUS
loremipsumdolor.com
loremipsumdolor.comloremipsumdolor.com loremipsumdolor.com loremipsumdolor.com
MOBILE: SEGMENTED DETAIL PAGE
DISNEY ADD IT UP
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.
ENHANCED FOCUS
MOBILE: TOOLS PAGE
DISNEY ADD IT UP
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.
ENHANCED FOCUS
loremipsumdolor.com
MOBILE: CONTACTS
DISNEY ADD IT UP
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.
ENHANCED FOCUS
loremipsumdolor.com
loremipsumdolor.com
MOBILE: ARCHIVE
DISNEY ADD IT UP
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.
ENHANCED FOCUS
loremipsumdolor.com
MOBILE: ARCHIVE DATE SELECTOR
DISNEY ADD IT UP
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.
ENHANCED FOCUS
loremipsumdolor.com
MOBILE: SEGMENTED DETAIL PAGE 2 of 3
DISNEY ADD IT UP
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.
ENHANCED FOCUS
loremipsumdolor.com
MOBILE: SEGMENTED DETAIL PAGE 3 of 3
DISNEY ADD IT UP
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.
ENHANCED FOCUS
loremipsumdolor.com

More Related Content

Similar to UX: Disney Add It Up Focus

PMM Teardown Tuesday #2 - 2/7/17 - Slack Enterprise Grid announcement
PMM Teardown Tuesday #2 -  2/7/17 - Slack Enterprise Grid announcementPMM Teardown Tuesday #2 -  2/7/17 - Slack Enterprise Grid announcement
PMM Teardown Tuesday #2 - 2/7/17 - Slack Enterprise Grid announcement
Justin Topliff
 
Alive with activity
Alive with activityAlive with activity
Alive with activity
Maria Nasioti
 
Wireframes app i_phone_ios7_example
Wireframes app i_phone_ios7_exampleWireframes app i_phone_ios7_example
Wireframes app i_phone_ios7_exampleAndrew Scott
 
College of Doctoral Studies RES-850 Using MaxQ.docx
                College of Doctoral Studies RES-850 Using MaxQ.docx                College of Doctoral Studies RES-850 Using MaxQ.docx
College of Doctoral Studies RES-850 Using MaxQ.docx
hallettfaustina
 
Knime social media_white_paper
Knime social media_white_paperKnime social media_white_paper
Knime social media_white_paper
Firas Husseini
 
Tcs master apps_02_15
Tcs master apps_02_15Tcs master apps_02_15
Tcs master apps_02_15
Judy LaMont
 
list script and flowchart
list script and flowchartlist script and flowchart
list script and flowchart
pavishkumarsingh
 
LinkedTV Deliverable 3.8 - Design guideline document for concept-based presen...
LinkedTV Deliverable 3.8 - Design guideline document for concept-based presen...LinkedTV Deliverable 3.8 - Design guideline document for concept-based presen...
LinkedTV Deliverable 3.8 - Design guideline document for concept-based presen...
LinkedTV
 
Aol News Review Oct2008
Aol News Review Oct2008Aol News Review Oct2008
Aol News Review Oct2008Mrinal Sharma
 
There's an App for That
There's an App for ThatThere's an App for That
There's an App for That
LeAnn
 
Using Online Tools to Engage and Be Engaged
Using Online Tools to Engage and Be EngagedUsing Online Tools to Engage and Be Engaged
Using Online Tools to Engage and Be Engaged
Bill Warters
 
Digital Innovations November'17
Digital Innovations November'17Digital Innovations November'17
Digital Innovations November'17
Schbang
 
Trello Handout
Trello HandoutTrello Handout
Trello Handout
Dana Al Rifai
 
Android L Notifications
Android L NotificationsAndroid L Notifications
Android L Notifications
Ketan Raval
 
WCIT Meshwork User Guide v1.0
WCIT Meshwork User Guide v1.0WCIT Meshwork User Guide v1.0
WCIT Meshwork User Guide v1.0
Gaiasoft
 
Santral - Systematization of Real Estate Ads
Santral - Systematization of Real Estate AdsSantral - Systematization of Real Estate Ads
Santral - Systematization of Real Estate Ads
Edanur Sandalcı
 
2. TYPES OF BRANDS
2. TYPES OF BRANDS2. TYPES OF BRANDS
2. TYPES OF BRANDS
Mohammad Ghazizadeh
 
Caux meshwork user guide v1.0
Caux meshwork user guide v1.0Caux meshwork user guide v1.0
Caux meshwork user guide v1.0
Gaiasoft
 
Widget 101
Widget 101Widget 101
Widget 101
rsklarew
 

Similar to UX: Disney Add It Up Focus (20)

PMM Teardown Tuesday #2 - 2/7/17 - Slack Enterprise Grid announcement
PMM Teardown Tuesday #2 -  2/7/17 - Slack Enterprise Grid announcementPMM Teardown Tuesday #2 -  2/7/17 - Slack Enterprise Grid announcement
PMM Teardown Tuesday #2 - 2/7/17 - Slack Enterprise Grid announcement
 
Alive with activity
Alive with activityAlive with activity
Alive with activity
 
Wireframes app i_phone_ios7_example
Wireframes app i_phone_ios7_exampleWireframes app i_phone_ios7_example
Wireframes app i_phone_ios7_example
 
College of Doctoral Studies RES-850 Using MaxQ.docx
                College of Doctoral Studies RES-850 Using MaxQ.docx                College of Doctoral Studies RES-850 Using MaxQ.docx
College of Doctoral Studies RES-850 Using MaxQ.docx
 
Knime social media_white_paper
Knime social media_white_paperKnime social media_white_paper
Knime social media_white_paper
 
Tcs master apps_02_15
Tcs master apps_02_15Tcs master apps_02_15
Tcs master apps_02_15
 
list script and flowchart
list script and flowchartlist script and flowchart
list script and flowchart
 
LinkedTV Deliverable 3.8 - Design guideline document for concept-based presen...
LinkedTV Deliverable 3.8 - Design guideline document for concept-based presen...LinkedTV Deliverable 3.8 - Design guideline document for concept-based presen...
LinkedTV Deliverable 3.8 - Design guideline document for concept-based presen...
 
Aol News Review Oct2008
Aol News Review Oct2008Aol News Review Oct2008
Aol News Review Oct2008
 
There's an App for That
There's an App for ThatThere's an App for That
There's an App for That
 
Using Online Tools to Engage and Be Engaged
Using Online Tools to Engage and Be EngagedUsing Online Tools to Engage and Be Engaged
Using Online Tools to Engage and Be Engaged
 
Digital Innovations November'17
Digital Innovations November'17Digital Innovations November'17
Digital Innovations November'17
 
Trello Handout
Trello HandoutTrello Handout
Trello Handout
 
Android L Notifications
Android L NotificationsAndroid L Notifications
Android L Notifications
 
WCIT Meshwork User Guide v1.0
WCIT Meshwork User Guide v1.0WCIT Meshwork User Guide v1.0
WCIT Meshwork User Guide v1.0
 
Santral - Systematization of Real Estate Ads
Santral - Systematization of Real Estate AdsSantral - Systematization of Real Estate Ads
Santral - Systematization of Real Estate Ads
 
2. TYPES OF BRANDS
2. TYPES OF BRANDS2. TYPES OF BRANDS
2. TYPES OF BRANDS
 
Vivahiba concept
Vivahiba conceptVivahiba concept
Vivahiba concept
 
Caux meshwork user guide v1.0
Caux meshwork user guide v1.0Caux meshwork user guide v1.0
Caux meshwork user guide v1.0
 
Widget 101
Widget 101Widget 101
Widget 101
 

More from Darren Lou

UX: Oscars Information Architecture Survey Results
UX: Oscars Information Architecture Survey ResultsUX: Oscars Information Architecture Survey Results
UX: Oscars Information Architecture Survey Results
Darren Lou
 
UX: Oscars Master Sitemap
UX: Oscars Master SitemapUX: Oscars Master Sitemap
UX: Oscars Master Sitemap
Darren Lou
 
UX: Bolthouse Farms Website CMS
UX: Bolthouse Farms Website CMSUX: Bolthouse Farms Website CMS
UX: Bolthouse Farms Website CMS
Darren Lou
 
UX: Bolthouse Farms Website
UX: Bolthouse Farms WebsiteUX: Bolthouse Farms Website
UX: Bolthouse Farms Website
Darren Lou
 
UX: USA Network Playing House Website
UX: USA Network Playing House WebsiteUX: USA Network Playing House Website
UX: USA Network Playing House Website
Darren Lou
 
UX: South Park Carousel
UX: South Park CarouselUX: South Park Carousel
UX: South Park Carousel
Darren Lou
 
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
Darren Lou
 
UX: True Detective Website - Part 1
UX: True Detective Website - Part 1UX: True Detective Website - Part 1
UX: True Detective Website - Part 1
Darren Lou
 
UX: Need for Speed Social Game
UX: Need for Speed Social GameUX: Need for Speed Social Game
UX: Need for Speed Social Game
Darren Lou
 
UX: Hustler Casino Website
UX: Hustler Casino WebsiteUX: Hustler Casino Website
UX: Hustler Casino Website
Darren Lou
 
UX: Fox International Web Portal - Part1
UX: Fox International Web Portal - Part1UX: Fox International Web Portal - Part1
UX: Fox International Web Portal - Part1
Darren Lou
 
UX: Fox International Wireframes (Responsive)
UX: Fox International Wireframes (Responsive)UX: Fox International Wireframes (Responsive)
UX: Fox International Wireframes (Responsive)
Darren Lou
 
UX: Fox International Digital HD
UX: Fox International Digital HDUX: Fox International Digital HD
UX: Fox International Digital HD
Darren Lou
 
UX: Hyundai Drive Web
UX: Hyundai Drive WebUX: Hyundai Drive Web
UX: Hyundai Drive Web
Darren Lou
 
UX: Universal UHD Platform
UX: Universal UHD PlatformUX: Universal UHD Platform
UX: Universal UHD Platform
Darren Lou
 
UX: Ink & Main App
UX: Ink & Main AppUX: Ink & Main App
UX: Ink & Main App
Darren Lou
 
UX: Book of Mormon Website Redesign
UX: Book of Mormon Website RedesignUX: Book of Mormon Website Redesign
UX: Book of Mormon Website Redesign
Darren Lou
 
UX: BLT Communications Folder Architecture
UX: BLT Communications Folder ArchitectureUX: BLT Communications Folder Architecture
UX: BLT Communications Folder Architecture
Darren Lou
 
UX: Sleep Donation Website
UX: Sleep Donation WebsiteUX: Sleep Donation Website
UX: Sleep Donation Website
Darren Lou
 
UX: A Most Violent Year Website
UX: A Most Violent Year WebsiteUX: A Most Violent Year Website
UX: A Most Violent Year Website
Darren Lou
 

More from 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: Need for Speed Social Game
UX: Need for Speed Social GameUX: Need for Speed Social Game
UX: Need for Speed Social Game
 
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: 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
 

Recently uploaded

Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
ResDraft
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
9a93xvy
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
madhavlakhanpal29
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
PlanitIsrael
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
garcese
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 
7 Alternatives to Bullet Points in PowerPoint
7 Alternatives to Bullet Points in PowerPoint7 Alternatives to Bullet Points in PowerPoint
7 Alternatives to Bullet Points in PowerPoint
Alvis Oh
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
Mansi Shah
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 

Recently uploaded (20)

Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
7 Alternatives to Bullet Points in PowerPoint
7 Alternatives to Bullet Points in PowerPoint7 Alternatives to Bullet Points in PowerPoint
7 Alternatives to Bullet Points in PowerPoint
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 

UX: Disney Add It Up Focus

  • 1. DISNEY ADD IT UP 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. ENHANCED FOCUS 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 v6Last modified on Mon Jul 21 2014 by Darren Lou HOMEPAGE 1 of 3 HOMEPAGE 2 of 3 HOMEPAGE 3 of 3 EDITORIAL CATEGORY MENU TOOLS MENU ETICKET OVERLAY EDITORIAL SECTION 1 of 2 EDITORIAL SECTION 2 of 2 STORY DETAIL PAGE 1 of 3 STORY DETAIL PAGE 2 of 3 STORY DETAIL PAGE 3 of 3 SEGMENTED STORY DETAIL PAGE 1 of 3 SEGMENTED STORY DETAIL PAGE 2 of 3 SEGMENTED STORY DETAIL PAGE 3 of 3 TOOLS PAGE CONTACTS ARCHIVE MOBILE: HOMEPAGE MOBILE: EDITORIAL MENU MOBILE: TOOLS MENU MOBILE: EDITORIAL CONTENT MOBILE: DETAIL PAGE MOBILE: SEGMENTED DETAIL PAGE MOBILE: TOOLS PAGE MOBILE: CONTACTS MOBILE: ARCHIVE
  • 2. HOMEPAGE 1 of 3 DISNEY ADD IT UP 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. ENHANCED FOCUS FOCUS LOGO Clicking the logo will take the user to the homepage 1 EDITORIAL MENU Mouseover to show the drop down menu containing the different editorial categories 2 TOOLS MENU Mouseover to show the drop down menu containing the different tools 3 2 3 4 5 6 7 8 1 9b 10 11 9a REDEEM E-TICKET Clicking this link will show the E-Ticket Pop-up prompting the user to enter the code on their ticket 4 FAQ Clicking this will link the user to the FAQ page 5 ARCHIVE Clicking this will link the user to the Archive page 6 CONTACT Clicking this will link the user to the Contact page 7 BANNER NOTIFICATION / ALERT Banner will animate in once the page has loaded and will inform the user of any urgent news or action items. Clicking the ‘X’ will dismiss the banner. Clicking the call -to-action (CTA) button will take the user to appropriate page with more information regarding the notification/alert 8 MARQUEE LINK/BUTTON All marquee images/featured messages will have a clickable link/button associated with them. When clicked, these will take the user to pages with more information regarding the featured message/marquee image 9a MARQUEE SLIDER The marquee area will be set to rotate through marquee images/featured messages on a timer. The user may also click through them using the left/right arrows 9b FLEXIBLE MESSAGING AREAS (FMAs) Below the marquee area, there will be 4 flexible messaging slots. These can be used to call attention to campaigns, tools, or other important message items. Clicking one of the FMAs will take the user to a page with more information 10 CONTINUE TO NEXT PAGE...11
  • 3. HOMEPAGE 2 of 3 DISNEY ADD IT UP 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. ENHANCED FOCUS FLEXIBLE MESSAGING SLOTS There will be 4 slots available for campaign touts and messaging. When a messaging slot gets clicked, it may link to a specified page URL. 1 ‘ALL’ FILTER When selected, this will show all the latest stories from newest to oldest 2a ‘CATEGORY’ FILTER When selected, this will show the latest stories tagged under the selected category from newest to oldest 2b 1 2a 2b 3 CONTENT TILE Clicking on a content tile will open the detail page for that story 3 2c ‘MORE’ DROP DOWN LIST The user may click the ‘MORE’ drop down button to filter by a media type or topic 2c
  • 4. HOMEPAGE 3 of 3 DISNEY ADD IT UP 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. ENHANCED FOCUS INFINITE SCROLLING Content tiles will load in as the user scrolls down the page 1 1
  • 5. EDITORIAL CATEGORY MENU DISNEY ADD IT UP 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. ENHANCED FOCUS MENU Click the ‘MENU’ link to expand/collapse the drop down menu 1 EDITORIAL CATEGORIES While the MENU drop down is expanded, the user may rollover an EDITORIAL CATEGORY to show a preview of the 3 latest articles tagged under that category 2 STORY PREVIEWS The three latest content items under the selected category will be displayed here (the most recent story will be on the left side of the drop down menu). Clicking on a STORY PREVIEW item will take the user to the detail page of the corresponding story 3 1 2 3 4 SEE ALL NEWS Clicking the ‘SEE ALL NEWS’ tile will take the user to the landing page for the selected editorial section 4
  • 6. TOOLS MENU DISNEY ADD IT UP 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. ENHANCED FOCUS TOOLS MENU Click the ‘TOOLS’ link to expand/collapse the drop down menu of tools 1 TOOL ICONS Rolling over a tool icon will show a tool tip with a description of the tool. The tool tip will also contain a clickable link that will take the user to the appropriate destination to use the tool. Clicking on the icon itself will perform the same action. 2 1 2 3 SEE ALL TOOLS The last item in the drop down menu will be a ‘See All Tools’ icon. Clicking this will take the user to the Tools Page where all tools will be listed with descriptions and URLs. 3
  • 7. ETICKET OVERLAY DISNEY ADD IT UP 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. ENHANCED FOCUS E-TICKET CODE ENTRY FIELD User will be prompted to enter the code on their E-Ticket in a field to check whether they have won a prize or not 1 1 TERMS & CONDITIONS 2 TERMS & CONDITIONS Clicking the ‘Terms & Conditions’ link will open a new tab with the Terms & Conditions page for E-Ticket redemption 2
  • 8. EDITORIAL SECTION 1 of 2 DISNEY ADD IT UP 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. ENHANCED FOCUS FEATURED STORY A featured story will occupy the marquee area on EDITORIAL SECTION pages. A Featured story will be determined by the site admin. Clicking the image or the ‘Read More’ link will take the user to the story detail page. 1 1
  • 9. EDITORIAL SECTION 2 of 2 DISNEY ADD IT UP 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. ENHANCED FOCUS CATEGORY CONTENT TILE These are stories/content that are tagged under this editorial category 1 1 INFINITE SCROLLING Content tiles tagged under this editorial will load in as the user scrolls down the page 2 2
  • 10. STORY DETAIL PAGE 1 of 3 DISNEY ADD IT UP 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. ENHANCED FOCUS INFOGRAPHIC IMAGE Users may click the infographic image to open the full size image in new browser tab 1 1 2 IMAGE CAPTION Infographics can have optional captions 2 3 CONTINUE TO NEXT PAGE...3
  • 11. STORY DETAIL PAGE 2 of 3 DISNEY ADD IT UP 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. ENHANCED FOCUS RELATED STORIES At the end of the article, there will be a section displaying related articles. This section will have infinite scroll functionality as well. 1 1
  • 12. STORY DETAIL PAGE 3 of 3 DISNEY ADD IT UP 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. ENHANCED FOCUS INFINITE SCROLLING Related content tiles will load in as the user scrolls down the page 1 1
  • 13. SEGMENTED STORY DETAIL PAGE 1 of 3 DISNEY ADD IT UP 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. ENHANCED FOCUS SEGMENTED CONTENT LINK/BUTTON In articles with segmented content, there will be a link/button that allows the user to get more tailored information regarding the topic of the article. Clicking the link will expand a section prompting the user to enter some information about him/her self (see next page) 1 1
  • 14. SEGMENTED STORY DETAIL PAGE 2 of 3 DISNEY ADD IT UP 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. ENHANCED FOCUS SEGMENT QUESTIONS After clicking the segmented content link/button, the user will be prompted to answer some questions in order to receive more tailored content 1 1
  • 15. SEGMENTED STORY DETAIL PAGE 3 of 3 DISNEY ADD IT UP 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. ENHANCED FOCUS SEGMENT SPECIFIC CONTENT Once the user has answered the required questions, the relevant content for that user’s segment will be displayed in the page. This content may include any combination of text, images, or videos. 1 1
  • 16. TOOLS PAGE DISNEY ADD IT UP 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. ENHANCED FOCUS
  • 17. CONTACTS DISNEY ADD IT UP 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. ENHANCED FOCUS
  • 18. ARCHIVE DISNEY ADD IT UP 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. ENHANCED FOCUS MONTH SELECTOR DROPDOWN MENU The user will be able to jump to a specific archived month by clicking the ‘Month Selector’ drop down menu and selecting the month they wish to view. 1 1 2 MONTH HEADING As the user scrolls past each Month Heading, the month selector will update to the month that the user is in 2
  • 19. MOBILE: HOMEPAGE DISNEY ADD IT UP 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. ENHANCED FOCUS loremipsumdolor.com 2 4 3 LATEST STORIES FILTER OPTIONS Displays most recent stories. User may filter the content by an editorial category by tapping the drop down arrow on the right and selecting the editorial category they wish to filter by from that menu 4 NEWS BANNER Displays important information regarding upcoming enrollment deadlines, time sensitive news articles, and other helpful tools. Tapping anywhere on this banner will link the user to a page where they may take action 2 MESSAGING CAROUSEL Rotating image carousel that displays featured messaging items. Tapping on the image or the link will take the user to a predetermined page 3 1 HAMBURGER MENU BUTTON Tap the ‘Hamburger Menu’ button to show the mobile navigation menu 1 All All EDITORIAL CATEGORY 1 EDITORIAL CATEGORY 2 EDITORIAL CATEGORY 3 EDITORIAL CATEGORY 4 EDITORIAL CATEGORY 5 TOPIC 1 TOPIC 2 TOPIC 3 MEDIA TYPE 1 MEDIA TYPE 2 MEDIA TYPE 3
  • 20. EDITORIAL MOBILE: EDITORIAL MENU DISNEY ADD IT UP 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. ENHANCED FOCUS loremipsumdolor.com EDITORIAL CATEGORY ITEM When the Menu Toggle is toggled to show the Editorial Menu, the Editorial Category items will be listed. Tapping an item will take the user to the selected editorial section 3 REDEEM E-TICKET User may tap the ‘Redeem Ticket’ button to open a new tab with the mobile version of the ticket redemption experience 1 MENU TOGGLE The user will be able to toggle between the Editorial Menu and the Tools Menu while the menu drawer is open 2 1 2 3 5 MENU DRAWER FOOTER LINKS The menu drawer will have persistent footer links: FAQ, Archive, and Contact 4 4 CLOSE MENU DRAWER The user may close the menu drawer by tapping the X in the top right corner 5
  • 21. TOOLS MOBILE: TOOLS MENU DISNEY ADD IT UP 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. ENHANCED FOCUS loremipsumdolor.com 1 TOOL ICON When the Menu Toggle is toggled to show the Tools Menu, the Editorial Category items will be listed. Tapping an item will take the user to the selected editorial section 1 MENU DRAWER FOOTER LINKS The menu drawer will have persistent footer links: FAQ, Archive, and Contact 3 2 SEE ALL TOOLS 2 SEE ALL TOOLS Tap the ‘See All Tools’ icon to go to the Tools page (p. 25) 2 3
  • 22. 1 MOBILE: EDITORIAL CONTENT DISNEY ADD IT UP 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. ENHANCED FOCUS loremipsumdolor.com
  • 23. MOBILE: DETAIL PAGE DISNEY ADD IT UP 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. ENHANCED FOCUS loremipsumdolor.com
  • 24. loremipsumdolor.comloremipsumdolor.com loremipsumdolor.com loremipsumdolor.com MOBILE: SEGMENTED DETAIL PAGE DISNEY ADD IT UP 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. ENHANCED FOCUS
  • 25. MOBILE: TOOLS PAGE DISNEY ADD IT UP 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. ENHANCED FOCUS loremipsumdolor.com
  • 26. MOBILE: CONTACTS DISNEY ADD IT UP 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. ENHANCED FOCUS loremipsumdolor.com
  • 27. loremipsumdolor.com MOBILE: ARCHIVE DISNEY ADD IT UP 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. ENHANCED FOCUS loremipsumdolor.com
  • 28. MOBILE: ARCHIVE DATE SELECTOR DISNEY ADD IT UP 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. ENHANCED FOCUS loremipsumdolor.com
  • 29. MOBILE: SEGMENTED DETAIL PAGE 2 of 3 DISNEY ADD IT UP 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. ENHANCED FOCUS loremipsumdolor.com
  • 30. MOBILE: SEGMENTED DETAIL PAGE 3 of 3 DISNEY ADD IT UP 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. ENHANCED FOCUS loremipsumdolor.com