The document provides examples of wireframes and mockups from Nancy N. Adams' work as a user experience designer. It includes wireframes and mockups for a horse farm website, an ecommerce fashion site, a telecommunications site, and pages from several other projects involving portals, applications and websites. The wireframes and mockups demonstrate Adams' expertise in visual design and layout for different types of digital interfaces.

1. Nancy N. Adams
Wireframe and Mockup Examples

2. This wireframe is a view of the page layout.
Heald Street Horse
Farm
1.0 Amy Gage owns this farm and gives the riding
lessons. This section includes important contact
information as well as close up photos of two of
the horses on the farm.
I put the title/Welcome here, but, if the site was
1.1 going to have more pages, or to add more
pages later, a menu could go here.
Each tab represents a separate page and is the
1.2
only menu area on the site with links to the
following pages:
Amy Gage: Life-long Equestrian
About Us
Amy got her first pony at age 6 and participated Riding Lessons
in both Boarding
4-H and Pony Club as a child. She rode western Camp
as a kid but switched to English riding when her Find Us (Map)
family moved to England in 1975. In 1983, she
Three slideshows are listed here, though more
1.3
could be added as more pictures are taken of
riding lessons and other Horse Farm
occasions.
Flash slideshows are shown here. Of the
1.4
slideshows included so far, two are collections
of students during riding lessons. Another is of
a painting paryt at the Farm in 2010.
1.5 This section is one scrolling page of text and photos,
an introduction to the horses on the farm.
Contact Amy Gage at 978-302-8024 (mobile).
Or send an inquiry to Amy at amy@healdstreetfarm.com and she will get back to
you. You’ll find this site at:
http://www.healdstreethorsefarm.com

3. Heald Street Horse
Farm
1.0 Amy Gage owns this farm
and gives the riding lessons.
This section includes important
contact information as well as
close up photos of two of the
horses on the farm.
Amy Gage: Life-long Equestrian

5. Heald Street Horse Farm
Nov –Dec 2010
Web UI Designer
Designed marketing
website for Horse Farm –
emphasizing riding lessons
and boarding of horses,
instructor credentials and
testimonials.
Created UI design
(content, photographs,
slideshow) and Front End
development (HTML, CSS,
Javascript).
This is a screenshot of the
web page. Included on
this page are tabs and
Flash slideshows.

6. GENEVA Group, Inc.
April - June 2010
Information Architect/Web Designer
 Designed functional transaction additions (registration, login, order placement
and history, size charts, etc.) for eCommerce site catalog in the fashion industry.
 Creatred Information Architecture, Wireframes, Mockups for use with NAV and
Sana.

7. GENEVA Group, Inc. April
- June 2010
Information Architect/Web Designer
Catalogue
Request

8. GENEVA Group, Inc. April -
June 2010
Information Architect/Web Designer
 Designing functional
transaction additions
(registration, login, order
placement and history, size
charts, etc.) for eCommerce
site catalog in the fashion
industry.
 Creating Information
Architecture, Wireframes,
Mockups for use with NAV
and Sana.

9. GENEVA Group, Inc. April - June
2010
Information Architect/Web Designer
General Sales
Order

10. GENEVA Group, Inc. April - June
2010
Information Architect/Web Designer
Order Form

11. GENEVA Group, Inc. April - June
2010
Information Architect/Web Designer
Shopping Basket

12. READBIND, Inc. Nov,
2008 – May, 2009

13. READBIND, Inc. Nov,
2008 – May, 2009
Wireframes

14. READBIND, Inc. Nov,
2008 – May, 2009

15. Readbind, Inc. – Nov,
2008 – May, 2009
Mockups – Ideas

16. Hill Holliday July
2008 – August, 2008
Information Architect Consultant
 Reviewing, researching and redesigning IA for a New England telephone company FairPoint
website.

17. Hill Holliday July
2008 – August, 2008

18. Hill Holliday
August – October, 2007
FairPoint Mockups

19. Hill Holliday
August – October, 2007
FairPoint Mockups

20. BACKCHANNELMEDIA August – October, 2007
UI Designer
• Redesigned
company website,
portal and product
interfaces for Start-Up.
• Created wireframes/
use cases.

21. BackChannelMedia August – October,
2007
Mockups

22. Competitive Analysis Example –
Classification
Competitive Analysis Example –
Customer Care
Competitive Analysis Example –
Packages, Products & Services
Competitive Analysis Example –
Web Technology
The Competitive Analysis is the
means to Identifying competitors and
evaluating their strategies to determine
their strengths and weaknesses
relative to those of your own product
or service.
It is a critical part of the company’s
marketing plan, evaluating competitors
by placing them in strategic groups
according to how directly they
compete for a share of the customer's
dollar.
BACK For each competitor or strategic group,
their product or service, its profitability,
CHANNEL growth pattern, marketing objectives
and assumptions, current and past
MEDIA strategies are listed, as well as
organizational and cost structure,
strengths and weaknesses, and size
(in sales) of the competitor's business.
Aug, 2007 – Oct,
2007

23. Knights of Columbus Nov, 2006 – Feb, 2007
Catholic Information Services (CIS)-
Site Map

24. Knights of Columbus Nov, 2006 –
Feb, 2007
Catholic Information Services
Wireframes & Mockups

25. Knights of Columbus Nov,
2006 – Feb, 2007
Catholic Information Services

26. Knights of Columbus Nov,
2006 – Feb, 2007
Intro
Web Designer:
 Redesigned the
User Experience for a
micro site, including
site maps and
navigation. for the
KofC 125tth
Anniversary.
 Reviewed web
financial application
prototypes for
design/usability issues
for local KofC
treasurers and made
recommendations for
more “findable” content
and more user friendly
navigation.

27. Knights of Columbus Nov, 2006 – Feb, 2007
Member Billing & Accounting Information Search

28. Knights of Columbus Nov, 2006 – Feb, 2007
Member Billing & Accounting Information Billing Address

29. Knights of Columbus Nov, 2006 – Feb, 2007
Member Billing & Accounting Information Billing Information

30. Hewlett Packard
2007
UI Consultant:
 As a member of a global web team, designed the next iteration of a dynamic, interactive
Global Customer Agent site through functional specs, leading the information and user
experience design process, designing customization mockups, including Web 2.0 screen
design mockups and winning the approval of the developers to add social networking that
would allow the users to help each other..
 Performed heuristic evaluation and contextual inquiry, creating prototypes, suggesting
Web 2.0 social networking solutions for large internal portal for worldwide group(s) of
18,000 service agents.

31. Hewlett Packard
2007

32. BCBSMA (Blue Cross/ Blue Shield of MA)
2004
Creative Director
 Managed and mentored an offshore team of UI Developers generating a new, very large, Java-based Provider Portal for
people working in Doctor’s offices, making creative recommendations regarding usability and design.
 Collaborated with client, design firm, project managers, and business analysts to create wireframes, mockups and
templates.

33. General Motors Mockups 2003

34. Iron Mountain
2001
Search Criteria

35. Iron Mountain
2001
Send a Message

36. Iron Mountain
2001
Login & Change Password