SlideShare una empresa de Scribd logo
1 de 35
Descargar para leer sin conexión
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
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
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
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
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
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.
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.
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
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.
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.
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.
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
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).
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:
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.
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:
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.
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:
Functional Design for Masterpiece Studio Senior Website   Page 19

One of the “Process” pages:




Testimonials page:
Functional Design for Masterpiece Studio Senior Website   Page 20

Senior Timeline page:




Pricing page:
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.
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:
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:
Functional Design for Masterpiece Studio Senior Website   Page 24

Sessions “About” page:




Sessions “Basic” page:
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:
Functional Design for Masterpiece Studio Senior Website   Page 26

Book Samples “landing” page:




After selecting a book sample:
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:
Functional Design for Masterpiece Studio Senior Website   Page 28

WallArt gallery “landing” page:




WallArt gallery sample page:
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:
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:
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:
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:
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
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.
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

Más contenido relacionado

Destacado

Bicentenario1ciclo
Bicentenario1cicloBicentenario1ciclo
Bicentenario1cicloKarina Vera
 
Location Villa Espagne
Location Villa EspagneLocation Villa Espagne
Location Villa EspagneAlan Bass
 
Nube: transformación del trabajo y los negocios. La Nube Trabajo colaborativo...
Nube: transformación del trabajo y los negocios. La Nube Trabajo colaborativo...Nube: transformación del trabajo y los negocios. La Nube Trabajo colaborativo...
Nube: transformación del trabajo y los negocios. La Nube Trabajo colaborativo...GeneXus
 
Cactus Botanics Introduction
Cactus Botanics IntroductionCactus Botanics Introduction
Cactus Botanics Introductioncarolcheow
 
Content Construction Kit's für Joomla
Content Construction Kit's für JoomlaContent Construction Kit's für Joomla
Content Construction Kit's für JoomlaDavid Jardin
 
Power Point para tutorías Aula Convivencia IES Rafael Alberti
Power Point para tutorías Aula Convivencia IES Rafael AlbertiPower Point para tutorías Aula Convivencia IES Rafael Alberti
Power Point para tutorías Aula Convivencia IES Rafael AlbertiSonia Torres Torres
 
Fotodegradación de Arsénico
Fotodegradación de ArsénicoFotodegradación de Arsénico
Fotodegradación de ArsénicoCristian Gonzalez
 
Servizi Grid Parity 2: ESA – Energy Saving Assistance
Servizi Grid Parity 2: ESA – Energy Saving AssistanceServizi Grid Parity 2: ESA – Energy Saving Assistance
Servizi Grid Parity 2: ESA – Energy Saving AssistanceGridParity2
 
Hipertensión pulmonar crónica por tromboembolismo
Hipertensión pulmonar crónica por tromboembolismoHipertensión pulmonar crónica por tromboembolismo
Hipertensión pulmonar crónica por tromboembolismoJuan N. Corpas
 
Hacia el avance del samu, nueva política de salud visión hecha realidad - CIC...
Hacia el avance del samu, nueva política de salud visión hecha realidad - CIC...Hacia el avance del samu, nueva política de salud visión hecha realidad - CIC...
Hacia el avance del samu, nueva política de salud visión hecha realidad - CIC...CICAT SALUD
 
EIGRP - Enhanced Interior Gateway Routing Protocol v1.0
EIGRP - Enhanced Interior Gateway Routing Protocol v1.0EIGRP - Enhanced Interior Gateway Routing Protocol v1.0
EIGRP - Enhanced Interior Gateway Routing Protocol v1.0Gianpietro Lavado
 
April Newsletter to mail
April Newsletter to  mailApril Newsletter to  mail
April Newsletter to mailMaureen Cooke
 
Responsabilidad Social Corporativa - Informe 2015
Responsabilidad Social Corporativa - Informe 2015Responsabilidad Social Corporativa - Informe 2015
Responsabilidad Social Corporativa - Informe 2015INFORMA D&B
 
Curso de Posgrado en CRM, Marketing Relacional y CEM
Curso de Posgrado en CRM, Marketing Relacional y CEMCurso de Posgrado en CRM, Marketing Relacional y CEM
Curso de Posgrado en CRM, Marketing Relacional y CEMHugo Brunetta
 
Que Es Una Hoja De Calculo 2
Que Es Una Hoja De Calculo 2Que Es Una Hoja De Calculo 2
Que Es Una Hoja De Calculo 2brendam15
 

Destacado (20)

Bicentenario1ciclo
Bicentenario1cicloBicentenario1ciclo
Bicentenario1ciclo
 
Location Villa Espagne
Location Villa EspagneLocation Villa Espagne
Location Villa Espagne
 
Nube: transformación del trabajo y los negocios. La Nube Trabajo colaborativo...
Nube: transformación del trabajo y los negocios. La Nube Trabajo colaborativo...Nube: transformación del trabajo y los negocios. La Nube Trabajo colaborativo...
Nube: transformación del trabajo y los negocios. La Nube Trabajo colaborativo...
 
Cactus Botanics Introduction
Cactus Botanics IntroductionCactus Botanics Introduction
Cactus Botanics Introduction
 
Nyeleni newsletter num_13_es
Nyeleni newsletter num_13_esNyeleni newsletter num_13_es
Nyeleni newsletter num_13_es
 
Content Construction Kit's für Joomla
Content Construction Kit's für JoomlaContent Construction Kit's für Joomla
Content Construction Kit's für Joomla
 
Power Point para tutorías Aula Convivencia IES Rafael Alberti
Power Point para tutorías Aula Convivencia IES Rafael AlbertiPower Point para tutorías Aula Convivencia IES Rafael Alberti
Power Point para tutorías Aula Convivencia IES Rafael Alberti
 
R.I.P (Not Rest in Peace)
R.I.P (Not Rest in Peace)R.I.P (Not Rest in Peace)
R.I.P (Not Rest in Peace)
 
Fotodegradación de Arsénico
Fotodegradación de ArsénicoFotodegradación de Arsénico
Fotodegradación de Arsénico
 
Servizi Grid Parity 2: ESA – Energy Saving Assistance
Servizi Grid Parity 2: ESA – Energy Saving AssistanceServizi Grid Parity 2: ESA – Energy Saving Assistance
Servizi Grid Parity 2: ESA – Energy Saving Assistance
 
Hipertensión pulmonar crónica por tromboembolismo
Hipertensión pulmonar crónica por tromboembolismoHipertensión pulmonar crónica por tromboembolismo
Hipertensión pulmonar crónica por tromboembolismo
 
Hacia el avance del samu, nueva política de salud visión hecha realidad - CIC...
Hacia el avance del samu, nueva política de salud visión hecha realidad - CIC...Hacia el avance del samu, nueva política de salud visión hecha realidad - CIC...
Hacia el avance del samu, nueva política de salud visión hecha realidad - CIC...
 
Leishmaniasis orduna pregrado uba
Leishmaniasis orduna pregrado ubaLeishmaniasis orduna pregrado uba
Leishmaniasis orduna pregrado uba
 
Curso animador turistico
Curso animador turisticoCurso animador turistico
Curso animador turistico
 
EIGRP - Enhanced Interior Gateway Routing Protocol v1.0
EIGRP - Enhanced Interior Gateway Routing Protocol v1.0EIGRP - Enhanced Interior Gateway Routing Protocol v1.0
EIGRP - Enhanced Interior Gateway Routing Protocol v1.0
 
April Newsletter to mail
April Newsletter to  mailApril Newsletter to  mail
April Newsletter to mail
 
Responsabilidad Social Corporativa - Informe 2015
Responsabilidad Social Corporativa - Informe 2015Responsabilidad Social Corporativa - Informe 2015
Responsabilidad Social Corporativa - Informe 2015
 
Curso de Posgrado en CRM, Marketing Relacional y CEM
Curso de Posgrado en CRM, Marketing Relacional y CEMCurso de Posgrado en CRM, Marketing Relacional y CEM
Curso de Posgrado en CRM, Marketing Relacional y CEM
 
Accion pedagogica
Accion pedagogicaAccion pedagogica
Accion pedagogica
 
Que Es Una Hoja De Calculo 2
Que Es Una Hoja De Calculo 2Que Es Una Hoja De Calculo 2
Que Es Una Hoja De Calculo 2
 

Similar a Mps functional design

Product Management - Dancing For Revenue
Product Management - Dancing For RevenueProduct Management - Dancing For Revenue
Product Management - Dancing For RevenueJon Gatrell
 
Photo sharing final paper
Photo sharing final paperPhoto sharing final paper
Photo sharing final paperMarlena Schmitt
 
The Life of a Startup Founder
The Life of a Startup FounderThe Life of a Startup Founder
The Life of a Startup FounderJeff Thompson
 
Deciding what to build without killing each other
Deciding what to build without killing each otherDeciding what to build without killing each other
Deciding what to build without killing each otherPhilip Likens
 
Maysoun Mohamed Social Resume
Maysoun Mohamed Social ResumeMaysoun Mohamed Social Resume
Maysoun Mohamed Social ResumeMaysoun Mohamed
 
Sam jae portfolio [03.17].compressed
Sam jae portfolio [03.17].compressedSam jae portfolio [03.17].compressed
Sam jae portfolio [03.17].compressedSam Jae
 
Career advice on_how_to_make_a_career_in_photograp
Career advice on_how_to_make_a_career_in_photograpCareer advice on_how_to_make_a_career_in_photograp
Career advice on_how_to_make_a_career_in_photograpnishajj
 
How to Make Money as a travel photographer
How to Make Money as a travel photographerHow to Make Money as a travel photographer
How to Make Money as a travel photographerzyako
 
Pluginblc11 post
Pluginblc11 postPluginblc11 post
Pluginblc11 postsewilkie
 
Alex Manchester Pria 08 Slideshare
Alex Manchester Pria 08 SlideshareAlex Manchester Pria 08 Slideshare
Alex Manchester Pria 08 SlideshareAlex Manchester
 
Are We Really Better Safe Than Sorry
Are We Really Better Safe Than SorryAre We Really Better Safe Than Sorry
Are We Really Better Safe Than SorryKathryn Bergeron
 
Manuel deangelo visual_resumestoryboard
Manuel deangelo visual_resumestoryboardManuel deangelo visual_resumestoryboard
Manuel deangelo visual_resumestoryboarddmanuel1
 
Sam jae portfolio & cv
Sam jae portfolio & cv Sam jae portfolio & cv
Sam jae portfolio & cv Sam Jae
 
Innovation : Fresh Practice
Innovation : Fresh PracticeInnovation : Fresh Practice
Innovation : Fresh Practicehblowers
 
Refresh Belfast: the changing role of design - 17-05-2010
Refresh Belfast: the changing role of design - 17-05-2010Refresh Belfast: the changing role of design - 17-05-2010
Refresh Belfast: the changing role of design - 17-05-2010Front
 

Similar a Mps functional design (20)

Product Management - Dancing For Revenue
Product Management - Dancing For RevenueProduct Management - Dancing For Revenue
Product Management - Dancing For Revenue
 
Photo sharing final paper
Photo sharing final paperPhoto sharing final paper
Photo sharing final paper
 
The Life of a Startup Founder
The Life of a Startup FounderThe Life of a Startup Founder
The Life of a Startup Founder
 
Deciding what to build without killing each other
Deciding what to build without killing each otherDeciding what to build without killing each other
Deciding what to build without killing each other
 
Maysoun Mohamed Social Resume
Maysoun Mohamed Social ResumeMaysoun Mohamed Social Resume
Maysoun Mohamed Social Resume
 
Oow 2008 Final
Oow 2008 FinalOow 2008 Final
Oow 2008 Final
 
Sam jae portfolio [03.17].compressed
Sam jae portfolio [03.17].compressedSam jae portfolio [03.17].compressed
Sam jae portfolio [03.17].compressed
 
Summon Presentation
Summon PresentationSummon Presentation
Summon Presentation
 
Career advice on_how_to_make_a_career_in_photograp
Career advice on_how_to_make_a_career_in_photograpCareer advice on_how_to_make_a_career_in_photograp
Career advice on_how_to_make_a_career_in_photograp
 
Tracys pecha kucha
Tracys pecha kuchaTracys pecha kucha
Tracys pecha kucha
 
How to Make Money as a travel photographer
How to Make Money as a travel photographerHow to Make Money as a travel photographer
How to Make Money as a travel photographer
 
Pluginblc11 post
Pluginblc11 postPluginblc11 post
Pluginblc11 post
 
Pluginblc11 post
Pluginblc11 postPluginblc11 post
Pluginblc11 post
 
Alex Manchester Pria 08 Slideshare
Alex Manchester Pria 08 SlideshareAlex Manchester Pria 08 Slideshare
Alex Manchester Pria 08 Slideshare
 
Are We Really Better Safe Than Sorry
Are We Really Better Safe Than SorryAre We Really Better Safe Than Sorry
Are We Really Better Safe Than Sorry
 
FMP Proposal
FMP ProposalFMP Proposal
FMP Proposal
 
Manuel deangelo visual_resumestoryboard
Manuel deangelo visual_resumestoryboardManuel deangelo visual_resumestoryboard
Manuel deangelo visual_resumestoryboard
 
Sam jae portfolio & cv
Sam jae portfolio & cv Sam jae portfolio & cv
Sam jae portfolio & cv
 
Innovation : Fresh Practice
Innovation : Fresh PracticeInnovation : Fresh Practice
Innovation : Fresh Practice
 
Refresh Belfast: the changing role of design - 17-05-2010
Refresh Belfast: the changing role of design - 17-05-2010Refresh Belfast: the changing role of design - 17-05-2010
Refresh Belfast: the changing role of design - 17-05-2010
 

Más de Fran McKain

Mps requirements specification
Mps requirements specificationMps requirements specification
Mps requirements specificationFran McKain
 
History of the quality milk company
History of the quality milk companyHistory of the quality milk company
History of the quality milk companyFran McKain
 
Ethics for senior portraits
Ethics for senior portraitsEthics for senior portraits
Ethics for senior portraitsFran McKain
 
Beyond requirements
Beyond requirementsBeyond requirements
Beyond requirementsFran McKain
 
Beyond requirements
Beyond requirementsBeyond requirements
Beyond requirementsFran McKain
 
A tale of bad requirements
A tale of bad requirementsA tale of bad requirements
A tale of bad requirementsFran McKain
 
Why the mona lisa is so famous
Why the mona lisa is so famousWhy the mona lisa is so famous
Why the mona lisa is so famousFran McKain
 

Más de Fran McKain (10)

Req pro tips
Req pro tipsReq pro tips
Req pro tips
 
Mps requirements specification
Mps requirements specificationMps requirements specification
Mps requirements specification
 
History of the quality milk company
History of the quality milk companyHistory of the quality milk company
History of the quality milk company
 
Grant proposal
Grant proposalGrant proposal
Grant proposal
 
Ethics for senior portraits
Ethics for senior portraitsEthics for senior portraits
Ethics for senior portraits
 
Candle power
Candle powerCandle power
Candle power
 
Beyond requirements
Beyond requirementsBeyond requirements
Beyond requirements
 
Beyond requirements
Beyond requirementsBeyond requirements
Beyond requirements
 
A tale of bad requirements
A tale of bad requirementsA tale of bad requirements
A tale of bad requirements
 
Why the mona lisa is so famous
Why the mona lisa is so famousWhy the mona lisa is so famous
Why the mona lisa is so famous
 

Último

Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service AvailableCall Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service AvailableSeo
 
Monthly Social Media Update April 2024 pptx.pptx
Monthly Social Media Update April 2024 pptx.pptxMonthly Social Media Update April 2024 pptx.pptx
Monthly Social Media Update April 2024 pptx.pptxAndy Lambert
 
Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...
Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...
Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...lizamodels9
 
BAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRL
BAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRLBAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRL
BAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRLkapoorjyoti4444
 
Call Girls Electronic City Just Call 👗 7737669865 👗 Top Class Call Girl Servi...
Call Girls Electronic City Just Call 👗 7737669865 👗 Top Class Call Girl Servi...Call Girls Electronic City Just Call 👗 7737669865 👗 Top Class Call Girl Servi...
Call Girls Electronic City Just Call 👗 7737669865 👗 Top Class Call Girl Servi...amitlee9823
 
Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...
Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...
Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...amitlee9823
 
Chandigarh Escorts Service 📞8868886958📞 Just📲 Call Nihal Chandigarh Call Girl...
Chandigarh Escorts Service 📞8868886958📞 Just📲 Call Nihal Chandigarh Call Girl...Chandigarh Escorts Service 📞8868886958📞 Just📲 Call Nihal Chandigarh Call Girl...
Chandigarh Escorts Service 📞8868886958📞 Just📲 Call Nihal Chandigarh Call Girl...Sheetaleventcompany
 
Uneak White's Personal Brand Exploration Presentation
Uneak White's Personal Brand Exploration PresentationUneak White's Personal Brand Exploration Presentation
Uneak White's Personal Brand Exploration Presentationuneakwhite
 
MONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRL
MONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRLMONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRL
MONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRLSeo
 
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...Aggregage
 
Katrina Personal Brand Project and portfolio 1
Katrina Personal Brand Project and portfolio 1Katrina Personal Brand Project and portfolio 1
Katrina Personal Brand Project and portfolio 1kcpayne
 
Call Girls In Panjim North Goa 9971646499 Genuine Service
Call Girls In Panjim North Goa 9971646499 Genuine ServiceCall Girls In Panjim North Goa 9971646499 Genuine Service
Call Girls In Panjim North Goa 9971646499 Genuine Serviceritikaroy0888
 
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...rajveerescorts2022
 
FULL ENJOY Call Girls In Majnu Ka Tilla, Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Majnu Ka Tilla, Delhi Contact Us 8377877756FULL ENJOY Call Girls In Majnu Ka Tilla, Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Majnu Ka Tilla, Delhi Contact Us 8377877756dollysharma2066
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756dollysharma2066
 
Organizational Transformation Lead with Culture
Organizational Transformation Lead with CultureOrganizational Transformation Lead with Culture
Organizational Transformation Lead with CultureSeta Wicaksana
 
How to Get Started in Social Media for Art League City
How to Get Started in Social Media for Art League CityHow to Get Started in Social Media for Art League City
How to Get Started in Social Media for Art League CityEric T. Tung
 

Último (20)

Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service AvailableCall Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
 
Monthly Social Media Update April 2024 pptx.pptx
Monthly Social Media Update April 2024 pptx.pptxMonthly Social Media Update April 2024 pptx.pptx
Monthly Social Media Update April 2024 pptx.pptx
 
Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...
Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...
Call Girls In DLf Gurgaon ➥99902@11544 ( Best price)100% Genuine Escort In 24...
 
BAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRL
BAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRLBAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRL
BAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRL
 
Call Girls Electronic City Just Call 👗 7737669865 👗 Top Class Call Girl Servi...
Call Girls Electronic City Just Call 👗 7737669865 👗 Top Class Call Girl Servi...Call Girls Electronic City Just Call 👗 7737669865 👗 Top Class Call Girl Servi...
Call Girls Electronic City Just Call 👗 7737669865 👗 Top Class Call Girl Servi...
 
Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...
Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...
Call Girls Jp Nagar Just Call 👗 7737669865 👗 Top Class Call Girl Service Bang...
 
Chandigarh Escorts Service 📞8868886958📞 Just📲 Call Nihal Chandigarh Call Girl...
Chandigarh Escorts Service 📞8868886958📞 Just📲 Call Nihal Chandigarh Call Girl...Chandigarh Escorts Service 📞8868886958📞 Just📲 Call Nihal Chandigarh Call Girl...
Chandigarh Escorts Service 📞8868886958📞 Just📲 Call Nihal Chandigarh Call Girl...
 
Forklift Operations: Safety through Cartoons
Forklift Operations: Safety through CartoonsForklift Operations: Safety through Cartoons
Forklift Operations: Safety through Cartoons
 
Uneak White's Personal Brand Exploration Presentation
Uneak White's Personal Brand Exploration PresentationUneak White's Personal Brand Exploration Presentation
Uneak White's Personal Brand Exploration Presentation
 
MONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRL
MONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRLMONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRL
MONA 98765-12871 CALL GIRLS IN LUDHIANA LUDHIANA CALL GIRL
 
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...
 
Katrina Personal Brand Project and portfolio 1
Katrina Personal Brand Project and portfolio 1Katrina Personal Brand Project and portfolio 1
Katrina Personal Brand Project and portfolio 1
 
Call Girls In Panjim North Goa 9971646499 Genuine Service
Call Girls In Panjim North Goa 9971646499 Genuine ServiceCall Girls In Panjim North Goa 9971646499 Genuine Service
Call Girls In Panjim North Goa 9971646499 Genuine Service
 
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...
 
FULL ENJOY Call Girls In Majnu Ka Tilla, Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Majnu Ka Tilla, Delhi Contact Us 8377877756FULL ENJOY Call Girls In Majnu Ka Tilla, Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Majnu Ka Tilla, Delhi Contact Us 8377877756
 
unwanted pregnancy Kit [+918133066128] Abortion Pills IN Dubai UAE Abudhabi
unwanted pregnancy Kit [+918133066128] Abortion Pills IN Dubai UAE Abudhabiunwanted pregnancy Kit [+918133066128] Abortion Pills IN Dubai UAE Abudhabi
unwanted pregnancy Kit [+918133066128] Abortion Pills IN Dubai UAE Abudhabi
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
Organizational Transformation Lead with Culture
Organizational Transformation Lead with CultureOrganizational Transformation Lead with Culture
Organizational Transformation Lead with Culture
 
How to Get Started in Social Media for Art League City
How to Get Started in Social Media for Art League CityHow to Get Started in Social Media for Art League City
How to Get Started in Social Media for Art League City
 
Falcon Invoice Discounting platform in india
Falcon Invoice Discounting platform in indiaFalcon Invoice Discounting platform in india
Falcon Invoice Discounting platform in india
 

Mps functional design

  • 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