UX: Jimmy V Website

77
76
75
74
73
72
71
70
69
68
67
66
65
64
63
62
61
60
59
58
57
56
55
54
53
52
51
50
49
48
47
46
45
44
43
42
41
40
39
38
37
36
35
34
33
32
31
30
29
28
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
2USER FLOW: GET INVOLVED - EVENTS
USER FLOW: SIGNATURE EVENT CREATION
USER FLOW: TEAM EVENT CREATION
USER FLOW: INDIVIDUAL EVENT CREATION
MOBILE
MOBILE / HOMEPAGE
MOBILE / HOMEPAGE CONT'D
MOBILE / GLOBAL NAV MENU + FOOTER
MOBILE / DONATE
MOBILE / DONATE CONT'D
MOBILE / DONATE INFO OVERLAY
MOBILE / ABOUT - LEADERSHIP
MOBILE / ABOUT - LEADERSHIP DETAIL
MOBILE / ABOUT - CAREERS
MOBILE / ABOUT - FINANCIAL REPORTS
MOBILE / ABOUT - CONTACT US
MOBILE / RESEARCH - STUART SCOTT FUND
MOBILE / NEWSROOM LANDING
MOBILE / NEWSROOM - SUB-SECTION LANDING
MOBILE / NEWSROOM - ARTICLE DETAIL TEMPLATE
TABLET
TABLET / HOMEPAGE [1 of 4]
TABLET / MODULES
TABLET / DONATE
TABLET / DONATE CONT'D
TABLET / ABOUT - OUR STORY
TABLET / ABOUT - OUR STORY CONT'D
TABLET / ABOUT - LEADERSHIP
TABLET / ABOUT - LEADERSHIP CONT'D
TABLET / ABOUT - LEADERSHIP - DETAIL TEMPLATE
TABLET / ABOUT - CAREERS
TABLET / ABOUT - FINANCIAL REPORTS
TABLET / ABOUT - CONTACT US
TABLET / RESEARCH - BIG IDEAS DETAIL TEMPLATE
TABLET / NEWSROOM - LANDING
TABLET / NEWSROOM - LANDING CONT'D
TABLET / NEWSROOM - SUB-SECTION TEMPLATE
TABLET / NEWSROOM - SUB-SECTION TEMPLATE 2
TABLET / NEWSROOM - ARTICLE DETAIL TEMPLATE
TABLET / NEWSROOM - ARTICLE DETAIL TEMPLATE CONT'D
DESKTOP
DESKTOP / HOMEPAGE [1 of 5]
DESKTOP / DONATE [1 of 3]
DESKTOP / ABOUT - OUR STORY
DESKTOP / ABOUT - LEADERSHIP
DESKTOP / ABOUT - LEADERSHIP CONT'D
DESKTOP / ABOUT - LEADERSHIP DETAIL TEMPLATE
DESKTOP / ABOUT - LEADERSHIP DETAIL TEMPLATE CONT'D
DESKTOP / ABOUT - CAREERS
DESKTOP / ABOUT - CAREERS CONT'D
DESKTOP / ABOUT - FINANCIAL REPORTS
DESKTOP / ABOUT - FINANCIAL REPORTS CONT'D
DESKTOP / ABOUT - CONTACT US
DESKTOP / RESEARCH - BIG IDEAS DETAIL TEMPLATE
DESKTOP / NEWSROOM - LANDING [1 of 3]
DESKTOP / NEWSROOM - SUB-SECTION LANDING TEMPLATE
DESKTOP / NEWSROOM - ARTICLE DETAIL TEMPLATE [1 of 3]
APPENDIX
NEW SITEMAP
SITE AUDIT | JUL 2016
USER FLOW: I WANT TO LEARN ABOUT THE FOUNDATION
USER FLOW: I WANT TO MAKE A DONATION
GLOBAL NAVIGATION MENU
V Foundation
UX Documentation
Tue Sep 27 2016

2
Campaign tags/types
jimmyv.org/getinvolved
Convio / Team Raiser (member portal)
Participate as
Donate to Fundraiser (login / register)
I want to make a donation to a specific team/group/org/event/individual
Guest User (apprentices):
I want to get involved, but don’t know anything
about the V Foundation
Media, Social Feeds, & Inner Circle Influencers
I want to get involved with the V Foundation in some way in order to:
- Show my support/spirit/in honor of/in memory of
- Participate & help out for a good cause (Team V members only)
BUT,
I need to know one or more of these things about the foundation first:
- what’s the donation structure?
- what’s the cause?
- where is my money going?
- who else is involved? and who will i be joining?
- are there any events or fundraising opportunities near my area?
- I’d like to talk to or listen to someone who has done this before
4.1_Events Grid/Calendar
jimmyv.org/events
I need to find information about a specific event
- Will display ALL relevant events for ALL user types
in a list view
- Users will have the ability to filter / find events by
keyword, date, category, etc.
- DIY, Basketball, Run, Walk, Bike, Dick Vitale,
2016, 2015, etc.
Common Path
User visits URL to Team Raiser detail page through
jimmyv.org sections: event calendar, newsroom CTA or
media campaign or inner circle conversion/invitation
Search traffic
Power Search User
Scenario 1
Searched “V Foundation
Fundraisers [month or year
or location]” or “V
Foundation Dick Vitale Gala
2016”
DIY
Participant Users / Members (masters):
I want to participate in one of the ways outlined by
the V Foundation
jimmyv.org/getinvolved/
I want to get involved with the V Foundation in some way in order to:
- Show my support/spirit/in honor of/in memory of
- Participate & help out for a good cause (Team V members only)
- Grow my fundraising org/team/group
- Donate to a fundraiser
Event Detail
https://www.crowdrise.com/Shahrzad-TeamV
- Tagged by categories that will be searchable on
the event calendar page
- Will accommodate a link out to the primary event
page if the event wasn’t created within jimmyv.org
or teamraiser
- Donate to this cause
Teams/Orgs/Groups
Peer to Peer
Volunteer at this event
Donate to this event
Returning User Login
(Members / Hosts)
Sub-section Filtered Calendar
View/State
jimmyv.org/events/[preset or
query]
Filter event tiles by:
- Signature Event categories
- DIY Events categories
- Community Events categories
- Inspiration
Donate (login / register)
I want to make a donation to the V foundation
Register as an individual
Team
Join an Existing Team
Register as a team
Manage team (Hosts Only)
My Account Info
Donate (event specific)
Volunteer (event Specific)
Create your own Event CTA (leverage crowd
rise)
Join the Team CTA
More events with the same tag [x]
Logout
Convio API
4.4.x_Team / Group / Organization
Landing
jimmyv.org/deltachi/2016
jimmyv.org/dickvitalegala/2016
jimmyv.org/espygolf/2016
jimmyv.org/teamv/2016
jimmyv.org/virginiavine/2016
jimmyv.org/winecelebration/2016
jimmyv.org/walk4v/2016
jimmyv.org/run4v/2016
jimmyv.org/forev/2016
I need to find information regarding an existing
team/organization/campaign
- I want to join/participate via an existing team/org
- I want to make a donation toward a team/org
- I want more information about participating
- I want create my own and would like to see
examples
4.1.x_Event Detail Template
(recommendation)
jimmyv.org/events/2016/[event-
title]
I need to find information about a
specific event
Fundraising Team / Organization Landing
Example: https://www.crowdrise.com/teamv
I need to find information regarding an existing
team/organization/campaign
- I want to join/participate via an existing team/org
- I want to make a donation toward a team/org
- I want more information about participating
- I want create my own and would like to see
examples
jimmyv.org
WP CMS
Delta Chi
Dick Vitale Gala
I WILL Ride to Cure Cancer
Run with Team V
Virginia Vine
V University
Wine Celebration
Basketball
Run
Walk
Bike
Golf
Create Your Own
Get Inspired!
Show Your Spirit: Workplace Giving
Community
Basketball
Run
Walk
Bike
Golf
Others?find by zip code or GPS location
Find a team/group/org/charity
Find a person
Find an Event
Start a fundraiser
Create Your Own
Create a Giving (login / register)
I want to host/organize a fundraiser / campaign / initiative / event
CMS Access
Limitations
4.1.1_Delta Chi
4.1.2_Dick Vitale Gala
4.1.3_TBD: I WILL Ride to Cure
Cancer
4.1.4_Run with Team V
4.1.5_Virginia Vine
4.1.6_V University
4.1.7_Wine Celebration
4.3.6_Walk 4 V!
4.3.7_Run 4 V!
4.3.8_Fore! V
SignatureEvents/Sub-categoriesTeamRaiserEvents
Get Inspired!
Basketball
Run
Walk
Bike
Golf
Create Your Own
4.3.x_Design Your Own Fundraiser
jimmyv.org/dyo/2016
I’m interested in designing my own fundraiser
- How do i start?
- Where can I see some examples?
- I created a fundraiser already and need to login to
manage it
4.3.4_Team Raiser Login
4.3.2_Fundraise at Work
4.3.3_ DYO Showcase (Get Inspired)
4.3.1_Getting Started
DYOResources
Search traffic
Power Search User
Scenario 2
Searched “V Foundation DIY
Fundraisers” or “V
Foundation team raiser
login”
Search traffic
Power Search User
Scenario 3
Searched “V Foundation
dick vitale gala” or “V
foundation wine celebration”
Linkout to
convio page
API access to test and display
- Calendar page categories /
filters
- List/grid of DYO events
- Event title
- Event images / media
- Event date
- Event location
- Event types/categories
- Event tags
- Convio page linkout
- Create an event
- Login/register as an
individual
- Login/register as a team
- DYO landing page
categories / filters
- Event titles
- Event date
- Event location
- Event types/categories
- Event tags
- Create an event
individual
- Event titles
- Event dates
- Event locations
- Team sub-categories
- Event tags
- Team Roster
- Donate to team
- Donor list
- Team Honor Roll
- Team Captain indicator
- Team Progress
- Recent Donors
- Create an event
- Login/register as an individual
- Join an existing team
- Landing page categories /
filters
- Aggregate view of all
teams / groups / orgs
- Event titles
- Event dates
- Event locations
- Event tags
- Team Roster
- Donate to team
- Donor list
- Team Honor Roll
- Team Progress
- Recent Donors
- Create an event
individual
Need Convio API to tie in
- Calendar page categories /
filters
- List/grid of ALL events
- Aggregate view of all teams /
groups / orgs
- Event titles
- Event dates
- Event locations
- Event tags
- Team Roster
- Donate to team
- Donor list
- Team Honor Roll
- Team Progress
- Recent Donors
- Create an event
- Login/register as an individual
V Foundation Admins
Create & Manage internal
events
1 2
3
3
* Please refer to flow-getinvolved-events-v1.6.png
USER FLOW: GET INVOLVED - EVENTS

3
WP CMS
Login / Register
WP CMS
Create a new
event under Dick
Vitale category
WP CMS
Publish Event
WP CMS
Share / Invite
COMPLETE
USE CASE: As a wordpress admin from the V Foundation, I want to create a new Dick Vitale Gala event.1
WP CMS
Login / Register
WP CMS
Create Parent
Wordpress Page
WP CMS
Create Children
Wordpress Pages
External
Get Webmaster to
create custom
templates for the
event, and link the
templates
COMPLETE
WP CMS
Enter event item
into the CMS.
Note: Event is not
necessarily linked
to an existing Team
Raiser event
Current ﬂow (high level):
WP CMS
Automatically
published live to all
reference points via
API
USER FLOW: SIGNATURE EVENT CREATION

4
WP CMS
Login / Register
WP CMS
Create a new
event under the
“Team V”
category
WP CMS
Publish Event
WP CMS
Share / Invite
COMPLETE
USE CASE: As a wordpress admin from the V Foundation, I want to create a Team V endurance event.2
WP CMS
Login / Register
WP CMS
Create Children
Pages
External
Get Webmaster
to create custom
templates for the
event, and link
the templates
COMPLETE
WP CMS
Enter event item
info. Note: Event
is not necessarily
linked to an
existing Team
Raiser event
WP CMS
Redirect to
external URL
WP CMS
Create a single
event
301 Redirect the this page
to an outside URL. OR…
Mini-site Route
Single event creation ﬂow
WP CMS
Automatically
published live to all
reference points via
API
USER FLOW: TEAM EVENT CREATION

5
USE CASE: As an individual registered with Team Raiser (convio), I want to create a DIY event.
External
Visit
bookmarked/
media shared
Team Raiser link
Team Raiser
Registration /
Login
Team Raiser
Create Event
Team Raiser
Publish
3
Website
Hit Host a
Fundraiser
Team Raiser
Team Raiser
Login / Register
Team Raiser
Create Event
COMPLETE
WP CMS
Manually link each
event
(not ideal)
COMPLETE
Team Raiser
Publish
WP CMS
Automatically
published to
event calendar
via API
(Ideal)
USER FLOW: INDIVIDUAL EVENT CREATION

Homepage Homepage - Our Mission Homepage - Our Mission Cont’d Homepage - Foundation Facts
MOBILE / HOMEPAGE
7
1. Logo - Serves as branding and a navigation
shortcut for users to return to the Homepage
2. Follow Us - Hitting the Follow Us link will
reveal a menu of affiliated social media
accounts for the user to follow / subscribe to
3. Donate - Hitting the Donate button will take
the user through the Donate Flow to
accomplish the task of making a donation to
the V Foundation
4. Hamburger Menu - Hitting the Menu icon
in will expand the mobile Navigation Menu.
5. Hero Carousel - V Foundation will have
some control over the heading copy, imagery,
call to action copy and placement within this
carousel.
21 3 4
7
6
7
7
8
6. Our Mission - Users will have the ability to
learn more about the mission by clicking the
Learn More link to dive directly into the Our
Story section of About Us
8. Foundation Facts - These facts about the
V Foundation’s research efforts will serve
primarily as a info visualization element. This
information can ultimately validate a user’s
perceptions of the V Foundation and lead to a
Donate / Give activity.
7. Our Mission Sub-Sections - The
Remembering Jim, Survivor Stories, and
Research sub-sections can be treated with
animations, transition effects, or interactions
to draw the user’s attention.
5

Homepage - Messaging Module Homepage - Current Events Homepage - News + Newsletter Module Homepage - Our Partners
MOBILE / HOMEPAGE CONT'D
8
9. Flexible Messaging Modules - The V
Foundation may use these three modules to
feature any important messaging to the user.
e.g. Newsletter Sign Up, Seasonal Auction
CTAs.
9
10
11
12
13
10. Interstitial Module - Interstitial modules
with imagery and copy can be inserted
between the ﬁxed content sections i.e. Hero
Carousel, Our Mission section, Foundation
Facts section, Events, News, Our Partners,
and Footer.
10. Current Events - Hitting the Learn More
link will take the user to the Events landing
page. Hitting an Event item will take the user
directly to the corresponding detail page.
Hitting the More Events button will load in
more Event items below the existing items.
12. News - Hitting a News item will take the
user directly to the corresponding news detail
page. Hitting the More News button will load
in more News items below the existing items.
13. Our Partners - This will act as a ﬂuid
carousel. The very last item of this carousel
can be used as a button or link to take the
user to the Our Partners landing page

Global Nav Menu Collapsed Global Nav Menu Expanded Global Footer Global Footer Cont’d
MOBILE / GLOBAL NAV MENU + FOOTER
9
Navigation Menu - This will function like an
accordion menu. Users may tap on a category
title with an arrow next to it to expand/
collapse sub-categories. Tap the ‘Close X’
button in the top right to close/exit the menu
overlay and return to browsing JimmyV.org
Expanded Navigation - Tapping any of the
sub-category links will take the user to the
corresponding page

Donate Donate - Designate Your Gift Donate - Billing Info Donate - Payment Info + Submit
MOBILE / DONATE
10
0. Return - Users will have the ability to quickly
return to jimmyv.org by tapping the Return button in
the top left corner
1. More ways to give - Users will have the ability to
discover alternative means of giving. Tapping this
dropdown menu will show a list of navigation links
to pages related to getting involved.
2. Donate - Tapping the heading or information icon
will open the Donate Info Overlay
3. Donation Amount + Facts - Factoids and visuals
will be shown based on the donation amount
selected by the user. The amount values will be
determined by historical median and average
donation amounts.
4. Recurring Donation - Users will have the ability
to make a recurring donation by checking this box
5. Dedication - Users will have the ability to make a
dedication by checking this box and filling in the
required information
1
2
3
8
9
6. Designate Your Gift - Tapping the heading or
information icon will open an overlay with more
information regarding gift designations
7. Designation Options - Users will have the ability
to swipe left/right within this fluid carousel to select
a designation for their donation
8. Billing Info - We will apply standard form
validation. United States will be default value
for Country field.
9. Newsletter Opt-in - Users will have the
ability to check this box to opt-in for the
foundation’s newsletter
10. Submit - Hitting this will trigger
submission of all the information entered by
the user. A loading or submitting animation is
recommended while this is working as upload/
download speeds will vary.
11. Cancel - Provides non-disruptive
alternative for the user to return to exploring
the jimmyv.org website
4
5
6
0
7
10
11

Donate - Recurring + Dedication Fields
Expanded (Both checked)
Donate - Dedication Fields Cont’d Donate - Designate Gift to Charity Partners
V Foundation Charity Partners
Garry Betty
Foundation
ICON
Gastric Cancer
Foundation
ICON
Kay Yow
Foundation
ICON
MOBILE / DONATE CONT'D
11
Making Recurring Donations - This can be
as simple as a single checkbox for monthly
donations, or we can provide a droplist of
more options (i.e. monthly, semi-annually,
quarterly, annually)
Dedications - By default the type of
dedication will be set to “In Honor of…”
The example shown above is what it would
look like if the user selected “In Memory of”
instead of “In Honor of”
Users will be required to enter the Honoree
information completely. The Notiﬁcation
Recipient section will require a recipient and
mailing address.
12
12. Designate Your Gift - In addition to
Cancer Research and the V Endowment,
users will have the ability to contribute to a
charity partner. These partners can be found
by swiping in the option carousel area.

Donate Info Overlay Donate Info Overlay Cont’d
MOBILE / DONATE INFO OVERLAY
12
Donation Information - This overlay is meant
to serve any users who will have questions
regarding transparency, tax deductions, and
other ways to give.

Leadership Leadership - Board of Directors Leadership - Scientific Advisory Committee Leadership - Senior Staff
MOBILE / ABOUT - LEADERSHIP
13
1. Tabbed Navigation - Users will have the
ability to swipe and tap a fluid carousel of
navigation tabs
2. Leadership Quick Links - These links will
jump the user to the specific section they are
looking for.
3. Read More - Hitting ‘Read More’ will reveal
and expand the rest of the copy.
1
4
4. Staff Content - Each staff listing will link to
a detail page when clicked or tapped.
5. Show All - Users will be able to reveal all
items from a category of leadership on the
page
2
3
5

Leadership Detail Leadership Detail Leadership Detail Leadership Detail
MOBILE / ABOUT - LEADERSHIP DETAIL
14
1. Return Button - Users will have the ability
to return to the parent landing page
2. Sub-categories - This dropdown menu will
contain the sub-categories of the About
section. The idea here is for the user to have
access to any sub-category landing page
within the About section from this detail page
3. Images - Images are recommended but
optional to include since they will have the
ability to be hidden if the attribute doesn’t
exist.
1
4
4. CTA Links - Users have the ability to follow
CTAs or visit a website relevant to the topic of
the article
5. More People - Here we will introduce the
user to a few other people/leaders of interest.
Users will be able to tap or click on a person
and learn more about them on a Leadership
Detail page
6. See All - Hitting “See All” will take the user
to the Leadership Landing page with all
people under that category expanded
2
3
5
6

Careers Careers Careers Careers
MOBILE / ABOUT - CAREERS
15

Financial Reports Financial Reports Financial Reports Financial Reports
MOBILE / ABOUT - FINANCIAL REPORTS
16

Contact Us - General Info Contact Us - Event & Volunteer Info Contact Us - Grant Application Info
MOBILE / ABOUT - CONTACT US
17

Stuart Scott Fund Stuart Scott Fund Stuart Scott Fund Start Scott Fund
MOBILE / RESEARCH - STUART SCOTT FUND
18

Newsroom Landing - Hero + Blog Item List
Newsroom Landing - Videos + Press
Releases
Newsroom Landing - Newsletter Module +
News Archive
Newsroom Landing - Interstitial + Flexible
Messaging Area Modules
MOBILE / NEWSROOM LANDING
19
1. Featured Newsroom Carousel - This will
rotate the featured articles from the
Newsroom
2. Blog Items - Users may tap on a news item
to go to the corresponding news detail page
in order to read more
3. See All - Users will have the ability to see
all items in the Blog Sub-section Landing
page
1
4. Video Items - This will act like a ﬂuid
carousel. The last item tile will be a button or
link to view all items on the Video Sub-section
Landing
5. Press Release Items - This will act as a
ﬂuid carousel. The last item tile will be a
button or link to view all items on the Video
Sub-section Landing
2
4
5
6. Newsletter Module
7. News Archive Items - List of News Archive
items similar to the #2 Blog Items
6
7
3

Sub-Section Landing Sub-Section Landing Sub-Section Landing Sub-Section Landing
MOBILE / NEWSROOM - SUB-SECTION LANDING
20
1. Featured Sub-section Item - Displays 1
featured item speciﬁc to this sub-section. This
can pull from a repository of posts tagged
‘featured’ or default to the most recent post
2. Sub-section Items - Items will be in a
stacked list with pagination
1
2
3
4
4. Pagination - Pagination is better than
loading in more here. It will give users a point
of reference as to how far back they have
gone into the archive of articles
5. Interstitial Messaging Module
6. Flexible Messaging Module
5
6

Article Detail Article Detail Article Detail Article Detail
MOBILE / NEWSROOM - ARTICLE DETAIL TEMPLATE
21

Homepage [1 of 4]
23
1. Logo - Serves as branding and a navigation shortcut for users to return to
the Homepage
2. Follow Us - Hitting the Follow Us link will reveal a menu of aﬃliated social
media accounts for the user to follow / subscribe to
3. Donate - Hitting the Donate button will take the user through the Donate
Flow to accomplish the task of making a donation to the V Foundation
4. Hamburger Menu - Hitting the Menu icon in will expand the mobile
Navigation Menu.
5. Hero Carousel - V Foundation will have some control over the heading copy,
imagery, call to action copy and placement within this carousel.
6. Our Mission Section -This section will contain 3 key parts:
Remembering Jim
Survivor Stories
Research
1
2 3 4
5
6

Homepage [2 of 4]
24
7. Our Mission - Users will have the ability to learn more about the mission by
clicking the Learn More link to dive directly into the Our Story section of About
Us
8. Our Mission Sub-Sections - The Remembering Jim, Survivor Stories, and
Research sub-sections can be treated with animations, transition eﬀects, or
interactions to draw the user’s attention.
9. Flexible Messaging Modules - The V Foundation may use these three
modules to feature any important messaging to the user. e.g. Newsletter Sign
Up, Seasonal Auction CTAs.
7
8
9

Homepage [3 of 4]
25
10. Interstitial Module - Interstitial modules with imagery and copy can be
inserted between the ﬁxed content sections i.e. Hero Carousel, Our Mission
section, Foundation Facts section, Events, News, Our Partners, and Footer.
11. Current Events - Hitting the Learn More link will take the user to the Events
landing page. Hitting an Event item will take the user directly to the
corresponding detail page. Hitting the More Events button will load in more
Event items below the existing items.
12. News - Hitting a News item will take the user directly to the corresponding
news detail page. Hitting the More News button will load in more News items
below the existing items.10
12
11

Homepage [4 of 4]
26
14. Our Partners - This will act as a ﬂuid carousel. The very last item of this
carousel can be used as a button or link to take the user to the Our Partners
landing page. Users may also hit the “All partners” link to go to the partners
landing page
13
14

Modules Modules Cont’d
TABLET / MODULES
27

Donate Donate - Billing Info
TABLET / DONATE
28
0. Return - Users will have the ability to quickly
return to jimmyv.org by tapping the Return button in
the top left corner
1. More ways to give - Users will have the ability to
discover alternative means of giving. Tapping this
dropdown menu will show a list of navigation links
to pages related to getting involved
2. Donate - Tapping the heading or information icon
will open the Donate Info Overlay
3. Donation Amount + Facts - Factoids and visuals
will be shown based on the donation amount
selected by the user. The amount values will be
determined by historical median and average
donation amounts.
4. Recurring Donation - Users will have the ability
to make a recurring donation by checking this box
5. Dedication - Users will have the ability to make a
dedication by checking this box and filling in the
required information
6. Designate Your Gift - Tapping the heading or
information icon will open an overlay with more
information regarding gift designations
7. Designation Options - Users will have the ability
to swipe left/right within this fluid carousel to select
a designation for their donation
8. Billing Info - We will apply standard form
validation. United States will be default value
for Country field.
0 1
2
4
5
6
2
7
8

Donate - Payment Info
TABLET / DONATE CONT'D
29
9. Newsletter Opt-in - Users will have the ability to check this box to opt-in for
the foundation’s newsletter
10. Submit - Hitting this will trigger submission of all the information entered by
the user. A loading or submitting animation is recommended while this is
working as upload/download speeds will vary.
11. Cancel - Provides non-disruptive alternative for the user to return to
exploring the jimmyv.org website
9
10
11

About - Our Story About - Our Story Cont’d
TABLET / ABOUT - OUR STORY
30

Our Story Cont’d
TABLET / ABOUT - OUR STORY CONT'D
31

Leadership Leadership Cont’d
TABLET / ABOUT - LEADERSHIP
32

Leadership Cont’d
TABLET / ABOUT - LEADERSHIP CONT'D
33

Leadership Detail Template Leadership Detail Template Cont’d
TABLET / ABOUT - LEADERSHIP - DETAIL TEMPLATE
34

Careers & Internships Careers & Internships
TABLET / ABOUT - CAREERS
35

Financial Reports Financial Reports
TABLET / ABOUT - FINANCIAL REPORTS
36

Contact Us Contact Us Cont’d
TABLET / ABOUT - CONTACT US
37

Big Ideas Detail Template Big Ideas Detail Template Cont’d
TABLET / RESEARCH - BIG IDEAS DETAIL TEMPLATE
38

Newsroom Landing Newsroom Landing - Videos + Press Releases
TABLET / NEWSROOM - LANDING
39

Newsroom Landing - Newsletter Archives + Interstitial + FMA Modules
TABLET / NEWSROOM - LANDING CONT'D
40

Newsroom Sub-section Template Newsroom Sub-section Template Cont’d
TABLET / NEWSROOM - SUB-SECTION TEMPLATE
41

Article Detail Template Article Detail Template Cont’d
TABLET / NEWSROOM - ARTICLE DETAIL TEMPLATE
42

Article Detail Template Cont’d
TABLET / NEWSROOM - ARTICLE DETAIL TEMPLATE CONT'D
43

Desktop - Homepage
45

Desktop - Homepage
46

Desktop - Homepage
47

Desktop - Homepage
48

Desktop - Homepage
49

Donate
50
0. Return - Users will have the ability to quickly return to jimmyv.org by tapping the
Return button in the top left corner
1. More ways to give - Users will have the ability to discover alternative means of giving.
Tapping this dropdown menu will show a list of navigation links to pages related to getting
involved
2. Donate - Tapping the heading or information icon will open the Donate Info Overlay
3. Donation Amount + Facts - Factoids and visuals will be shown based on the donation
amount selected by the user. The amount values will be determined by historical median
and average donation amounts.
4. Recurring Donation - Users will have the ability to make a recurring donation by
checking this box
5. Dedication - Users will have the ability to make a dedication by checking this box and
ﬁlling in the required information
6. Designate Your Gift - Tapping the heading or information icon will open an overlay with
more information regarding gift designations
7. Designation Options - Users will have the ability to swipe left/right within this ﬂuid
carousel to select a designation for their donation
1 2
3
4
5
6
7

Donate - Designate Gift
51
8. Designate Your Gift - In addition to Cancer Research and the V Endowment,
users will have the ability to contribute to a charity partner. These partners can
be found by swiping in the option carousel area.
8
9

Donate - Billing Info
52
9. Newsletter Opt-in - Users will have the ability to check this box to opt-in for
the foundation’s newsletter
10. Submit - Hitting this will trigger submission of all the information entered by
the user. A loading or submitting animation is recommended while this is
working as upload/download speeds will vary.
11. Cancel - Provides non-disruptive alternative for the user to return to
exploring the jimmyv.org website
9
10
11

Our Story
DESKTOP / ABOUT - OUR STORY
53

Leadership
DESKTOP / ABOUT - LEADERSHIP
54

Leadership
DESKTOP / ABOUT - LEADERSHIP CONT'D
55

Leadership
DESKTOP / ABOUT - LEADERSHIP DETAIL TEMPLATE
56

Leadership
DESKTOP / ABOUT - LEADERSHIP DETAIL TEMPLATE CONT'D
57

Careers
DESKTOP / ABOUT - CAREERS
58

Careers
DESKTOP / ABOUT - CAREERS CONT'D
59

Financial Reports
DESKTOP / ABOUT - FINANCIAL REPORTS
60

Financial Reports
DESKTOP / ABOUT - FINANCIAL REPORTS CONT'D
61

Contact Us
DESKTOP / ABOUT - CONTACT US
62

Big Ideas
DESKTOP / RESEARCH - BIG IDEAS DETAIL TEMPLATE
63

Newsroom Landing
64

Newsroom Landing - Videos + Press Releases
65

Newsroom Landing - Newsletter Archives
66

News Landing
DESKTOP / NEWSROOM - SUB-SECTION LANDING TEMPLATE
67

Article Detail Template
68

Article Detail Template Cont’d
69

Article Detail Template
70

72
Page Templates
6.0_Partners
0.0 Homepage
- Global header, nav links, & Donate
- Mission / Vision blurb
- Hero area
- Jim V ESPY speech
- Our Partners (NEW NAME)
- Current Events
- People
- Latest news & Join (Newsletter)
- Social Page linkouts
- Shop the V
1.0_About Us 2.0_Research 4.0_Get Involved 5.0_Ways to Give
0.1 Search
0.1.1 Results
1.1_Our Story
- Overview:
- Vision / Mission
- Not A Moment Campaign
1.4_Careers & Internships
1.2_Remembering Jim
1.6_Contact Us
- Email
- Phone
- Mail
1.2.1_Jim Valvano
- Bio blurb
- Timeline
1.2.2_ESPY Awards
Speech
- Video
- Full transcript
2.1_Cancer Facts
- Title
- Body/description copy
5.4 Other Ways to GIve
4.2 Volunteer
6.1_ESPN Founding Partner
6.2_National Partners
6.3_Regional Partners
6.4_In Kind Partners
3.0_Newsroom
- Separated news & blog content
- Filter by subcategories / tags
1.5_Financial Reports
-Two Lists:
- Audit Report and IRS
Form 990
- Annual Report
0.2_Sign Up for
Newsletter
1.3_People / Leadership
3.0.x_Detail Template
- Title
- Post Date
- IMG
- Body Copy
- Tags
- Social Share
- CTAs:
- Donate
- Join / Sign Up
- Attend an Event
5.2_Donate
- Repeating donation opt-in
- Mail a check
5.4.1_Donor Advised
Funds
5.1 Overview
6.3.x Regional Partner
Detail Template
6.2.x National Partner
Detail Template
7.0 Donate
5.4.2_Leadership Giving
1.3.1_Board of Directors
- List of members
- Name
- Title
- Organization
- Bio
- Photo
1.3.2_Scientific Advisory
- List of members
- Name
- Title
- Organization
- Bio
- Photo
1.3.3_Senior Staff (VP & Up)
- Staff name
- Staff role
- Photo
1.3.1.x_Director Detail
Template
1.3.2.x_SAC Detail
Template
1.3.3.x_Senior Staff
Detail Template
- Staff name
- Staff role
- Photo
5.3_Honor + Memorial Gifts
- Overview
- Create a giving
- Send an eCard
5.4.3_Planning Ahead
5.4.4_Endowment
2.2_Grants
- Overview of Grants
- Grants Awarded
- FAQs
- Grant Application (contains
links to Instructions, Forms,
and Application FAQ hidden
pages
2.4_Stuart Scott Fund
- Overview
- Link to Stuart Scott
Foundation
2.3_Big Ideas
- Was this section formerly
Research Success stories?
What section does this
correspond with?
2.3.x_Spotlight Template
- overview / description
2.2.1_Overview
2.2.2_FAQ
2.2.3_Grants Awarded (port
from jimmyv.org)
2.3.1_2015 Spotlight
- overview / description
2.2.4_Find a Grant
4.1_Events Calendar
- Filterable list/grid of ALL event
items
- Events may be tagged,
ordered, and/or filtered by
categories (Team Raiser,
upcoming, by month, etc)
4.3_Design Your Own
Fundraiser
http://jimmyv.convio.net/site/
TR?fr_id=1130&pg=entry
5.4.5_Donate to a
Fundraiser
4.3.x_Team Raiser / DYO
Event Info Page
Template
(variant or duplicate of
4.1.x templates)
4.1.x_Event Info Page
Template
7.1_Donation Thank You
4.1.1_Delta Chi
4.1.2_Dick Vitale Gala
4.1.3_TBD: I WILL Ride to
Cure Cancer
4.1.4_Run with Team V
4.1.5_Virginia Vine
4.1.6_V University
4.1.7_Wine Celebration
JVFEventa/Sub-categories
6.5_Charity Funding Partners
6.6_Become a Partner
4.3.6_Walk 4 V!
4.3.7_Run 4 V!
4.3.8_Fore! V
EventsCalendarwillshow
TeamRaiserEventsaswell
6.5.x Charity Funding
Partner Detail Template
TeamRaiserEvents/
DYOsub-categories
4.3.4_Team Raiser Login
4.3.2_Fundraise at Work
4.3.3_ DYO Showcase
(Get Inspired)
4.3.1_Getting Started
DYOResources
4.3.x_DYO Resource
Info Page Template
5.4.5.1 Delta Chi
5.4.5.x_Fundraiser
Team/ Group / Org Page
Template
- Contains link / button
that directs the user to
Team Raiser page to fulfill
donation
- Can also have CTA link
for volunteer resources
- These templates can be
categorized and tagged:
Delta Chi
Do It Yourself Events
Team V
V University Placeholder
5.4.5.2 DIY Events
∆ 4.4 Events Calendar
∆ 4.3 Donate to a Fundraiser
∆ 4.5 Login to your Event
4.3.6_Walk 4 V!
4.3.7_Run 4 V!
4.3.8_Fore V!
4.3.5_Nothin’ But Net
3.1_Blog
3.2_Video
3.3_Press Releases and other
news with photos
3.4_Newsletter Archives
Not A Moment To Lose
TeamV
5.4.5.3 New York
Marathon
5.4.5.4 Rock ’n’ Roll
5.4.5.5 Tobacco
Road Marathon
5.4.5.6 Bike
Placeholder
5.4.5.7 V University
Placeholder
NEW SITEMAP

73
0.0 Homepage
- Global header & links
- Donate button
- Hero area
- Jimmy V speech
- Latest news
- V Researchers: Success Stories
- Join / Newsletter sign up
- Social Page Buttons
1.0_About Us 2.0_Research
- Research Overview
3.0 Events 4.0 Get Involved
0.1 Search
0.1.1 Results
1.1_Our Story
- Image
- Video
- Title
- Tagline / subheading
1.3_News
- List/grid of news items
1.2_20th Anniv. Book PDF
1.4_Annual/Audit Reports
-Two Lists:
- Audit Report and IRS
Form 990
- Annual Report
1.5_Board of Directors
- List of members
- Name
- Title
- Organization
- Bio
1.6_Scientific Advisory
- List of members
- Name
- Title
- Organization
- Bio
1.7_Careers
1.8_Staff
- Staff name
- Staff role
1.9_Remembering Jim
- Remembering Jim Copy
- ESPY Speech video
1.10_Contact Us
- Email
- Phone
- Mail
1.8.1_Communications
1.8.2_Events & Cause
Related Marketing
1.8.3_Development
1.8.4_Grant Administration
1.8.5_Operations
1.8.6_Internships
1.9.1_Jim Valvano
1946-1993
1.9.2_Jim Valvano Timeline
1.9.3_ESPY Awards
Speech
- Video
- Read full transcript
2.1_The Funding Process
- Title
2.2_Grant Application
- Title
- Link to Public Access Policy
PDF file
2.3_Cancer Facts
- Title
2.4_Grants Awarded
- Grants overview
2.5_Grants Awarded by State
- List of grant recipients by state
2.6_V Successes
- List of success stories:
- Researcher name
- Article blurb
2.4.x Subcategory (year
range)
- Grant information
- Most recent grants
- Grant recipients in
chronological order
1.3.x_News Detail
- News title
- Post Date
- Body Copy
- Tags
- Social Share
- CTAs:
- Donate
- Join / Sign Up
- Attend an Event
2.6.x Success Story Detail
- Title
- Photo
- Full story copy
- Social Share
3.1_Community Events
3.2_The Dick Vitale Gala
3.3_ESPY Celebrity Golf
Classic
3.4_Wine Celebration
3.5_Jimmy V Basketball
Classic
3.6_Team V
3.7_TCS NYC Marathon
3.8_Virginia Vine
3.9_Host a Fundraiser
4.1_Donate Now
4.2 Stuart Scott Memorial
Cancer Research Fund
4.3 Show Your Spirit
4.4 Host a Fundraiser
4.5 Volunteer
4.6 Licensing PDF
4.7 Ways to Give
4.8 Workplace Giving
5.1_ESPN, Founding Partner
5.2_WWE/Connor’s Cure
5.3_Charity Partners
5.0_Partners
- Partners Blurb Copy
5.4_Corporate Partners
5.4.1_Constellation Brands
Beer
5.4.2_Constellation Wines
5.4.3_Delta Chi
6.0 V’s Voice (blog)
- List of blog articles
- Filter by subcategories / tags
3.0.x Event Detail Template
7.0 Donate
- Image
- Donate blurb
- SSL Certificate badges / security
measures
-Ideal:
- Choose Gift Amount
- Designate how to use the gift
- Billing Info
- Payment Info
- About this donation…
5.3.1_Accelerate Brain
Cancer Cure
5.3.2_Gastric Cancer
Foundation
5.3.3_The Kay Yow Cancer
Fund
5.3.4_The Garry Betty
Foundation
4.9 ESPN Day Auction
4.10 Omaze Auction
4.11 Send Donation ECard
1.5.1_Director Detail
Template
1.6.1_Advisory Detail
Template
0.2_Sign Up for
Newsletter
Overloaded top level
About Us category with
greater than 9 sub
category items that also
have multiple
subsections
Events doesn’t have a
landing page to get a
snapshot view of what’s
happening with the V
Foundation
Yellow items are direct
link outs that point the
user out of the V
Foundation website. We
will incorporate all items
that have a link out to a
source page by giving it
a detail page that can be
indexed by search
engines.
Obscure top level
navigation label
Uses Convio/Blackbaud
SITE AUDIT | JUL 2016

74
START
Homepage
jimmyv.org
Common Path
Learn more about the V
Foundation’s story, mission,
vision, etc.
About Sub section
jimmyv.org/about/
remembering-jim/
Are you interested in
making a donation? Even
$1 can make a difference
About
jimmyv.org/about/
Research
jimmyv.org/research/
Alternate Path
Learn about the V
Foundation’s research
and grants
Research Sub
section
cancer-facts/
ENDSearch traﬃc
Power Search User
Scenario 1
Searched “About Jimmy V
Foundation’ or variant &
clicked “About Us” deep link
from the search results page
Power Search User
Scenario 2
Searched “Research V
clicked “Research” deep link
Task: I want to learn more about the V Foundation
- 50% of visits on desktop are transactional
- 21% of visits were @ the Homepage
- Of the 23,297 individual queries that referred people to the website, 38% of them contained a variant of “V Foundation”, “Valvano
Foundation”, “Valvano Cancer Foundation”, “Foundation”, etc.
- 27% of visits to ESPY Speech + Blog/News + Research
- ~50% of all visits are under age 34
- Over 80% of visitors who arrived via unpaid search used a branded keyword such as “The V Foundation” or “Jimmy Valvano ESPY
Speech”
USER FLOW: I WANT TO LEARN ABOUT THE
FOUNDATION

75
Task: I want to make a donation
- 50% of visits on desktop are transactional
- 21% of visits were @ the Homepage
- 11% of visits to Programs / Events
- 27% of visits to ESPY Speech + Blog/News + Research
- ~50% of all visits are under age 34
START
Homepage
jimmyv.org
Common Path:
Click Donate button in global
header
Opportunity to simplify this process with one or two simplified payment services (ex: pay
pal, google wallet, apple pay, etc.) This can make checking out smoother and reduces
cognitive load on the user for such a simple and ubiquitously found form.
Making the secondary navigation links to other “Get Involved” pages much less
prominent on the donation page. The user will have a way back to the homepage of the
site via a back button or bread crumbs, but we want minimize reasons for a user to
divert their attention away from the donating task.
DONATE button will be accessible through global navigation on every page
Donate Page (Convio)
Donation Form
- Select / type in gift
amount
- Opt-in for recurring
monthly donations
- Gift Designation
Is this an honor or
memorial gift?
(optional)
- Select type
- Honoree’s Name
- Addressee’s Name
- Address
- City
- Country
- State/Province
- Zip/Postal Code
- Message to
include in the letter
- Your name (as you
would like it to
appear in the letter)
Enter billing info
- Title
- First Name
- Last Name
- email address
- Street Address
- City
- State/province
- zip/postal code
- middle name
- select suffix
- country
- phone #
Verify donation
details
- amount
- designation
- honor / memorial
info (if applicable)
- billing info
Thank you!Search traffic
See Flow: Learn (prev. page)
START
Homepage
jimmyv.org
Common Path
Learn more about the V
Foundation’s story, mission,
vision, etc.
About Sub section
jimmyv.org/about/
remembering-jim/
About
jimmyv.org/about/
Research
Alternate Path
Learn about the V
Foundation’s research
and grants
Research Sub
section
cancer-facts/
ENDSearch traffic
Power Search User
Searched “About Jimmy V
clicked “About Us” deep link
Power Search User
Searched “Research V
clicked “Research” deep link
DONE
Hit Donate
Button
Power Search User
Searched “Donate Jimmy V
clicked “Donate” deep link
Alternate Path:
Need more information about
the organization before
deciding
Hit Donate
Button
USER FLOW: I WANT TO MAKE A DONATION

Global Navigation
GLOBAL NAVIGATION MENU
76

UX: Jimmy V Website

Recommended

Recommended

More Related Content

Similar to UX: Jimmy V Website

Similar to UX: Jimmy V Website (20)

More from Darren Lou

More from Darren Lou (20)

Recently uploaded

Recently uploaded (20)

UX: Jimmy V Website