Wireframe Example

Wyeth

PROJECT CODE WYE PRO I00519425

Friday, May 25, 2007
noah.mittman@ogilvy.com

© OgilvyOne 2006, All rights reserved — Confidential Materials

Table of Contents

Page 1: Cover Page 27: 5.0 PROTONIX Success Stories
These wireframes (page schematics) are intended to Page 2: Table of Contents Page 28: 5.x Success Story Template
provide a description of the presentation level and Page 3: Site Map: Protonix.com Redesign
functional needs of the application. Page 29: 6.0 The RENEW Program
Page 4: PROTONIX.com Global Template Page 30: 6.1 Refer a Friend to RENEW
Page 5: PROTONIX.com Footer [Enlarged View] Page 31: 6.1.1 Refer a Friend to RENEW [Confirmation]
This document is not intended to be used in isolation, but in
Page 6: 0.0 Protonix.com Home Page Page 32: 6.1.2 Refer a Friend to RENEW [Recipient Email]
conjunction with any requirements documents, creative
treatments, content matrices and copy decks produced
Page 7: 1.0 About Acid Reflux Page 33: 0.x Utility/Footer Leaf Page Template
during the design process. Page 8: 1.x Leaf Page Template Page 34: 0.3 Glossary
Page 9: 1.2 Nighttime Acid Reflux Page 35: 0.5 Feedback
This document is not a graphical design treatment. Page 10: 1.4 Self Quiz Page 36: 0.5.1 Feedback [Confirmation]
Page layouts are intended to be illustrative only and Page 11: 1.4.1 Self Quiz Results Page Page 37: 0.A Exit/Interstitial (to Wyeth site)
indicate a general layout of required components, Page 12: 1.5 Common Questions About Acid Reflux Page 38: 0.B Exit/Interstitial (to Third-Party site)
approximate position and relative page weight.
Please see Creative Treatments for actual page Page 13: 2.0 About PROTONIX Page 39: Printer-Friendly Template
designs. Page 14: 2.x Leaf Page Template Page 40: Glossary Rollover Treatment
Page 15: 2.1 How PROTONIX Works
Page 16: 2.4 Common Questions About PROTONIX Page 41: A Quick Poll Module
Copy and nomenclature in this document are for
Page 42: A Quick Poll Module [Response]
placement only. Please refer to the Copy Deck for
Page 17: 3.0 Working With Your Doctor Page 43: B Scientific Animation
actual page copy.
Page 18: 3.x Leaf Page Template Page 44: C Did You Know? Module
Page 19: 3.1 Doctor Discussion Guide Page 45: D RENEW Module
This Wireframes document is a living document and may be Page 20: 3.1.1 Doctor Discussion Guide Response Page Page 46: E Success Story Module
iteratively updated through the Design & Build phases via Page 47: G Talk to Your Doctor Module
approved Change Orders. It is, however, important that Page 21: 4.0 Managing Your Condition Page 48: F WebMD Article Module
changes not be driven by changing requirements, but by Page 22: 4.x Leaf Page Template Page 49: H Send to a Friend [Form]
evolving understanding of the interaction between Page 23: 4.1 Diet Page 50: H.1 Send to a Friend [Form] [Confirmation]
components. Page 24: 4.1.2 Recipes Page 51: H.1 Send to a Friend [Recipient Email]
Page 25: 4.4 Resources Page 52: Renew Registration Flow
Page 26: 4.4.x WebMD Article Template

PROJECT TITLE PROJECT NUMBER DELIVERABLE SHEET TITLE SHEET NUMBER LAST EDIT DATE VERSION FILENAME
PROTONIX.com Redesign WYE PRO I00519425 FSD Table of Contents 2 of 52 May 25, 2007 1.0 Wyeth Protonix_FSD_031606_v1.0.vsd 2
© 2006 OgilvyOne. All rights reserved. | This material is proprietary and confidential

Site Map: Protonix.com Redesign

Links to Wyeth Sites RENEW Experience on Protonix.com
RENEW/Rebate
0.0 PROTONIX Home Off-site link to
Renew Renew
Health Care Registration Page
Professionals’ Site

Patient Assistance

www.wyeth.com
Homepage

1.0 About Acid Reflux 2.0 About PROTONIX 3.0 Working With Your 4.0 5.0 PROTONIX 6.0 The RENEW Program
Taking Control Success Stories
Doctor

4.2.1 Exercise
Heartburn and Acid Doctor Discussion
1.1 Reflux Disease
2.1 How PROTONIX Works 3.1 Guide
4.1 Managing Acid Reflux 5.1 Story 1

4.2.2 Stress Reduction
Antacids May Not Be Clinically Proven Doctor Discussion 4.1.1 Managing Acid Reflux
1.1.1 Enough
2.1.1 Relief
3.1.1 Guide Results Page 6.1 Refer a Friend to
RENEW (email form)

4.1.2 Smart Eating 4.1.2 6.1.1 Refer a Friend to
Recipes
RENEW (confirmation)

1.2 Nighttime Acid Reflux 2.2 How PROTONIX Heals 3.2
Questions to Ask Your 4.2 5.2 Story 2
Doctor Helpful Resources Refer a Friend to RENEW
6.1.2 (recipient email)

4.4.1 - WebMD Articles Key
4.4.4Polls 1 - 4site)
(on
Polls 1 - 4
Polls 1 - 4
R Link to off-site Renew Registration Page

1.3 Signs and Symptoms 2.3 Taking PROTONIX 5.3 Story 3
Off-site email with links to
Renew Registration Page
and Protonix.com
2.3.1 Staying the course Exit/Interstitial Jump
0.A Page (to 3rd party links)
On-site Renew info with
“Refer to a Friend”
functionality
Common Questions
1.4 Self Quiz 2.4 Page # - corresponds with
About PROTONIX 1.0 Content Matrix

1.4.1 Self Quiz Results Page
Multiple Pages
Polls 1 - 4
Polls 1 - 4
Polls 1 - 4

Common Questions
1.5 About Acid Reflux
Page on Wyeth Site
Global (utility) Content Global (footer) Navigation
0.1 0.2 0.3 0.4 0.5 0.6 0.7 0.8 0.9
Navigation path Intra-site links
Product Information Contact Us Glossary Health Care Professional’s Site Feedback Site Map U.S. Residency Notice Privacy Policy Terms & Conditions

PROTONIX.com Redesign WYE PRO I00519425 FSD Site Map: Protonix.com Redesign 3 of 52 May 25, 2007 1.0 Wyeth Protonix_FSD_031606_v1.0.vsd 3

PROTONIX.com Global Template
1.1 1.2 1.3 1.4 1.5

Header SPECIFICATIONS
The Global Template is utilized by all pages on the site except for 6.1.1 Refer a
1 (constant) PROTONIX.com Home | Prescribing Information | Contact Us | Glossary Friend to RENEW, 6.1.2 Refer a Friend to RENEW [Confirmation], 0.5 Feedback,
0.5.1 Feedback [Confirmation], H Send to a Friend, H.1 Send to a Friend
Primary [Confirmation], and all printer-friendly pages.
2 Navigation
System

2.1 DESCRIPTION FUNCTIONALITY
VARIABLE: Image

2.2 2.3 2.4 2.5 2.6 2.7
Footer:

MAIN CONTENT DISPLAY
About Acid Reflux About PROTONIX Working With Your Doctor Managing Your Condition PROTONIX Success Stories The RENEW Program
1 Region for global header and utility navigation.
Important Product Information
Read below.
1.1 Graphic: PROTONIX.com logo. Links to 0.0 PROTONIX Home.
Secondary
3 Navigation
1.2 Text: Links to 0.0 PROTONIX Home.
System

3.1 1.3 Text: Opens a pop-up for the Wyeth disclaimer page that allow the download
of the PROTONIX Product Information PDF.

1.4 Text: Links to 0.2 Contact Us.

1.5 Text: Links to 0.3 Glossary.

2 Region for global imagery and primary navigation.

2.1 Conditional Graphic: section imagery for the PROTONIX website.

2.2 Graphic: primary navigation link to 1.0 About Acid Reflux.

2.3 Graphic: primary navigation link to 2.0 About PROTONIX.

2.4 Graphic: primary navigation link to 3.0 Working With Your Doctor.

2.5 Graphic: primary navigation link to 4.0 Managing Your Condition.

2.6 Graphic: primary navigation link to 5.0 PROTONIX Success Stories

2.7 Graphic: primary navigation link to 6.0 The RENEW Program. This navigation
item is visually differentiated from the other five primary navigation items.
Footer Health Care Professionals’ Site | Site Map | Feedback
4 (constant) 3 Region for secondary navigation, page contents and sidebar modules.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum consequat lectus sit amet nibh. Vestibulum pulvinar. Proin dui. Ut ornare ligula vitae arcu. Phasellus vehicula. Aenean turpis. Maecenas aliquam vestibulum turpis.
In auctor eros id nisi. Nunc elit augue, aliquam ut, cursus et, iaculis vel, lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent ut enim quis eros tempus tempor. Pellentesque eu
magna ac turpis tincidunt bibendum. Integer vehicula. Fusce tincidunt. Morbi at odio vel purus commodo semper. Suspendisse porttitor.
3.1 Text: anchor link to the fair balance contained in region 4. Does not incur a
Nulla facilisi. Proin at purus vel felis cursus condimentum. Sed eget purus et orci malesuada gravida. Integer auctor nisi a turpis. Curabitur vitae sem. Integer vulputate augue eget ligula. Curabitur iaculis consequat neque. Proin nec
elit vitae lorem posuere pellentesque. Quisque nunc est, mattis eget, tristique nec, hendrerit non, libero. Praesent aliquet. Quisque quis sapien. Nam ut lacus in turpis gravida tempor.
page reload when clicked.
Please see Important Product Information.
4 Region for global footer. See the PROTONIX.com Footer [Enlarged View]
This site is intended for residents of the United States.
© 2006, Wyeth Pharmaceuticals Inc., Philadelphia, PA 19101. Under license from ALTANA Pharma, D78467, Konstanz, Germany.
page for definitions.

Please read our Privacy Policy and Terms and Conditions.

PROTONIX.com Redesign WYE PRO I00519425 FSD PROTONIX.com Global Template 4 of 52 May 25, 2007 1.0 Wyeth Protonix_FSD_031606_v1.0.vsd 4

PROTONIX.com Footer [Enlarged View]

SPECIFICATIONS
This footer is an enlarged view of the footer content as applied in all instances of the
Global Template.

DESCRIPTION FUNCTIONALITY

Footer:


1 Region for global footer.

1.1 Text: footer navigation link to the PROTONIX HCP website.

1.2 Text: footer navigation link to 0.6 Site Map.

1.3 Text: footer navigation link to 0.5 Feedback. This page is opened in a
daughter window.

1.4 Text: fair balance copy.

1.5 Graphic: Wyeth logo. Links to wyeth.com.
1.1 1.2 1.3
1.6 Text: Opens a pop-up for the Wyeth disclaimer page that allows the
download of the PROTONIX Product Information PDF.

1
(constant) 1.7 Text: links to the U.S. residency notice on wyeth.com.

1.8 Text: links to the website terms & conditions content on wyeth.com.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum consequat lectus sit amet nibh. Vestibulum pulvinar.
Proin dui. Ut ornare ligula vitae arcu. Phasellus vehicula. Aenean turpis. Maecenas aliquam vestibulum turpis. In auctor 1.9 Text: links to the website privacy policy on wyeth.com.

1.4 eros id nisi. Nunc elit augue, aliquam ut, cursus et, iaculis vel, lacus. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Praesent ut enim quis eros tempus tempor.

Nulla facilisi. Proin at purus vel felis cursus condimentum. Sed eget purus et orci malesuada gravida. Integer auctor nisi a
turpis. Curabitur vitae sem. Integer vulputate augue eget ligula. Curabitur iaculis consequat neque. Proin nec elit vitae
lorem posuere pellentesque. Quisque nunc est, mattis eget, tristique nec, hendrerit non, libero.

Please see Important Product Information. 1.6

This site is intended for residents of the United States. 1.7
1.5 © 2006, Wyeth Pharmaceuticals Inc., Philadelphia, PA 19101. Under license from
ALTANA Pharma, D78467, Konstanz, Germany.

Please read our Privacy Policy and Terms and Conditions. 1.8

1.9

PROTONIX.com Redesign WYE PRO I00519425 FSD PROTONIX.com Footer [Enlarged View] 5 of 52 May 25, 2007 1.0 Wyeth Protonix_FSD_031606_v1.0.vsd 5

0.0 Protonix.com Home Page

Header SPECIFICATIONS a unique page on PROTONIX.com and contains the only
The Home Page is
1
(constant) PROTONIX.com For Health Care Professionals Home | Prescribing Information | Contact Us | Glossary application of a link to the HCP site in the global header.

Primary PARENT TEMPLATE: Global Template
Navigation
System

VARIABLE: Image

Footer:

1 Graphic: links to the PROTONIX HCP website.
2 Read below.
2 Text: introductory copy for PROTONIX (benefits, effectiveness, etc.)
Secondary
Navigation 3 Feature tout to lead users to take the Self Quiz.
System {WELCOME} Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed venenatis tortor sit amet
3.1 Text: links to 1.4 Self Quiz.
sem. Quisque sit amet magna. Nullam in ligula. Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Sed venenatis tortor sit amet sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 4 Feature tout to lead users to the RENEW Program.
3
4.1 Text: links to 6.0 The RENEW Program.
3.1
4.2 Text: opens the RENEW Registration page in a daughter window.
{JOIN RENEW} {ASSESS YOUR SYMPTOMS} {SEE HOW PROTONIX WORKS} 5
5 Feature tout to highlight effectiveness of PROTONIX.
Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet,
Lorem ipsum Graphic: still image from the Scientific Animation on how PROTONIX works.
4 consectetuer adipiscing elit. consectetuer adipiscing elit. 5.1
5.1
dolor sit amet,
Sed venenatis tortor sit amet Sed venenatis tortor sit amet consectetuer Text: links to 2.1 How PROTONIX Works.
5.2
sem. Quisque sit amet magna. sem. Quisque sit amet magna. Animation still frame adipiscing elit.
4.1 Nullam in ligula. Learn More > Nullam in ligula. Lorem ipsum Lorem ipsum 6 Feature tout to introduce the Pharmaceutical Assistance Foundation.
dolor sit amet, consectetuer. dolor sit amet,
4.2 Sign up for RENEW > 6.1 Text: links to the Wyeth Pharmaceutical Assistance Foundation website
Take the Self Quiz > Learn more > 5.2 (using the Wyeth exit/interstitial page).

PRESCRIPTION Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed venenatis tortor sit amet sem. Quisque sit amet magna. 6
ASSISTANCE Nullam in ligula. Call to action link >
6.1
Approx. screen fold
(constant)





PROTONIX.com Redesign WYE PRO I00519425 FSD 0.0 Protonix.com Home Page 6 of 52 May 25, 2007 1.0 Wyeth Protonix_FSD_031606_v1.0.vsd 6

1.0 About Acid Reflux

PARENT TEMPLATE: Global Template
(constant) PROTONIX.com Home | Prescribing Information | Contact Us | Glossary

Primary
Navigation
System

VARIABLE: Image

Footer:

1 About Acid Reflux
1 Graphic: About Acid Reflux navigation item shown in a current & selected
Important Product Information 6 state. Its link is disabled.
Read below. ABOUT ACID REFLUX 3 > Printer-Friendly Version
Secondary > Send to a Friend 2 Secondary navigation links reflecting the sub-pages of the current section.
Navigation
2 Heartburn and Acid Reflux
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed 4
System Text: page title.
Disease venenatis tortor sit amet sem. Quisque sit amet magna. Nullam 7 3
Antacids may not be in ligula. Lorem ipsum dolor sit amet, consectetuer adipiscing QUICK POLL Text: copy for the current page.
enough 4
Nighttime Acid Reflux
elit. Sed venenatis tortor sit amet sem. Lorem ipsum dolor sit Lorem ipsum dolor sit
amet, consectetuer adipiscing elit. 5 MODULE: the Acid Reflux Disease scientific animation. See B Scientific
Signs and Symptoms amet, consectetuer 8
adipiscing elit. Animation for module details.
Self Quiz
Common Questions About Call to action link >
6 Graphic: opens a daughter window containing this current page’s contents in
Acid Reflux {ACID REFLUX DISEASE ANIMATION} a printer-friendly format. See Printer-Friendly Template [Daughter Window]
5 for details.
TALK TO YOUR DOCTOR

Lorem ipsum dolor sit 7 Graphic: opens a daughter window to send the URL for this page to a friend.
amet, consectetuer 9 See H Send to a Friend [Form] for details.
adipiscing elit.
Call to action link > 8 MODULE: the Quick Poll sidebar module for the About Acid Reflux page. See
Standby Frame and Controls A Quick Poll Module for details.

9 MODULE: the Talk to Your Doctor sidebar module. See G Talk to Your
Doctor Module for details.

(constant)





PROTONIX.com Redesign WYE PRO I00519425 FSD 1.0 About Acid Reflux 7 of 52 May 25, 2007 1.0 Wyeth Protonix_FSD_031606_v1.0.vsd 7

1.x Leaf Page Template

This leaf page template covers the general rules for content pages within the 1.0
(constant) PROTONIX.com Home | Prescribing Information | Contact Us | Glossary About Acid Reflux section. (1.1 Heartburn and Acid Reflux Disease, 1.1.1 Antacids
May Not Be Enough, 1.3 Signs and Symptoms)
Primary
Navigation
System PARENT TEMPLATE: Global Template

VARIABLE: Image

Footer:

1 About Acid Reflux About PROTONIX Working With Your Doctor Managing Your Condition PROTONIX Success Stories The RENEW Program
1 Graphic: About Acid Reflux navigation item shown in a current state. Its link
5 is enabled.
2 Read below. {LEAF PAGE TITLE} 3 > Printer-Friendly Version
Secondary > Send to a Friend 2 Secondary navigation links reflecting the sub-pages of the current section.
Navigation Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
System 2.1 4 The item for the currently-viewed page is shown in a selected state. Its link is
{Page Title} Vestibulum consequat lectus sit amet nibh. Vestibulum pulvinar. 6 2.1
disabled. The ordering of the secondary navigation is not affected in any way.
{Page Title} Proin dui. Ut ornare ligula vitae arcu. Phasellus vehicula. {MODULE TITLE}
{Page Title} Aenean turpis. Maecenas aliquam vestibulum turpis. In auctor Lorem ipsum dolor sit 3 Text: page title.
{Page Title} eros id nisi. Nunc elit augue, aliquam ut, cursus et, iaculis vel, amet, consectetuer
{Page Title} adipiscing elit. 4 Text: page contents.
lacus. Cum sociis natoque penatibus et magnis dis parturient
{Page Title}
{Page Title}
montes, nascetur ridiculus mus. Call to action link > 4.1 Conditional Graphic: when required by page contents. Images should be
7 inserted between text paragraphs. Text wrapping around images should be
4.1
{MODULE TITLE}
avoided.

CONDITIONAL:Chart/Illustration/etc. Lorem ipsum dolor sit
5 Graphic: opens a daughter window containing the page’s contents in a
amet, consectetuer printer-friendly format. See Printer-Friendly Template [Daughter Window] for
adipiscing elit.
details.
Call to action link >
Nulla facilisi. Proin at purus vel felis cursus condimentum. Sed 6 Graphic: opens a daughter window to send the URL for the page to a friend.
eget purus et orci malesuada gravida. Integer auctor nisi a See H Send to a Friend [Form] for details.
turpis. Curabitur vitae sem. Integer vulputate augue eget ligula.
7 MODULES: the applicable sidebar modules for the page in question. Please
Curabitur iaculis consequat neque. Proin nec elit vitae lorem refer to the Copy Deck for final configurations and contents.
posuere pellentesque.

(constant)





PROTONIX.com Redesign WYE PRO I00519425 FSD 1.x Leaf Page Template 8 of 52 May 25, 2007 1.0 Wyeth Protonix_FSD_031606_v1.0.vsd 8

1.2 Nighttime Acid Reflux

PARENT TEMPLATE: 1.x Leaf Template
(constant) PROTONIX.com Home | Prescribing Information | Contact Us | Glossary

Primary
Navigation
System

VARIABLE: Image

Footer:

1 Text: page title.
Read below. 1 NIGHTTIME ACID REFLUX > Printer-Friendly Version 2 Text: copy for the current page.
Secondary > Send to a Friend
Navigation Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed 2.1 Graphic: supine position illustrations.
System 2
Heartburn and Acid
venenatis tortor sit amet sem. Quisque sit amet magna. Nullam MODULE: the Nighttime Acid Reflux scientific animation. See B Scientific
Reflux Disease 3
Antacids may not be in ligula. Lorem ipsum dolor sit amet, consectetuer adipiscing WEBMD: “CAN’T SLEEP? Animation for module details.
IT COULD BE A
enough elit. DIGESTIVE PROBLEM”
4 MODULE: the WebMD article sidebar module. Links to 4.4.2 WebMD: Can’t
Lorem ipsum dolor sit Sleep….. See F WebMD Article Module for details.
Signs and Symptoms amet, consectetuer 4
2.1
Self Quiz Image adipiscing elit. 5 MODULE: the Talk to Your Doctor sidebar module. See G Talk to Your
Common Questions Call to action link > Doctor Module for details.
About Acid Reflux
Sed venenatis tortor sit amet sem. Lorem ipsum dolor sit amet, TALK TO YOUR DOCTOR
consectetuer adipiscing elit.
Lorem ipsum dolor sit
amet, consectetuer 5
3 adipiscing elit.
{NIGHTTIME ACID REFLUX ANIMATION}
Call to action link >

Standby Frame and Controls

(constant)





PROTONIX.com Redesign WYE PRO I00519425 FSD 1.2 Nighttime Acid Reflux 9 of 52 May 25, 2007 1.0 Wyeth Protonix_FSD_031606_v1.0.vsd 9

Wireframe Example

Recommended

Recommended

More Related Content

Similar to Wireframe Example

Similar to Wireframe Example (12)

Recently uploaded

Recently uploaded (20)

Wireframe Example