Customer Experience

Customer Experience Documentation

P0063434 Online Newsroom
Please note nal copy and design will be detailed in the nal copy deck and visual design document.
Note: This document is best printed at 11x17 or viewed on screen.

Date: Mon Aug 20 2012

Version: 1.7

Table of Contents

Related CX Standards High - Level Sitemap 1.0.0 About Us 1.2.0 Online Newsroom 1.2.0 Masthead Options 1.2.1 Media Contacts 1.2.1.1 Media Contacts by Region 1.2.1.2 Media Contacts by Line of Business 1.2.2 Subscribe to News Releases Change Log

3
4 5 6 7-9 10 11-12 13 14 15

Please note: All copy, colors, and images used in this document are for placement purposes only. Refer to the Copy Deck for actual content and to relevant CX Standards & Guidelines for style specifications.

Customer Experience Mobile Documentation

PROJECT SCREEN

PR0014974 Real-Time Actionable Alerts (STAMP P0061092) P0063434 Online Newsroom Table of Contents

AUTHOR FILE NAME

Teresa Kendra Rench Shillington OnlineNewsroom_v1.7_2.graffle

DATE VERSION

Mon Aug 20 2012 1.0 V 1.7

Related CX Standards & Guidelines

RELATED CX STANDARDS & GUIDELINES

The visual representations in this document should be considered for placement purposes only and to provide a reference for requirements. Images, icons, colors, and fonts may not accurately represent Wells Fargo brand standards. These standards must be followed in development of the features represented here. We have attempted to include links to all standards that are relevant to this project, but links to all available standards can be found on the CX Wiki (https://isgwiki.wellsfargo.com/display/CERD/Standards+and +Guidelines).

GLOBAL MESSAGING STANDARDS Use this standard for all page-level and inline messaging as well as form validation errors and alerts. https://isgwiki.wellsfargo.com/display/CERD/Final+Version+Messaging+Deck+and+Text AUTHENTICATED SESSION STANDARDS The Authenticated Session Standards and Guidelines govern the user experience for the Online Banking Secure Session. http://isg-neo.wellsfargo.com/AuthenticatedSessionStandards/ ACCESSIBILITY STANDARDS These guidelines outline practices relevant to making Wells Fargo websites accessible to people with disabilities. http://webgov.homestead.wellsfargo.com/standards_guidelines/jump_pages/web_accessibility.html MOBILE STANDARDS The Mobile Standards and Guidelines cover Online Enrollment, Mobile Browser, Text Banking, and Mobile Applications. https://isgwiki.wellsfargo.com/display/CERD/CX+Mobile+Standards SMS TEXT MESSAGING STANDARDS Standards and Guidelines to ensure that mobile communications from Wells Fargo reect writing with C-A-R-E (Consistent, Approachable, Respectful, Empathetic). http://cfc.homestead.wellsfargo.com/getstarted/sms/cfc_sms.htm CHILD BROWSER WINDOW STANDARDS Outlines requirements for appropriate use of child browser windows for online and mobile content and advertisements. http://webgov.homestead.wellsfargo.com/standards_guidelines/jump_pages/child_browser.html

Please note: All copy, colors, and images used in this document are for placement purposes only. Refer to the Copy Deck for actual content and to relevant CX Standards & Guidelines for style specifications.

Customer Experience Mobile Documentation

PROJECT SCREEN

PR0014974 Real-Time Actionable Alerts (STAMP P0061092) P0063434 Online Newsroom Related CX Standards & Guidelines

AUTHOR FILE NAME

Teresa Kendra Rench Shillington OnlineNewsroom_v1.7_2.graffle

DATE VERSION

Mon Aug 20 2012 1.0 V 1.7

High - Level Sitemap

Wells Fargo Home Page

0.0.0

About Us
1.1.0

News Releases
2.1.0

Help
3.1.0

Investor Relations
4.1.0

WF Podcasts
5.1.0

WF Blogs and Social Media

6.1.0

WF Facebook
S1.0.0

New location TBD for fall of 2012 Individual news releases

2012

RSS How To
3.1.1

Vision and Values

4.1.1

WF Twitter
S2.0.0

1.2.0 NEW PAGE: www.wellsfargo.c om/about/ newsroom

2011

2010

Wells Fargo In the Community

1.3.0

Corporate
1.4.0

Media Information
1.5.0

Newsroom
1.2.0

APPROVED URL 2009

Presentations
4.1.2

WF YouuTube
S3.0.0

2008 Corporate Social Responsibility Report

1.3.1

Executive Officers
1.4.1

Media Contacts
1.5.1

Media Contacts
1.2.1

Subscribe to News Releases

1.2.2

1.2.1 NEW PAGE: www.wellsfargo.c om/about/ newsroom/ Media Contacts contacts

1.2.2 NEW PAGE: https:// www.wellsfargo.c om/rss/news

1998

Individual news releases currently archived to 1998.

APPROVED URL

by Region
1.2.1.1

Media Contacts by Line of Business

1.2.1.2

1.2.1.1 NEW PAGE: www.wellsfargo.c om/about/ newsroom/ contacts/region

1.2.1.2 NEW PAGE: www.wellsfargo.c om/about/ newsroom/ contacts/division *Requires input from LOBs

Key
Pages within WF.com Pages linked to from Online Newsroom New Pages Social Pages outside of WF.com Pages being eliminated from the directory decision activities outside system Heavy border indicates elements added or changed for this project.

URLs
1.1.0 1.2.0 1.2.1 https://www.wellsfargo.com/about https://www.wellsfargo.com/about/onlinenewsroom https://www.wellsfargo.com/about/onlinenewsroom/contacts 3.1.0 3.1.1 4.1.0 4.1.1 4.1.2 1.3.0 1.3.1 1.4.0 1.4.1 1.5.0 1.5.1 https://www.wellsfargo.com/about/csr https://www.wellsfargo.com/about/csr/reports https://www.wellsfargo.com/about/corporate https://www.wellsfargo.com/about/corporate/executive_officers/ https://www.wellsfargo.com/about/media_info https://www.wellsfargo.com/about/media_info/media_contacts/ 5.1.0 6.1.0 https://www.wellsfargo.com/podcast/ http://blog.wellsfargo.com/ https://www.wellsfargo.com/help https://www.wellsfargo.com/help/rss/ 2.1.0 https://www.wellsfargo.com/press/ S.1.0 S.2.0 S.3.0 https://www.facebook.com/wellsfargo http://twitter.com/wellsfargo http://www.youtube.com/user/wellsfargo

1.2.1.1 https://www.wellsfargo.com/about/onlinenewsroom/contacts/region 1.2.1.2 https://www.wellsfargo.com/about/onlinenewsroom/contacts/division 1.2.2 https://www.wellsfargo.com/rss/news

https://www.wellsfargo.com/invest_relations https://www.wellsfargo.com/invest_relations/vision_values https://www.wellsfargo.com/invest_relations/presents

Please note: All copy, colors, and images used in this document are for placement purposes only. Refer to the Copy Deck for actual content and to relevant CX Standards & Guidelines for style specifications.

Customer Experience Mobile Documentation

PROJECT SCREEN

PR0014974 Real-Time Actionable Alerts (STAMP P0061092) P0063434 Online Newsroom High - Level Sitemap

AUTHOR FILE NAME

Teresa Kendra Rench Shillington OnlineNewsroom_v1.7_2.graffle

DATE VERSION

Mon Aug 20 2012 1.0 V 1.7

1.0.0 About Us

Newsroom

C D E F

A B C D E F

Link to 1.2.0* Newsroom Link to individual press release Link to 2.1.0 New Releases Link to 1.2.1* Media Contacts Link to 1.2.2* Subscribe to News Releases Link to 5.1.0 Wells Fargo Blogs and Social Media

* = NEW PAGE

Please note: All copy, colors, and images used in this document are for placement purposes only. Refer to the Copy Deck for actual content and to relevant CX Standards & Guidelines for style specifications.

Customer Experience Mobile Documentation

PROJECT SCREEN

PR0014974 Real-Time Actionable Alerts (STAMP P0061092) P0063434 Online Newsroom 1.0.0 About Us

AUTHOR FILE NAME

Teresa Kendra Rench Shillington OnlineNewsroom_v1.7_2.graffle

DATE VERSION

Mon Aug 20 2012 1.0 V 1.7

1.2.0 Online Newsroom

MASTHEAD OPTION 1:

Online Newsroom

A Mast Head with content area for mission statement (options see page 7-11)
A

B
B1

H I C
B2

CX recommends that the text are in the masthead be hard coded and not an image to allow for optimal accessibility screen reader capabilities B Breaking news Content determined by Business B1 Headline: Max Character Limit = 140 B2 CTA = Read More C Feed of 5 most recent news releases C1 Max Character Limit = 75 Link to individual news release C2 Link to existing news release page 2.1.0 D Links to WF Social Media (S1.0.0, S2.0.0, S3.0.0) E RSS feed of press releases- link to 1.2.2* Subscribe to News Releases F Link to 3.1.1 G Sharing widget utilizes the "Share This" API H Link to 4.1.1 Investor Relations I Link to 1.3.1 Corporate Social Responsibility Report J Link to 1.4.1 Executive Officers K Link to 4.1.2 Presentations L Link to x.x.x M Link to x.x.x N Content area will provide a teaser for the Contact Us page. Link to 1.2.1* Media Contacts O Secondary banner area. Link to 6.1.0 Wells Fargo Blogs and Social Media * = NEW PAGE
P K
L M
P1

C1

P Breaking news Content determined by business, option if no "breaking news is available

Max Character Limit = 140 P1 CTA = Learn More
O

C2

Rules - When characters exceed Max Character Limit, break and insert (...).
e.g. Wells Fargo brings the Neighborhood LIFT program to Jacksonville to help - News Releases are always sorted chronologically with the most recent date at the top.

E F

Please note: All copy, colors, and images used in this document are for placement purposes only. Refer to the Copy Deck for actual content and to relevant CX Standards & Guidelines for style specifications.

Customer Experience Mobile Documentation

PROJECT SCREEN

PR0014974 Real-Time Actionable Alerts (STAMP P0061092) P0063434 Online Newsroom 1.2.0 Online Newsroom

AUTHOR FILE NAME

Teresa Kendra Rench Shillington OnlineNewsroom_v1.7_2.graffle

DATE VERSION

Mon Aug 20 2012 1.0 V 1.7

1.2.0 Online Newsroom 2

MASTHEAD OPTION 2: MASTHEAD OPTION 3:

Please note: All copy, colors, and images used in this document are for placement purposes only. Refer to the Copy Deck for actual content and to relevant CX Standards & Guidelines for style specifications.

Customer Experience Mobile Documentation

PROJECT SCREEN

PR0014974 Real-Time Actionable Alerts (STAMP P0061092) P0063434 Online Newsroom 1.2.0 Online Newsroom 2

AUTHOR FILE NAME

Teresa Kendra Rench Shillington OnlineNewsroom_v1.7_2.graffle

DATE VERSION

Mon Aug 20 2012 1.0 V 1.7

1.2.0 Online Newsroom 3

MASTHEAD OPTION 4: MASTHEAD OPTION 5:

Please note: All copy, colors, and images used in this document are for placement purposes only. Refer to the Copy Deck for actual content and to relevant CX Standards & Guidelines for style specifications.

Customer Experience Mobile Documentation

PROJECT SCREEN

PR0014974 Real-Time Actionable Alerts (STAMP P0061092) P0063434 Online Newsroom 1.2.0 Online Newsroom 3

AUTHOR FILE NAME

Teresa Kendra Rench Shillington OnlineNewsroom_v1.7_2.graffle

DATE VERSION

Mon Aug 20 2012 1.0 V 1.7

1.2.0 Online Newsroom 4

MASTHEAD OPTION 6: MASTHEAD OPTION 7:

Please note: All copy, colors, and images used in this document are for placement purposes only. Refer to the Copy Deck for actual content and to relevant CX Standards & Guidelines for style specifications.

Customer Experience Mobile Documentation

PROJECT SCREEN

PR0014974 Real-Time Actionable Alerts (STAMP P0061092) P0063434 Online Newsroom 1.2.0 Online Newsroom 4

AUTHOR FILE NAME

Teresa Kendra Rench Shillington OnlineNewsroom_v1.7_2.graffle

DATE VERSION

Mon Aug 20 2012 1.0 V 1.7

1.2.1 Media Contacts

10

Media Contacts

A B C D

B D E

Introductory copy Optional left rail Promo Tile Media Contacts by Region Badge Image and "Search by Region" link to 1.2.1.1 Media Contacts by Region Media Contacts by Line of Business Badge Image and "Search by Line of Business" link to 1.2.1.2 Media Contacts by Line of Business Link to current Customer Service page

F) OPTION- RIGHT RAIL INFORMATION BOXES:

As an option, links to Wells Fargo Blogs (6.1.0) and an email link to environmentalaffairs@wellsfargo.com can occupy the right rail.

B) OPTION- RELATED INFORMATION PROMO TILE:

As an option, links to 1.4.1 Executive Ofcers and 4.1.2 Presentations and an ad for Wells Fargo Blogs (6.1.0) can occupy the left rail.

Please note: All copy, colors, and images used in this document are for placement purposes only. Refer to the Copy Deck for actual content and to relevant CX Standards & Guidelines for style specifications.

Customer Experience Mobile Documentation

PROJECT SCREEN

PR0014974 Real-Time Actionable Alerts (STAMP P0061092) P0063434 Online Newsroom 1.2.1 Media Contacts

AUTHOR FILE NAME

Teresa Kendra Rench Shillington OnlineNewsroom_v1.7_2.graffle

DATE VERSION

Mon Aug 20 2012 1.0 V 1.7

1.2.1.1 Media Contacts by Region

11

Media Contacts by Region

A B C
A

Interactive Map will provide users an opportunity to interact with the map to search for a media contact. Each region will have a hover state. On click, user will be taken to the corresponding region in list view through the use of anchor tags List view (to utilize the three column template) will provide users the option to search in a list format (see page 14-15 for complete section). Hover text- For all hover text please refer to the latest content deck.

1 B 2 D

West Coast
D

10

7 5

Non-Wells Fargo States

4

Hover States by Region

West Coast hover off (default): #72963d hover on (active): #487d00

Southwest hover off (default): #42816e hover on (active): #008464

Carolinas hover off (default): #20558a hover on (active): #0061ca

10 Non-Wells Fargo States

hover off (default): #a9b089 hover on (active): #b4c087

Western Mountain hover off (default): #c0bf30 hover on (active): #adaa00

Southeast hover off (default): #f08a20 hover on (active): #ff9832

Mid Atlantic hover off (default): #698ec9 hover on (active): #4690ff

Mountain Midwest hover off (default): #fbc60e hover on (active): #ffd04d

Florida hover off (default): #f05522 hover on (active): #ff6b43

Northeast hover off (default): #622876 hover on (active): #7f00b3

Please note: All copy, colors, and images used in this document are for placement purposes only. Refer to the Copy Deck for actual content and to relevant CX Standards & Guidelines for style specifications.

Customer Experience Mobile Documentation

PROJECT SCREEN

PR0014974 Real-Time Actionable Alerts (STAMP P0061092) P0063434 Online Newsroom 1.2.1.1 Media Contacts by Region

AUTHOR FILE NAME

Teresa Kendra Rench Shillington OnlineNewsroom_v1.7_2.graffle

DATE VERSION

Mon Aug 20 2012 1.0 V 1.7

1.2.1.1 Media Contacts by Region List View

A

12

Media Contacts by Region

List view of Media Contacts

Please note: All copy, colors, and images used in this document are for placement purposes only. Refer to the Copy Deck for actual content and to relevant CX Standards & Guidelines for style specifications.

Customer Experience Mobile Documentation

PROJECT SCREEN

PR0014974 Real-Time Actionable Alerts (STAMP P0061092) P0063434 Online Newsroom 1.2.1.1 Media Contacts by Region List View

AUTHOR FILE NAME

Teresa Kendra Rench Shillington OnlineNewsroom_v1.7_2.graffle

DATE VERSION

Mon Aug 20 2012 1.0 V 1.7

1.2.1.2 Media Contacts by Line of Business

13

Media Contacts by Line of Business

Show Hide Functionality will display the Category and a description copy Default state is hidden B Show Hide - On click toggle will show media contacts by category

Please note: All copy, colors, and images used in this document are for placement purposes only. Refer to the Copy Deck for actual content and to relevant CX Standards & Guidelines for style specifications.

Customer Experience Mobile Documentation

PROJECT SCREEN

PR0014974 Real-Time Actionable Alerts (STAMP P0061092) P0063434 Online Newsroom 1.2.1.2 Media Contacts by Line of Business

AUTHOR FILE NAME

Teresa Kendra Rench Shillington OnlineNewsroom_v1.7_2.graffle

DATE VERSION

Mon Aug 20 2012 1.0 V 1.7

1.2.2 Subscribe to News Releases

A

14

Subscribe to News Releases

Max Character Limits to come from Business.

Please note: All copy, colors, and images used in this document are for placement purposes only. Refer to the Copy Deck for actual content and to relevant CX Standards & Guidelines for style specifications.

Customer Experience Mobile Documentation

PROJECT SCREEN

PR0014974 Real-Time Actionable Alerts (STAMP P0061092) P0063434 Online Newsroom 1.2.2 Subscribe to News Releases

AUTHOR FILE NAME

Teresa Kendra Rench Shillington OnlineNewsroom_v1.7_2.graffle

DATE VERSION

Mon Aug 20 2012 1.0 V 1.7

Change Log

15

Version 1.0 1.4 1.5 1.6 1.7

Author Kendra Shillington Kendra Shillington Kendra Shillington Kendra Shillington Erik Grubbs

Page Impacted All All All All All Initial Documentation

Change

Date 07/24/2012 07/31/2012 08/06/2012 08/10/2012 08/20/2012

Revised Documentation (for content please refer to the latest content deck) Revised Documentation (updated content and visuals) Revised Documentation (updated content and visuals) Revised Documentation (updated content and visuals)

Please note: All copy, colors, and images used in this document are for placement purposes only. Refer to the Copy Deck for actual content and to relevant CX Standards & Guidelines for style specifications.

Customer Experience Mobile Documentation

PROJECT SCREEN

PR0014974 Real-Time Actionable Alerts (STAMP P0061092) Change Log

AUTHOR FILE NAME

Teresa Kendra Rench Shillington OnlineNewsroom_v1.7_2.graffle

DATE VERSION

Mon Aug 20 2012 1.0 V 1.7