Mps functional design

748
-1

Published on

This functional design documents the rhetorical strategy on which the design is based. It also documents the site architecture, content inventory, screen mockups, search engine optimization, and performance considerations for the Masterpiece Studio website.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
748
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mps functional design

  1. 1. Functional Design for Masterpiece Studio Senior Website Page 1Functional DesignProject: Masterpiece Studio Senior WebsitePrepared by: Fran McKainRevision HistoryVersion Date Authorization Responsibility/Author Reason For Changes0.0 6/28/11 NA Fran McKain Initial draft1.0 7/19/11 NA Fran McKain Ready for review
  2. 2. Functional Design for Masterpiece Studio Senior Website Page 2Contents1 Approvals .................................................................................................................... 42 Reference Documents................................................................................................. 43 Introduction ................................................................................................................ 54 About Masterpiece Studio .......................................................................................... 55 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............................................................................................................. 116 High Level Architecture............................................................................................. 117 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. 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: .................................................................................................. 328 Search Engine Optimization ...................................................................................... 339 Performance Considerations .................................................................................... 33
  4. 4. Functional Design for Masterpiece Studio Senior Website Page 41 APPROVALSName Role Signature DateFran McKain Executive Sponsor, Developer, TesterBob McKain Executive Sponsor2 REFERENCE DOCUMENTSDocument Location Publisher AuthorRequirements Specification for www.hypothetical.url Fran McKain FranMasterpiece Studio senior website McKain
  5. 5. Functional Design for Masterpiece Studio Senior Website Page 53 INTRODUCTIONThe design of the website for Masterpiece Studio must suit the goals of the company and theneeds of its target audience. It must consider the requirements of the stakeholders and includea plan for the structure, content, and performance of the site.4 ABOUT MASTERPIECE STUDIOMasterpiece Studio is a boutique portrait art studio that transforms in-house portraits, otherphotographs, 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 primarymarkets of the studio is high school seniors who will be graduating from high school andstepping out onto the broader stage of life. To attract more attention and increase clientelewithin this market, the studio wants a website that is focused on that market. This new websitewill be in addition to their existing website which serves all their clientele. This purpose isconsistent with the direction of successful portrait photographers. A podcast offered by SarahPetty of Sarah Petty Photography strongly recommended a separate website for the seniormarket (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 leasthalf of the photographers who emphasize the senior market have separate senior websites. Studio Website Separate senior site?Sarah Petty Photography www.sarahpettyseniors.com/ Y3 girls photography www.3girlsphotography.com/ NWalden’s photography www.waldensphotography.com YWestmount Photography www.westmountphotography.com NAntisdel’s Photography www.antisdelsphotography.com YLisa Dillon www.bludomain1.com/lisaD/index2.php YTim Schooler www.timschooler.com/ YJames Cook senior.jamescookphotography.com/ YPhotographyStudio K Photography www.studiokphoto.com/ YAvon Picture This www.avonpicturethis.com/seniorpicturewebsite.php YTen18 Photography www.ten18photography.com/galleries/seniors- Y gallery/Huffaker Photography www.huffakerphotography.com/#senior-pictures-des- N
  6. 6. Functional Design for Masterpiece Studio Senior Website Page 6 moines-iowa-f51b8Melissa Hathaway www.melissahathawayseniors.com/ YPhotographyFootprints Photography www.footprintsphotography.com/index2.php NMarci & Victor www.marciralphphotography.com/index2.php?v=v1 NPhotographyAnn Martin www.annmartinphotography.com/seniors1.php NPhotographyHouse of Photography www.houseofphotography.com/flash/main.html NTyler R Brown www.tylerrbrown.com/ NThe Studio|Photography www.thestudiophoto.com/ NTom Schmidt www.bestkcseniorpictures.com/ YCommonwealth www.seniors.commonwealthphoto.com/index2.php#/ YPhotography rgallery/1/For Masterpiece Studio, this extra web presence is needed because the company does notoperate from a traditional retail location and so its website is its primary business presenceprior to making personal connection with clients. A post to the blog on the ProfessionalPhotographers of America website, points out that much of the business of a portrait studio isattracted through its website (Collages.net, 2007). When a senior is looking for a portraitphotographer, a website that demonstrates a strong focus on high school seniors will stand out.5 RHETORICAL STRATEGYTo ensure that the purposes of the website are met, a rhetorical strategy has been crafted. Thisplan addresses seven categories of rhetorical elements: Purpose, audience, persona, tone,evidence, structure, and strategies (Campbell & Huxman, 2009). These are the factors involvedin persuasion. The last element—strategies—employs all these factors, and the variousresources for accomplishing them, to create a rhetorical “act” that will satisfy the purpose. Inthe following sections, these elements, and the resources that will be used to address them, areexplained.5.1 PURPOSES OF WEBSITEThe 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. 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 AUDIENCEMasterpiece Studio has identified the primary audience for this new website as high schoolseniors and their parents. More specifically, it is those seniors whose parents are willing toinvest at least $1000 on their senior portraits. It also includes those seniors whose parents arewilling to spend at least $2500 to commission a personal biography to be written about theirsenior and printed in a beautifully crafted, hardbound custom book featuring their portraits andother artwork along with the text. They are family-oriented. They care about lasting value. Theywant the very best. And they want to decorate their homes with artwork featuring those whomatter most to them. They are not price-sensitive. They are willing to pay a fair price to get thepremium quality that they demand.A family that would be willing to spend this kind of money, would probably have an annualhousehold income of at least $75,000. In Ada County in the state of Idaho where MasterpieceStudio 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 (AmericanFactFinder, 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 incomerange.5.3 PERSONAPersona is the role the persuader will assume in attempting to persuade the audience. Itdefines the relationship of the persuader to the audience and to the subject. The persuader onthis 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 peerrelationship in terms of the presumably shared desired to capture family memories becausethey 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. 8. Functional Design for Masterpiece Studio Senior Website Page 8The peer relationship will be supported by using “we” and “our” language and by describingpersonal experiences about creating (or failing to create) this type of artwork for their ownfamily. The benefit of this persona is that it helps to build trust. As the authors of Tell it Slantput it, “When we reveal our own foibles, readers can relax and know they engage inconversation with someone as human as they are” (Miller & Paola, 2005, p. 78). Building thattrust also requires knowing that they are in the hands of someone with competence—someonewho won’t lead them astray. This is why it is also necessary to demonstrate artistic andbusiness expertise. The expert relationship will be supported by presenting the skills of thestudio staff, presenting examples of their work, describing the process that will be followed inworking with the client, and sharing testimonials from previous clients.5.4 TONETone is the persuader’s attitude toward the subject. On this website, the attitude of thepersuader about the personal biography books and the beautiful wall art will be fun, butdramatic and a bit urgent because it matters immensely and the things we value slip awayquickly. 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 devicefor noticing and labeling anything we encounter. The labels we use carry connotations—theymean something to us. Some words are more powerful than others. Such loaded languageproduces strong feelings in us. Abstracting happens when we leave out details and speak inmore general terms. Doing so can be a useful method for engaging the audience because theirminds will naturally seek to fill in the missing details (Campbell & Huxman, 2009). Negationhappens when we define or abstract anything because by saying what is, we are also sayingwhat 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 beformal 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 forthe communication. Depending on the purpose, a variety of language strategies may beemployed including rhyme, slogans, labels, and metaphors (Campbell & Huxman, 2009). Somestrategies are more effective than others for certain purposes.5.4.1 LANGUAGE STYLE
  9. 9. Functional Design for Masterpiece Studio Senior Website Page 9The language style used on the website will be somewhat formal. It will use standard AmericanEnglish, proper grammar, and relatively complex sentence structure, and it will avoid the use ofslang. The studio owners specifically do not want the website to attempt to mimic thelanguage that is currently in vogue among the high school students. The purposes for thislanguage choice are to demonstrate writing competence, to elevate the thinking of theaudience to the level of the art that the studio produces, and to avoid annoying the seniors by amisguided 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. Oneexample is the phrase, “Because there’s more to you than just a pretty face,” which will be usedas a reason for commissioning a personal biography. This is known as an enthymeme which isan 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 thembesides the visible exterior.Some of the language on the website will be literal. For example, the description of the processwill communicate precisely how a book is developed. But figurative language will be used whendiscussing the art and why it matters. See the section on language strategies for more detailson figurative language choices.Because this is a website, and not a book, the language will need to be spare. One guideline isto 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 awaywith more detail because if the audience is engaged enough to navigate that far they may bewilling to do more reading.5.4.2 LANGUAGE STRATEGIESThe two purposes that the language strategies for this website will seek to accomplish are toattract the attention of the audience and to change the attitude of the audience to feel thatpersonal 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 sameinitial words in successive phrases. One specific place where this will be used is in the featurecalled “Why?” which provides several reasons for commissioning a personal biography. Theword “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. 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 ownexperience 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 willdescribe what it feels like to open a book that tells your story. It will describe how empty thehouse feels after your child leaves for college and how comforting it is to look at those life-sizewall portraits. It will describe the inner sense a teenager feels that the value her peer cultureplaces on physical appearance is overlooking something of much more significance deep insideher. Such descriptive language will also help to change the attitude of the audience about thevalue 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 usecarefully chosen words to describe these products and services and the studio that producesthem. 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.” Thestudio is a “boutique” business. The staff are “portrait artists,” “personal writers,” “bookartists” and they create “legendary” artwork.A few slogans will be used on the site as a further strategy for changing attitudes. Theprominent message on the site will be, “Someday they’ll write a book about you. Someday isnow.” The studio’s logo contains the slogan, “creating legendary portraits.” They also use theslogans, “It’s your story. We’d like to help you tell it,” and “Ordinary life is filled with the stuff oflegends.”5.5 EVIDENCEEvidence is the material provided to support the argument. For this website, the argument isthat personal biographies and portrait wall art matter because they protect something wevalue—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 booksand wall art. Second, personal stories by the studio staff about what they have done, or notdone, to protect these vital family connections, and their corresponding satisfaction or regret asa result. Third, testimonials from previous clients about how important it was for them to havethe book or wall art. And fourth, descriptions of the types of products, services, and incentivesthe studio offers.
  11. 11. Functional Design for Masterpiece Studio Senior Website Page 115.6 STRUCTUREThe way that the material is organized affects its power to persuade. There are three generalschemes to choose from in deciding how to organize any presentation: sequence-based,topical, and logical (cause-effect, problem-solution) (Campbell & Huxman, 2009). Whicheverapproach is used, there are three additional choices to make about the underlying structure. Itmay be deductive, which means that it begins with the conclusion and then provides thesupporting material. It may be inductive, which is just the reverse—building up the evidence tolead to the conclusion. Or, it may be refutative, which is a two-sided structure that presentsboth sides of the argument.For this website, the primary structure will be topical which is a common approach forwebsites. 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 themain 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 pagethat explains the studio’s process for producing a custom book will, naturally, follow achronological structure.6 HIGH LEVEL ARCHITECTURETo implement this rhetorical strategy and to satisfy the solution requirements, the site shouldhave a simple structure and navigation scheme that will not distract the user. A simplehierarchical branching structure seems best suited to this need because it is easy to understandif the categories and levels are kept to a minimum (Garrand, 2006). Therefore, the followingsite structure map is proposed.
  12. 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. 13. Functional Design for Masterpiece Studio Senior Website Page 137 CONTENT INVENTORYAll pages will contain the company logo and contact information. This will ensure that a userwill always know what site they are on, even if they arrive at the site by a path other than theHome 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 PageBODY: The background will be black and in the center will be a beautiful senior portrait. Asecond after displaying the page, the body text will appear over the portrait. The portrait willinitially display in full color and will recede into the shadows when the text is displayed. Thismechanism of first displaying the image and then fading it into the background as the textappears 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 aboutyou. Someday is now.” Below this will be links labeled “Why?” and “Cool! But I just wantportraits.”LINKS TO EXCITING ELEMENTS: • Why? - displays the first of the “Because” pages • Cool! But I just want portraits - displays the “Legendary Portraits” pageThese links are included to “lure the user deeper into the site” (Garrand, 2006, p. 146). They arealso 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 willexpand the bottom margin and display additional links (see below).
  14. 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. 15. Functional Design for Masterpiece Studio Senior Website Page 15With 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. 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 DOTITLE: Masterpiece Studio: What we doMAIN MENU: Same as Home PageSECTION MENU: • Legendary Portraits – links to the Legendary Portraits page • Personal Biographies – links to the Personal Biographies pageBODY: This page will display an image and a link for the Legendary Portraits page and anotherfor the Personal Biographies page. Clicking on either link will open the respective page.LINKS TO EXCITING ELEMENTS: NoneBOTTOM TEXT AND LINKS: Same as Home PageMOCKUPS:
  17. 17. Functional Design for Masterpiece Studio Senior Website Page 177.3 PERSONAL BIOGRAPHIESTITLE: Masterpiece Studio: Personal biographies/custom booksMAIN MENU: Same as Home PageSECTION 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 toindicate that the content now being displayed is associated with that menu option.
  18. 18. Functional Design for Masterpiece Studio Senior Website Page 18BODY: This page will describe the personal biography service provided by Masterpiece Studio.LINKS TO EXCITING ELEMENTS: NoneBOTTOM TEXT AND LINKS: Same as Home PageMOCKUPS:Personal Biographies “landing” page:
  19. 19. Functional Design for Masterpiece Studio Senior Website Page 19One of the “Process” pages:Testimonials page:
  20. 20. Functional Design for Masterpiece Studio Senior Website Page 20Senior Timeline page:Pricing page:
  21. 21. Functional Design for Masterpiece Studio Senior Website Page 21BFF Incentive page:7.4 LEGENDARY PORTRAITSTITLE: Masterpiece Studio: Legendary portraitsMAIN MENU: Same as Home PageSECTION 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, itwill change color to indicate that the content now being displayed is associated with that menuoption.BODY: This page will describe the senior portrait work provided by Masterpiece Studio.
  22. 22. Functional Design for Masterpiece Studio Senior Website Page 22LINKS TO EXCITING ELEMENTS: NoneBOTTOM TEXT AND LINKS: Same as Home PageMOCKUPS:Legendary Portraits “landing” page:
  23. 23. Functional Design for Masterpiece Studio Senior Website Page 237.5 SESSIONS PAGETITLE: Masterpiece Studio: Portrait SessionsMAIN MENU: Same as Home PageSECTION 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: NoneBOTTOM TEXT AND LINKS: Same as Home pageMOCKUPS:
  24. 24. Functional Design for Masterpiece Studio Senior Website Page 24Sessions “About” page:Sessions “Basic” page:
  25. 25. Functional Design for Masterpiece Studio Senior Website Page 257.6 BOOK SAMPLES GALLERYTITLE: Masterpiece Studio: Book SamplesMAIN MENU: Same as Home PageSECTION MENU: • Links to several different book samples.BODY: The book gallery page will display an image and a link for several different booksamples. Clicking on either the image or the link for a sample will open a new series of pagesshowing the details of that book. The left and right arrow buttons will appear on the detailpages and clicking them will allow the user to navigate through the detail pages. The pages ofthe 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 beingremoved from its box, opened, and the pages turned.LINKS TO EXCITING ELEMENTS: NoneBOTTOM TEXT AND LINKS: Same as Home page.MOCKUPS:
  26. 26. Functional Design for Masterpiece Studio Senior Website Page 26Book Samples “landing” page:After selecting a book sample:
  27. 27. Functional Design for Masterpiece Studio Senior Website Page 27Inside the book:7.7 WALL ART GALLERYTITLE: Masterpiece Studio: Wall art galleryMAIN MENU: Same as Home PageSECTION MENU: NoneBODY: The wall art gallery page will display a series of pages showing images of portraitsdisplayed in home settings. The left and right arrow buttons will appear on each page andclicking them will allow the user to navigate through the pages.LINKS TO EXCITING ELEMENTS: NoneBOTTOM TEXT AND LINKS: Same as Home PageMOCKUPS:
  28. 28. Functional Design for Masterpiece Studio Senior Website Page 28WallArt gallery “landing” page:WallArt gallery sample page:
  29. 29. Functional Design for Masterpiece Studio Senior Website Page 297.8 PORTRAIT GALLERYTITLE: Masterpiece Studio: Portrait galleryMAIN MENU: Same as Home PageSECTION MENU: NoneBODY: The portrait gallery page will display a series of pages showing portrait examples. Theleft and right arrow buttons will appear on each page and clicking them will allow the user tonavigate through the pages.LINKS TO EXCITING ELEMENTS: NoneBOTTOM TEXT AND LINKS: Same as Home PageMOCKUPS:
  30. 30. Functional Design for Masterpiece Studio Senior Website Page 307.9 WHAT TO WEARTITLE: Masterpiece Studio: Session tipsMAIN MENU: Same as Home PageSECTION 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 portraitsBODY: The body displays the text for the various section menu links described above.LINKS TO EXCITING ELEMENTS: NoneBOTTOM TEXT AND LINKS: Same as Home PageMOCKUPS: One of the Tips pages:
  31. 31. Functional Design for Masterpiece Studio Senior Website Page 317.10 US PAGETITLE: Masterpiece Studio: About us.MAIN MENU: Same as Home PageSECTION MENU: NoneBODY: 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 PageMOCKUPS:
  32. 32. Functional Design for Masterpiece Studio Senior Website Page 327.11 CONTACT PAGE:TITLE: Masterpiece Studio: ContactMAIN MENU: Same as Home PageSECTION MENU: NoneBODY: The body displays contact information for the studio.LINKS TO EXCITING ELEMENTS: NoneBOTTOM TEXT AND LINKS: Same as Home PageMOCKUPS:
  33. 33. Functional Design for Masterpiece Studio Senior Website Page 338 SEARCH ENGINE OPTIMIZATIONTo 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 keywords9 PERFORMANCE CONSIDERATIONSThe 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 shouldconsume about 400KB.There are approximately 20 images shared among the various pages of the site. Each image isapproximately 200KB, for a total of 4MB.Each gallery page will display up to 20 images in a slideshow. Each image will be approximately800KB for a maximum total size of 48MB for all three galleries.The totals look like this:Webpage Code size Images Size Total Size40 webpages – text and small graphics 400KB na 400KBBook Gallery – 20 images 10KB 16MB ~16MB
  34. 34. Functional Design for Masterpiece Studio Senior Website Page 34Portrait Gallery – 20 images 10KB 16MB ~16MBWallArt Gallery – 20 images 10KB 16MB ~16MBTOTAL ~430KB ~48MB ~50MBThe target clients for Masterpiece Studio are most likely to have broadband connections, so thelarge numbers of images on the site should not be a problem. However, no page should takemore than two seconds to load, so the method of presenting images must be designedaccordingly.All website content, including code, text, and images will be owned by Masterpiece Studio. Theimages 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 newclient’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 photographeracquires new credentials or accolades and when Masterpiece Studio forms new affiliations thatare worth advertising. The Blog page should be updated at least twice a month and preferablyevery week to improve search engine optimization.
  35. 35. Functional Design for Masterpiece Studio Senior Website Page 35 ReferencesAmerican Fact Finder. (2000). Income distribution in 1999 of households and families: 2000. Retrieved from http://factfinder2.census.govCampbell, 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.comGarrand, 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.comU.S. Census Bureau. (2010). State & County QuickFacts, Ada County, Idaho.Retrieved from http://quickfacts.census.gov/qfd/states/16/16001.htmlU.S. Department of Health & Human Services, (n.d.). Chapter 7: Navigation. Retrieved from http://usability.gov/guidelines/index.html

×