This functional design documents the rhetorical strategy on which the design is based. It also documents the site architecture, content inventory, screen mockups, search engine optimization, and performance considerations for the Masterpiece Studio website.
1. Functional Design for Masterpiece Studio Senior Website Page 1
Functional Design
Project: Masterpiece Studio Senior Website
Prepared by: Fran McKain
Revision History
Version Date Authorization Responsibility/Author Reason For Changes
0.0 6/28/11 NA Fran McKain Initial draft
1.0 7/19/11 NA Fran McKain Ready for review
2. Functional Design for Masterpiece Studio Senior Website Page 2
Contents
1 Approvals .................................................................................................................... 4
2 Reference Documents................................................................................................. 4
3 Introduction ................................................................................................................ 5
4 About Masterpiece Studio .......................................................................................... 5
5 Rhetorical Strategy...................................................................................................... 6
5.1 Purposes of Website ............................................................................................ 6
5.2 Primary Audience ................................................................................................. 7
5.3 Persona ................................................................................................................. 7
5.4 Tone ...................................................................................................................... 8
5.4.1 Language style............................................................................................... 8
5.4.2 Language strategies ...................................................................................... 9
5.5 Evidence ............................................................................................................. 10
5.6 Structure............................................................................................................. 11
6 High Level Architecture............................................................................................. 11
7 Content Inventory ..................................................................................................... 13
7.1 Home page: ........................................................................................................ 13
7.2 What we do ........................................................................................................ 16
7.3 Personal biographies .......................................................................................... 17
7.4 Legendary portraits ............................................................................................ 21
7.5 Sessions Page ..................................................................................................... 23
3. Functional Design for Masterpiece Studio Senior Website Page 3
7.6 Book Samples Gallery ......................................................................................... 25
7.7 Wall Art Gallery .................................................................................................. 27
7.8 Portrait Gallery ................................................................................................... 29
7.9 What to Wear ..................................................................................................... 30
7.10 Us page ........................................................................................................... 31
7.11 Contact page: .................................................................................................. 32
8 Search Engine Optimization ...................................................................................... 33
9 Performance Considerations .................................................................................... 33
4. Functional Design for Masterpiece Studio Senior Website Page 4
1 APPROVALS
Name Role Signature Date
Fran McKain Executive Sponsor,
Developer, Tester
Bob McKain Executive Sponsor
2 REFERENCE DOCUMENTS
Document Location Publisher Author
Requirements Specification for www.hypothetical.url Fran McKain Fran
Masterpiece Studio senior website McKain
5. Functional Design for Masterpiece Studio Senior Website Page 5
3 INTRODUCTION
The design of the website for Masterpiece Studio must suit the goals of the company and the
needs of its target audience. It must consider the requirements of the stakeholders and include
a plan for the structure, content, and performance of the site.
4 ABOUT MASTERPIECE STUDIO
Masterpiece Studio is a boutique portrait art studio that transforms in-house portraits, other
photographs, and client memories into hand-crafted custom coffee-table books and wall art.
Their approach combines the dedicated services of a portrait photographer, a writer and editor,
a photo researcher, a book designer, and a custom print lab and book-binder.
Because this kind of artwork is often commissioned for major life events, one of the primary
markets of the studio is high school seniors who will be graduating from high school and
stepping out onto the broader stage of life. To attract more attention and increase clientele
within this market, the studio wants a website that is focused on that market. This new website
will be in addition to their existing website which serves all their clientele. This purpose is
consistent with the direction of successful portrait photographers. A podcast offered by Sarah
Petty of Sarah Petty Photography strongly recommended a separate website for the senior
market (Petty, 2010). An informal audit of the websites of twenty portrait photographer,
including several who have achieved numerous awards in the industry, suggests that at least
half of the photographers who emphasize the senior market have separate senior websites.
Studio Website Separate
senior site?
Sarah Petty Photography www.sarahpettyseniors.com/ Y
3 girls photography www.3girlsphotography.com/ N
Walden’s photography www.waldensphotography.com Y
Westmount Photography www.westmountphotography.com N
Antisdel’s Photography www.antisdelsphotography.com Y
Lisa Dillon www.bludomain1.com/lisaD/index2.php Y
Tim Schooler www.timschooler.com/ Y
James Cook senior.jamescookphotography.com/ Y
Photography
Studio K Photography www.studiokphoto.com/ Y
Avon Picture This www.avonpicturethis.com/seniorpicturewebsite.php Y
Ten18 Photography www.ten18photography.com/galleries/seniors- Y
gallery/
Huffaker Photography www.huffakerphotography.com/#senior-pictures-des- N
6. Functional Design for Masterpiece Studio Senior Website Page 6
moines-iowa-f51b8
Melissa Hathaway www.melissahathawayseniors.com/ Y
Photography
Footprints Photography www.footprintsphotography.com/index2.php N
Marci & Victor www.marciralphphotography.com/index2.php?v=v1 N
Photography
Ann Martin www.annmartinphotography.com/seniors1.php N
Photography
House of Photography www.houseofphotography.com/flash/main.html N
Tyler R Brown www.tylerrbrown.com/ N
The Studio|Photography www.thestudiophoto.com/ N
Tom Schmidt www.bestkcseniorpictures.com/ Y
Commonwealth www.seniors.commonwealthphoto.com/index2.php#/ Y
Photography rgallery/1/
For Masterpiece Studio, this extra web presence is needed because the company does not
operate from a traditional retail location and so its website is its primary business presence
prior to making personal connection with clients. A post to the blog on the Professional
Photographers of America website, points out that much of the business of a portrait studio is
attracted through its website (Collages.net, 2007). When a senior is looking for a portrait
photographer, a website that demonstrates a strong focus on high school seniors will stand out.
5 RHETORICAL STRATEGY
To ensure that the purposes of the website are met, a rhetorical strategy has been crafted. This
plan addresses seven categories of rhetorical elements: Purpose, audience, persona, tone,
evidence, structure, and strategies (Campbell & Huxman, 2009). These are the factors involved
in persuasion. The last element—strategies—employs all these factors, and the various
resources for accomplishing them, to create a rhetorical “act” that will satisfy the purpose. In
the following sections, these elements, and the resources that will be used to address them, are
explained.
5.1 PURPOSES OF WEBSITE
The purposes of the website for Masterpiece Studio are:
1) Attract potential clients to the type of work and style of art that Masterpiece Studio
creates.
7. Functional Design for Masterpiece Studio Senior Website Page 7
2) Encourage potential clients to take the next step of contacting the studio for an
appointment.
3) Get referrals for the studio
4) Make potential clients feel pampered from their first contact with the studio.
5) Set expectations about what the studio offers and what it does not offer
6) Create expectations about what the client should expect to buy.
7) Provide capability for existing clients to view their images and place orders.
5.2 PRIMARY AUDIENCE
Masterpiece Studio has identified the primary audience for this new website as high school
seniors and their parents. More specifically, it is those seniors whose parents are willing to
invest at least $1000 on their senior portraits. It also includes those seniors whose parents are
willing to spend at least $2500 to commission a personal biography to be written about their
senior and printed in a beautifully crafted, hardbound custom book featuring their portraits and
other artwork along with the text. They are family-oriented. They care about lasting value. They
want the very best. And they want to decorate their homes with artwork featuring those who
matter most to them. They are not price-sensitive. They are willing to pay a fair price to get the
premium quality that they demand.
A family that would be willing to spend this kind of money, would probably have an annual
household income of at least $75,000. In Ada County in the state of Idaho where Masterpiece
Studio is located, the median household income in 2010 was $53,828 (U.S. Census Bureau,
2010). Only about 23% of the population has a household income over $75,000 (American
FactFinder, 2000). Ada county has a population of 392,365 with 157,178 housing units (U.S.
Census Bureau,2010), which means that more than 36,000 households are in the target income
range.
5.3 PERSONA
Persona is the role the persuader will assume in attempting to persuade the audience. It
defines the relationship of the persuader to the audience and to the subject. The persuader on
this website will be “we”—the collective studio staff whose “voice” narrates the site content.
The studio owners would like to blend two personas in relating to the audience: 1) a peer
relationship in terms of the presumably shared desired to capture family memories because
they have enduring value, and 2) a relationship of superior expertise as portrait artist, writer,
and book artist, and as the ones who define the terms of doing business.
8. Functional Design for Masterpiece Studio Senior Website Page 8
The peer relationship will be supported by using “we” and “our” language and by describing
personal experiences about creating (or failing to create) this type of artwork for their own
family. The benefit of this persona is that it helps to build trust. As the authors of Tell it Slant
put it, “When we reveal our own foibles, readers can relax and know they engage in
conversation with someone as human as they are” (Miller & Paola, 2005, p. 78). Building that
trust also requires knowing that they are in the hands of someone with competence—someone
who won’t lead them astray. This is why it is also necessary to demonstrate artistic and
business expertise. The expert relationship will be supported by presenting the skills of the
studio staff, presenting examples of their work, describing the process that will be followed in
working with the client, and sharing testimonials from previous clients.
5.4 TONE
Tone is the persuader’s attitude toward the subject. On this website, the attitude of the
persuader about the personal biography books and the beautiful wall art will be fun, but
dramatic and a bit urgent because it matters immensely and the things we value slip away
quickly. This attitude will be conveyed by the language used, by the evidence provided (stories,
art samples, testimonials), and by the arguments employed.
Language is a powerful resource for influencing people. Language has three basic dimensions:
the ability to name, to abstract, and to negate (Campbell & Huxman, 2009). Naming is a device
for noticing and labeling anything we encounter. The labels we use carry connotations—they
mean something to us. Some words are more powerful than others. Such loaded language
produces strong feelings in us. Abstracting happens when we leave out details and speak in
more general terms. Doing so can be a useful method for engaging the audience because their
minds will naturally seek to fill in the missing details (Campbell & Huxman, 2009). Negation
happens when we define or abstract anything because by saying what is, we are also saying
what is not.
These three dimensions of language are the foundation of the two primary language resources:
style and strategy. The rhetorical strategy involves deciding whether the language style will be
formal or informal, precise or ambiguous, literal or figurative, and concise or redundant
(Campbell & Huxman, 2009). The language strategy should be chosen based on the purpose for
the communication. Depending on the purpose, a variety of language strategies may be
employed including rhyme, slogans, labels, and metaphors (Campbell & Huxman, 2009). Some
strategies are more effective than others for certain purposes.
5.4.1 LANGUAGE STYLE
9. Functional Design for Masterpiece Studio Senior Website Page 9
The language style used on the website will be somewhat formal. It will use standard American
English, proper grammar, and relatively complex sentence structure, and it will avoid the use of
slang. The studio owners specifically do not want the website to attempt to mimic the
language that is currently in vogue among the high school students. The purposes for this
language choice are to demonstrate writing competence, to elevate the thinking of the
audience to the level of the art that the studio produces, and to avoid annoying the seniors by a
misguided attempt to relate on their level.
Most of the language used on this website will be precise because it must communicate clearly.
But there will be a few instances where ambiguous language will be used deliberately. One
example is the phrase, “Because there’s more to you than just a pretty face,” which will be used
as a reason for commissioning a personal biography. This is known as an enthymeme which is
an argument that requires the audience to fill in the missing details (Campbell & Huxman,
2009). In this example, the audience is prompted to think about what more there is in them
besides the visible exterior.
Some of the language on the website will be literal. For example, the description of the process
will communicate precisely how a book is developed. But figurative language will be used when
discussing the art and why it matters. See the section on language strategies for more details
on figurative language choices.
Because this is a website, and not a book, the language will need to be spare. One guideline is
to use half the word count, or less, than might be used in a traditional medium (Garrand, 2006).
This is especially necessary on the first level or two of the website. Deeper levels may get away
with more detail because if the audience is engaged enough to navigate that far they may be
willing to do more reading.
5.4.2 LANGUAGE STRATEGIES
The two purposes that the language strategies for this website will seek to accomplish are to
attract the attention of the audience and to change the attitude of the audience to feel that
personal biographies and gorgeous wall art are essential and worth the price.
To engage the attention of the audience, the website will use parallelism—using the same
initial words in successive phrases. One specific place where this will be used is in the feature
called “Why?” which provides several reasons for commissioning a personal biography. The
word “Because” will begin each reason: “Because senior portraits are not just for model wanna-
be’s,” “Because there’s more to you than just a pretty face,” “Because after this year,
everything changes,” etc.
10. Functional Design for Masterpiece Studio Senior Website Page 10
“Identification” is another language strategy that the website will use to engage the audience.
This is the use of language to cause the audience to feel that the persuader is similar them
(Campbell & Huxman, 2009). This will be accomplished by the studio owners sharing their own
experience about creating personal biographies and wall art of their family members.
A further attention-getting strategy will be the use of descriptive language. For example, it will
describe what it feels like to open a book that tells your story. It will describe how empty the
house feels after your child leaves for college and how comforting it is to look at those life-size
wall portraits. It will describe the inner sense a teenager feels that the value her peer culture
places on physical appearance is overlooking something of much more significance deep inside
her. Such descriptive language will also help to change the attitude of the audience about the
value and importance of having personal biographies and portrait wall art.
Another strategy to change attitudes will be the use of labeling. That is, the website will use
carefully chosen words to describe these products and services and the studio that produces
them. So, it will not speak of “pictures” but rather “portraits” and “artwork.” The books are
“personal biographies,” “custom,” “hand-crafted,” “Legends of Life,” “limited editions.” The
studio is a “boutique” business. The staff are “portrait artists,” “personal writers,” “book
artists” and they create “legendary” artwork.
A few slogans will be used on the site as a further strategy for changing attitudes. The
prominent message on the site will be, “Someday they’ll write a book about you. Someday is
now.” The studio’s logo contains the slogan, “creating legendary portraits.” They also use the
slogans, “It’s your story. We’d like to help you tell it,” and “Ordinary life is filled with the stuff of
legends.”
5.5 EVIDENCE
Evidence is the material provided to support the argument. For this website, the argument is
that personal biographies and portrait wall art matter because they protect something we
value—something that quickly passes away if we don’t take action.
The primary evidence to support the argument will be the following: First, samples of the books
and wall art. Second, personal stories by the studio staff about what they have done, or not
done, to protect these vital family connections, and their corresponding satisfaction or regret as
a result. Third, testimonials from previous clients about how important it was for them to have
the book or wall art. And fourth, descriptions of the types of products, services, and incentives
the studio offers.
11. Functional Design for Masterpiece Studio Senior Website Page 11
5.6 STRUCTURE
The way that the material is organized affects its power to persuade. There are three general
schemes to choose from in deciding how to organize any presentation: sequence-based,
topical, and logical (cause-effect, problem-solution) (Campbell & Huxman, 2009). Whichever
approach is used, there are three additional choices to make about the underlying structure. It
may be deductive, which means that it begins with the conclusion and then provides the
supporting material. It may be inductive, which is just the reverse—building up the evidence to
lead to the conclusion. Or, it may be refutative, which is a two-sided structure that presents
both sides of the argument.
For this website, the primary structure will be topical which is a common approach for
websites. This structure allows the user to browse about the site as they please. The sub-
structure will be deductive. The prominent message on the site landing page will convey the
main argument. Deeper levels of the site will provide the supporting evidence.
Within some of the pages on the site, other structures will be employed. For example, the page
that explains the studio’s process for producing a custom book will, naturally, follow a
chronological structure.
6 HIGH LEVEL ARCHITECTURE
To implement this rhetorical strategy and to satisfy the solution requirements, the site should
have a simple structure and navigation scheme that will not distract the user. A simple
hierarchical branching structure seems best suited to this need because it is easy to understand
if the categories and levels are kept to a minimum (Garrand, 2006). Therefore, the following
site structure map is proposed.
12. Functional Design for Masterpiece Studio Senior Website Page 12
What we The Process
do
Senior Timeline
Because BFF Incentive
Testimonials
Pricing
Legendary
Portraits
Book Samples
Wall Art
H Portrait Gallery
o
m
e
Us Main Masterpiece
Studio site
P
a
g
e Client Login
Gift Registry
Contact Us
Facebook
Twitter
Blog
13. Functional Design for Masterpiece Studio Senior Website Page 13
7 CONTENT INVENTORY
All pages will contain the company logo and contact information. This will ensure that a user
will always know what site they are on, even if they arrive at the site by a path other than the
Home page (U.S. Department of Health & Human Services, n.d).
7.1 HOME PAGE:
TITLE: Masterpiece Studio. Personal biographies & legendary portraits for high school seniors.
MENU:
• Home – links to the Home Page
• What we do – links to the What We Do Page
• Us – Links to the Us Page
• Blog – Links to the Masterpiece Studio blog
• Contact – Links to the Contact Page
BODY: The background will be black and in the center will be a beautiful senior portrait. A
second after displaying the page, the body text will appear over the portrait. The portrait will
initially display in full color and will recede into the shadows when the text is displayed. This
mechanism of first displaying the image and then fading it into the background as the text
appears will be consistently applied to all text pages on the site.
In large white text, there will be the following words: “Someday they’ll write a book about
you. Someday is now.” Below this will be links labeled “Why?” and “Cool! But I just want
portraits.”
LINKS TO EXCITING ELEMENTS:
• Why? - displays the first of the “Because” pages
• Cool! But I just want portraits - displays the “Legendary Portraits” page
These links are included to “lure the user deeper into the site” (Garrand, 2006, p. 146). They are
also valuable as marketing devices.
BOTTOM TEXT AND LINKS:
At the bottom of the page, in a dark gray band, will be a small up arrow. Clicking this arrow will
expand the bottom margin and display additional links (see below).
14. Functional Design for Masterpiece Studio Senior Website Page 14
• Facebook and Twitter links - will open the Masterpiece Studio Seniors page on the
respective websites
• Client Login – links to the existing Masterpiece Studio client ordering login page
• Gift Registry – links to the existing Masterpiece Studio gift registry page
• Book Samples – links to the Book Samples Gallery page.
• Wall Art – links to the WallArt Gallery page.
• Portrait Gallery – links to the Portrait Gallery page.
MOCKUPS:
With bottom margin compressed:
15. Functional Design for Masterpiece Studio Senior Website Page 15
With bottom margin expanded:
One of the “Because” pages that appear when the Why? link is clicked:
The other “Because” pages carry the following messages:
• Because senior portraits are not just for model wanna-be’s.
16. Functional Design for Masterpiece Studio Senior Website Page 16
• Because there’s no one else like you.
• Because by telling your story, you’ll understand who you are.
• Because someday your kids will want to know how great you were.
• Because you will always want to remember this year.
• Because you’ll leave an empty place when you leave home.
• Because after this year, everything changes.
• Because the unforgettable is all too quickly forgotten.
7.2 WHAT WE DO
TITLE: Masterpiece Studio: What we do
MAIN MENU: Same as Home Page
SECTION MENU:
• Legendary Portraits – links to the Legendary Portraits page
• Personal Biographies – links to the Personal Biographies page
BODY: This page will display an image and a link for the Legendary Portraits page and another
for the Personal Biographies page. Clicking on either link will open the respective page.
LINKS TO EXCITING ELEMENTS: None
BOTTOM TEXT AND LINKS: Same as Home Page
MOCKUPS:
17. Functional Design for Masterpiece Studio Senior Website Page 17
7.3 PERSONAL BIOGRAPHIES
TITLE: Masterpiece Studio: Personal biographies/custom books
MAIN MENU: Same as Home Page
SECTION MENU:
• The Process – Links to a series of pages describing the process for creating a personal
biography. A graphical navigation device illustrates the process and provides buttons to
move between the pages in the process description.
• Our Work – links to the Book Sample Gallery
• Testimonials – links to a series of pages where client testimonials are displayed. The left
and right arrow buttons appear to navigate through the testimonials.
• Senior Timeline – links to a page that displays a timeline of the events that occur during
the senior year of high school.
• Pricing – links to a page that explains the pricing model for commissioning a personal
biography.
• BFF Incentive – displays an explanation of the special deal for best friend sessions.
These links will be displayed as a menu. When any of the links is clicked, it will change color to
indicate that the content now being displayed is associated with that menu option.
18. Functional Design for Masterpiece Studio Senior Website Page 18
BODY: This page will describe the personal biography service provided by Masterpiece Studio.
LINKS TO EXCITING ELEMENTS: None
BOTTOM TEXT AND LINKS: Same as Home Page
MOCKUPS:
Personal Biographies “landing” page:
19. Functional Design for Masterpiece Studio Senior Website Page 19
One of the “Process” pages:
Testimonials page:
20. Functional Design for Masterpiece Studio Senior Website Page 20
Senior Timeline page:
Pricing page:
21. Functional Design for Masterpiece Studio Senior Website Page 21
BFF Incentive page:
7.4 LEGENDARY PORTRAITS
TITLE: Masterpiece Studio: Legendary portraits
MAIN MENU: Same as Home Page
SECTION MENU:
• Sessions – links to the Portrait Sessions page.
• WallArt – links to the WallArt Gallery page
• Gallery – links to the Portrait Gallery page
• BFF Incentive – displays an explanation of the special deal for best friend sessions.
• Senior Timeline – links to a page that displays a timeline of the events that occur during
the senior year of high school.
• Tips – links the What to Wear page.
These links will be displayed as a menu below the page title. When any of the links is clicked, it
will change color to indicate that the content now being displayed is associated with that menu
option.
BODY: This page will describe the senior portrait work provided by Masterpiece Studio.
22. Functional Design for Masterpiece Studio Senior Website Page 22
LINKS TO EXCITING ELEMENTS: None
BOTTOM TEXT AND LINKS: Same as Home Page
MOCKUPS:
Legendary Portraits “landing” page:
23. Functional Design for Masterpiece Studio Senior Website Page 23
7.5 SESSIONS PAGE
TITLE: Masterpiece Studio: Portrait Sessions
MAIN MENU: Same as Home Page
SECTION MENU:
• About – displays a description of how portrait sessions are arranged.
• Basic – displays a description of the Basic session.
• Cameo – displays a description of the Cameo session.
• Feature – displays a description of the Feature session.
• Epic – displays a description of the Epic session.
BODY: The body displays the text for the various section menu links described above.
LINKS TO EXCITING ELEMENTS: None
BOTTOM TEXT AND LINKS: Same as Home page
MOCKUPS:
24. Functional Design for Masterpiece Studio Senior Website Page 24
Sessions “About” page:
Sessions “Basic” page:
25. Functional Design for Masterpiece Studio Senior Website Page 25
7.6 BOOK SAMPLES GALLERY
TITLE: Masterpiece Studio: Book Samples
MAIN MENU: Same as Home Page
SECTION MENU:
• Links to several different book samples.
BODY: The book gallery page will display an image and a link for several different book
samples. Clicking on either the image or the link for a sample will open a new series of pages
showing the details of that book. The left and right arrow buttons will appear on the detail
pages and clicking them will allow the user to navigate through the detail pages. The pages of
the book should appear to turn (via animation) like a real book would do.
At least one of the book demonstrations should be a time lapse video showing a book being
removed from its box, opened, and the pages turned.
LINKS TO EXCITING ELEMENTS: None
BOTTOM TEXT AND LINKS: Same as Home page.
MOCKUPS:
26. Functional Design for Masterpiece Studio Senior Website Page 26
Book Samples “landing” page:
After selecting a book sample:
27. Functional Design for Masterpiece Studio Senior Website Page 27
Inside the book:
7.7 WALL ART GALLERY
TITLE: Masterpiece Studio: Wall art gallery
MAIN MENU: Same as Home Page
SECTION MENU: None
BODY: The wall art gallery page will display a series of pages showing images of portraits
displayed in home settings. The left and right arrow buttons will appear on each page and
clicking them will allow the user to navigate through the pages.
LINKS TO EXCITING ELEMENTS: None
BOTTOM TEXT AND LINKS: Same as Home Page
MOCKUPS:
28. Functional Design for Masterpiece Studio Senior Website Page 28
WallArt gallery “landing” page:
WallArt gallery sample page:
29. Functional Design for Masterpiece Studio Senior Website Page 29
7.8 PORTRAIT GALLERY
TITLE: Masterpiece Studio: Portrait gallery
MAIN MENU: Same as Home Page
SECTION MENU: None
BODY: The portrait gallery page will display a series of pages showing portrait examples. The
left and right arrow buttons will appear on each page and clicking them will allow the user to
navigate through the pages.
LINKS TO EXCITING ELEMENTS: None
BOTTOM TEXT AND LINKS: Same as Home Page
MOCKUPS:
30. Functional Design for Masterpiece Studio Senior Website Page 30
7.9 WHAT TO WEAR
TITLE: Masterpiece Studio: Session tips
MAIN MENU: Same as Home Page
SECTION MENU:
• Makeup – displays advice about makeup
• Hair – displays advice about hair
• Clothes – displays advice about clothes
• Other – displays suggestions about accessories and other things to include in portraits
BODY: The body displays the text for the various section menu links described above.
LINKS TO EXCITING ELEMENTS: None
BOTTOM TEXT AND LINKS: Same as Home Page
MOCKUPS: One of the Tips pages:
31. Functional Design for Masterpiece Studio Senior Website Page 31
7.10 US PAGE
TITLE: Masterpiece Studio: About us.
MAIN MENU: Same as Home Page
SECTION MENU: None
BODY: The body displays a textual explanation about the studio and an image of the owners.
LINKS TO EXCITING ELEMENTS: A link to the main Masterpiece Studio website.
BOTTOM TEXT AND LINKS: Same as Home Page
MOCKUPS:
32. Functional Design for Masterpiece Studio Senior Website Page 32
7.11 CONTACT PAGE:
TITLE: Masterpiece Studio: Contact
MAIN MENU: Same as Home Page
SECTION MENU: None
BODY: The body displays contact information for the studio.
LINKS TO EXCITING ELEMENTS: None
BOTTOM TEXT AND LINKS: Same as Home Page
MOCKUPS:
33. Functional Design for Masterpiece Studio Senior Website Page 33
8 SEARCH ENGINE OPTIMIZATION
To secure good search engine placement, the following mechanisms will be used:
• All images will have descriptive meta tags, or alternate text.
• Home page meta tag keywords will be used that match the interests of the target
audience
• A home page description meta tag will be included with carefully chosen first and
second sentences and key words to improve searchability and to provide eye-catching
content when included in search results.
• Hyperlinks will be associated with descriptive plain English labels in the text
• Every page will have a title with appropriate keywords
• All menu text will be chosen to include keywords where possible
• All body text will include appropriate keywords
9 PERFORMANCE CONSIDERATIONS
The frame that is used for all the pages will include graphics and a very small amount of text.
Assuming an average of 10KB per page, the code for the 40 pages of the website should
consume about 400KB.
There are approximately 20 images shared among the various pages of the site. Each image is
approximately 200KB, for a total of 4MB.
Each gallery page will display up to 20 images in a slideshow. Each image will be approximately
800KB for a maximum total size of 48MB for all three galleries.
The totals look like this:
Webpage Code size Images Size Total Size
40 webpages – text and small graphics 400KB na 400KB
Book Gallery – 20 images 10KB 16MB ~16MB
34. Functional Design for Masterpiece Studio Senior Website Page 34
Portrait Gallery – 20 images 10KB 16MB ~16MB
WallArt Gallery – 20 images 10KB 16MB ~16MB
TOTAL ~430KB ~48MB ~50MB
The target clients for Masterpiece Studio are most likely to have broadband connections, so the
large numbers of images on the site should not be a problem. However, no page should take
more than two seconds to load, so the method of presenting images must be designed
accordingly.
All website content, including code, text, and images will be owned by Masterpiece Studio. The
images displayed on the home page and in the galleries should be updated at least twice a year.
The images displayed on the Viewing and Ordering site will need to be updated with each new
client’s images as they become available. Images older than 30 days will need to be removed,
preferably automatically. The About Us page will need to be updated when the photographer
acquires new credentials or accolades and when Masterpiece Studio forms new affiliations that
are worth advertising. The Blog page should be updated at least twice a month and preferably
every week to improve search engine optimization.
35. Functional Design for Masterpiece Studio Senior Website Page 35
References
American Fact Finder. (2000). Income distribution in 1999 of households and families: 2000.
Retrieved from http://factfinder2.census.gov
Campbell, K. K., Huxman, S. S. (2009). The rhetorical act: Thinking, speaking, and writing
critically. Belmont, CA: Wadsworth Cengage Learning.
Collages.net. (2007, September 25). Use your event sties to market to potential clients.
Retrieved from www.ppa.com
Garrand, T. (2006). Writing for multimedia and the web. A practical guide to content
development for interactive media. Burlington, MA: Focal Press.
Miller, B., Paola, P. (2005). Tell it slant: Writing and shaping creative nonfiction. New York: The
McGraw-Hill Companies, Inc.
Petty, S. (2010). 10 10 10 sales summit. Podcast retrieved from www.thejoyofmarketing.com
U.S. Census Bureau. (2010). State & County QuickFacts, Ada County, Idaho.Retrieved from
http://quickfacts.census.gov/qfd/states/16/16001.html
U.S. Department of Health & Human Services, (n.d.). Chapter 7: Navigation. Retrieved from
http://usability.gov/guidelines/index.html