Divine Beauty Boutique
Charisse Woods
N241
April 27, 2014
Modified on April 29, 2014
Purpose
The purpose of the Divine Beauty Boutique website is to provide this up and coming
business with advertisement. I want this site to be professional with its look and content. The
web page should show a professional, but creative side of this company. The site should attract
the attention of consumers and should stand out from other competing webpages. I want to
provide this company with consumers, while also providing the consumers with a webpage with
enough information where they feel comfortable with visiting this boutique.
Needs Analysis
This site will be setup to answer the following questions, and provide information in the
following areas:








Information about the boutique
Makeup Artist
Nail Artist
Hair stylist
Different Services offered
Pricing
Birthday parties, Weddings, and Group events
Contact information.
The site will provide the consumers with enough persuading information where they will
have no choice but want to visit the Devine Beauty Boutique.
Goals
1. Provide a webpage that looks good and has enough information that other competing
sites cannot.
2. Provide a user friendly webpage.
3. Provide the company with a reliable webpage that can bring them business.
Audience Characteristics
Individuals visiting Divine Beauty Boutiques webpage will have audience with similar
characteristics.
Audience:



Will be looking for a comforting and professional beauty salon.
.Will be looking for a salon with a reasonable price.
Have knowledge of the type of services that they want to experience.
Primary Audience
The primary audience for the site are adults who are either interested in providing
themselves or their children with a lavish time of beauty. The audience will partake in this site
to get reassurance that the company is a good choice for them.
Secondary Audience
The secondary audience is children looking for a princess experience. They will be able
to experience a magical time while at this boutique. Their parents will be able to have a
wonderful and relaxing time also.
Competition:
There are many beauty sites that are avaible on the web now. That is why my web
page should stand out. Most sites have either a simple site or others sites get
creative and have a fun design. There are no other web pages that will fuse both
worlds together to create a major design.
The first competitor sites are: http://www.splashhairsalon.com/
 The site is professional, but it seems a little too uptight. I
 It kind of makes you feel like if you don’t have a lot money you wouldn’t
want visit their business.
The second competitor site is:
http://www.trendsettershairdesigngroup.com/index.htm
 This site is simple, but it is more relaxing than the last site.
 This site doesn’t have many images, which some customers like.
Site Map:
Wire Frame
*Note all images are just for project use they are not owned images. The Divine Beauty Boutique
has not been built yet. Also there will be slight changes to the main site this is just a rough draft.
Project Documentation List
Feature
External Stylesheet
URL
http://cs.iupui.edu/~chwoodsm/n241/final.css
Embedded Stylesheet
http://cs.iupui.edu/~chwoodsm/n241/Home.html
Header comment
http://cs.iupui.edu/~chwoodsm/n241/Home.html
CSS Style Comment
http://cs.iupui.edu/~chwoodsm/n241/final.css
Example of a table
http://cs.iupui.edu/~chwoodsm/n241/contact.html
Example of a <blockquote>
http://cs.iupui.edu/~chwoodsm/n241/Home.html
Example of an <ol> list
http://cs.iupui.edu/~chwoodsm/n241/Menu.html
Example of an <ul> list
http://cs.iupui.edu/~chwoodsm/n241/Menu.html
Example of a <dl> list
http://cs.iupui.edu/~chwoodsm/n241/Home.html
Example of an image map
http://cs.iupui.edu/~chwoodsm/n241/services.html
Example of a PNG or GIF
image
Example of a JPG image
Example of a form
Example of a css-delivered
roll over
http://cs.iupui.edu/~chwoodsm/n241/Menu.html
Example of a style that
overrides another
Example of a JavaScript
Plugin
Example of Typography
http://cs.iupui.edu/~chwoodsm/n241/Home.html
Any Other Feature(s) You
Might Want Considered
http://www.cs.iupui.edu/~chwoodsm/finalProj/services.html
http://www.cs.iupui.edu/~chwoodsm/finalProj/contact.html
All pages and the css:
http://cs.iupui.edu/~chwoodsm/n241/final.css
Was unable to do the javaScript part.
http://cs.iupui.edu/~chwoodsm/n241/Menu.html
http://cs.iupui.edu/~chwoodsm/n241/final.css
None
Get Testy:
I tested my site on four different computers, using IE, Fire Fox, Chrome, and Safari. The only
time the site was messed up and loaded slowly was in IE. I was unable to us the links that were
provided by the instructor because they cost.
Post-Project Analysis
 How did you revise your project?
I made many changes to my html page. The wire frame had the same content, but a different
design. I add more tags and way more styles.
 What learning did you take from the process of creating your project?
The things I took from this project was that it takes way more time than what one may think to
complete a big project of this caliber. I had a hard time with getting everything done on time and
after a lot of research I completed the project. Some good techniques I learned from this project
was embedded style sheets, typography using CSS, and <dl> definition tags.
 Are there any sections that didn't work as you like? ie, you might be happy with presentation in
Mozilla, but not in IE; etc Yes the <dl> and <ul> list mess up a lot in IE. Everything else came
out better than I thought. I had such a hard time coding I believe that my web page came out
great, but in IE it has some problems.
Bibliography
Almost all my help came from:
"HTML4 and HTML5 Tutorial." HTML Tutorial. N.p., n.d. Web. 2 May 2014.
<http://www.w3schools.com/html/DEFAULT.asp>.
Gif came from:
"Toy Story Animated GIF." Giphy. N.p., n.d. Web. 2 May 2014.
<http://giphy.com/gifs/Tzbksv6yHCXjW>.