LIS238 - Web Design for Libraries & Information Centers; St John's University - Presentation for Hero Hugs Redesign

1. Operation Hero Hugs Website
Redesign
LIS 238: Web Design for Libraries & Information Centers, Dr. James Vorbach
Presentation; 27 April 2014
Barbara Hughes

2. About Hero Hugs
• Non-profit that sends care packages to troops
• Started by 7-year-old Bailey Reese
• 500-1,200 packages mailed each month
• All packages decorated and packed by kids

3. Why Redesign

4. Navigation

5. Labeling

6. Conceptual Blueprint
Home
About Us
How We Got
Started
In the Media
Awards and
Honors
Contact Us
Programs
Yellow Ribbon
Project
Hero the Bear Bailey’s Book
Holiday
Greetings
Support
Packages
Patriotic
Jewelry
Get Involved
Volunteer
Teachers
Scout Leaders
Students
Needed Items
List
Blog
Donate

7. Conceptual Blueprint
Home
About Us
How We Got
Started
In the Media
Awards and
Honors
Contact Us
Programs
Yellow Ribbon
Project
Hero the Bear Bailey’s Book
Holiday
Greetings
Support
Packages
Patriotic
Jewelry
Get Involved
Volunteer
Teachers
Scout Leaders
Students
Needed Items
List
Blog
Donate

8. Follow Hero Hugs on:
Home About Us Programs Get
Involved
Blog Donate
[Page Title]
Our Heroes....American Troops! Our heroes are men
and women who serve their country with pride and
honor. They ….
Every hero deserves a hug!
Graphic Logo
- Tag line
Social Media
Footer w/functionality tasks
Content
Global Navigation Bar
with drop-down menus
Background Solid Color

9. Follow Hero Hugs on:
Home About Us Programs Get
Involved
Blog Donate
[Page Title]
Our Heroes....American Troops! Our heroes are men
and women who serve their country with pride and
honor. They ….
Every hero deserves a hug!
Graphic Logo
- Tag line
Social Media
Footer w/functionality tasks
Content
Global Navigation Bar
with drop-down menus
Background Solid Color

10. Follow Hero Hugs on:
Home About Us Programs Get
Involved
Blog Donate
[Page Title]
Our Heroes....American Troops! Our heroes are men
and women who serve their country with pride and
honor. They ….
Every hero deserves a hug!
Graphic Logo
- Tag line
Social Media
Footer w/functionality tasks
Content
Global Navigation Bar
with drop-down menus
Background Solid Color

11. Follow Hero Hugs on:
Home About Us Programs Get
Involved
Blog Donate
[Page Title]
Our Heroes....American Troops! Our heroes are men
and women who serve their country with pride and
honor. They ….
Every hero deserves a hug!
Graphic Logo
- Tag line
Social Media
Footer w/functionality tasks
Content
Global Navigation Bar
with drop-down menus
Background Solid Color

12. Follow Hero Hugs on:
Home About Us Programs Get
Involved
Blog Donate
[Page Title]
Our Heroes....American Troops! Our heroes are men
and women who serve their country with pride and
honor. They ….
Every hero deserves a hug!
Graphic Logo
- Tag line
Social Media
Footer w/functionality tasks
Content
Global Navigation Bar
with drop-down menus
Background Solid Color

13. Follow Hero Hugs on:
Home About Us Programs Get
Involved
Blog Donate
[Page Title]
Our Heroes....American Troops! Our heroes are men
and women who serve their country with pride and
honor. They ….
Every hero deserves a hug!
Graphic Logo
- Tag line
Social Media
Footer w/functionality tasks
Content
Global Navigation Bar
with drop-down menus
Background Solid Color

14. Follow Hero Hugs on:
Home About Us Programs Get
Involved
Blog Donate
[Page Title]
Our Heroes....American Troops! Our heroes are men
and women who serve their country with pride and
honor. They ….
Every hero deserves a hug!
Graphic Logo
- Tag line
Social Media
Footer w/functionality tasks
Content
Global Navigation Bar
with drop-down menus
Background Solid Color

15. Follow Hero Hugs on:
Home About Us Programs Get
Involved
Blog Donate
[Page Title]
Our Heroes....American Troops! Our heroes are men
and women who serve their country with pride and
honor. They ….
Every hero deserves a hug!
Graphic Logo
- Tag line
Social Media
Footer w/functionality tasks
Content
Global Navigation Bar
with drop-down menus
Background Solid Color

16. Follow Hero Hugs on:
Home About Us Programs Get
Involved
Blog Donate
[Page Title]
Our Heroes....American Troops! Our heroes are men
and women who serve their country with pride and
honor. They ….
Every hero deserves a hug!
Graphic Logo
- Tag line
Social Media
Footer w/functionality tasks
Content
Global Navigation Bar
with drop-down menus
Background Solid Color

17. Follow Hero Hugs on:
Home About Us Programs Get
Involved
Blog Donate
[Page Title]
Our Heroes....American Troops! Our heroes are men
and women who serve their country with pride and
honor. They ….
Every hero deserves a hug!
Graphic Logo
- Tag line
Social Media
Footer w/functionality tasks
Content
Global Navigation Bar
with drop-down menus
Background Solid Color

18. Follow Hero Hugs on:
Home About Us Programs Get
Involved
Blog Donate
[Page Title]
Our Heroes....American Troops! Our heroes are men
and women who serve their country with pride and
honor. They ….
Every hero deserves a hug!
Graphic Logo
- Tag line
Social Media
Footer w/functionality tasks
Content
Global Navigation Bar
with drop-down menus
Background Solid Color

19. Follow Hero Hugs on:
Home About Us Programs Get
Involved
Blog Donate
[Page Title]
Our Heroes....American Troops! Our heroes are men
and women who serve their country with pride and
honor. They ….
Every hero deserves a hug!
Graphic Logo
- Tag line
Social Media
Footer w/functionality tasks
Content
Global Navigation Bar
with drop-down menus
Background Solid Color

20. Follow Hero Hugs on:
Home About Us Programs Get
Involved
Blog Donate
[Page Title]
Our Heroes....American Troops! Our heroes are men
and women who serve their country with pride and
honor. They ….
Every hero deserves a hug!
Graphic Logo
- Tag line
Social Media
Footer w/functionality tasks
Content
Global Navigation Bar
with drop-down menus
Background Solid Color

21. Follow Hero Hugs on:
Home About Us Programs Get
Involved
Blog Donate
[Page Title]
Our Heroes....American Troops! Our heroes are men
and women who serve their country with pride and
honor. They ….
Every hero deserves a hug!
Graphic Logo
- Tag line
Social Media
Footer w/functionality tasks
Content
Global Navigation Bar
with drop-down menus
Background Solid Color

22. Follow Hero Hugs on:
Home About Us Programs Get
Involved
Blog Donate
[Page Title]
Our Heroes....American Troops! Our heroes are men
and women who serve their country with pride and
honor. They ….
Every hero deserves a hug!
Graphic Logo
- Tag line
Social Media
Footer w/functionality tasks
Content
Global Navigation Bar
with drop-down menus
Background Solid Color

23. Conclusion
• Portrait of a professional non-profit
• Streamlined functionality of site
• Audience understand mission and support
• Design visually appealing and easy to navigate
• Highlights mission, accomplishments, & needs
• Future updates will be easy to categorize and
manage