Jill’s Cleaning and Property Management (JCPM) · Project Title : Jill’s Cleaning and Property...

Rosana Powell

Com 3470 – Writing for Interactive Media

Professor Peggy O’Neill‐Jones

JCPM

May 9, 2010

Jill’s Cleaning and Property

Management (JCPM) Production Notebook

A6 – Final Assignment

May 9, 2010

Jill’s Cleaning and Property Management (JCPM) Rosana Powell

Goal Statement

Project Title :

Goal:

Jill’s Cleaning and Property Management (JCPM)

Goal Statement:

This website has two goals. The first is to assist the users in determining which type of cleaning service provided by JCPM fits into their lifestyle and budget. The second goal is to educate the users of the importance of choosing safe, eco-friendly cleaning products that promote healthy results.

May 9, 2010


Audience Analysis

Project Title :

Primary User:

Secondary User


Female

Age: between 30-65 years

Class: Upper-middle

Married with children

Northern Colorado: Arvada, Broomfield, Boulder, Westminster, etc.

Size of home: at least 2000 square feet

Total household income at least $80,000 with disposable income for cleaning service

Able to Google information to find cleaning services in local area. Uses computers on a daily basis for work, socializing, and children's homework.

Busy with work, social events and children's events (soccer practice, music lessons, school functions, etc.)

Laptop computers in home with wireless internet service.

Property Owner

Male

Age: between 35-65 years

Uses computer as needed not for social activities

Business income between $1M and $1.5M per year per property

Northern Colorado (Possibly Metro area)

Travels often; owns multiple homes

May 9, 2010


Objective

Project Title :

Objectives:


Objectives:

What the user will do to accomplish the goal:

· Assess the company’s history and reputation in the Denver Metro Area to determine their reliability and success.

(About Us Link)

· Evaluate the types of cleaning services provided to determine which service and cost will be the most economical and the best match for their needs.

(Services Link)

· Evaluate the cleaning solutions and products used in their cleaning process to determine if they are eco-friendly products and will be the best product in promoting healthy results for their family, their business and the environment.

(Safe for You & Safe for the Environment Link)

· Review customer testimonials to review references.

(Customer Testimonials Link)

· Question all aspects of the service and company to find answers.

(FAQ’s link)

· Arrange contact support from the company to schedule appointment online and pre-pay for services on line.

(Contact Us link)

(I see the photos for the homes and commercial buildings on the Flash

Page of the website.)

May 9, 2010


Content Outline

Project Title : Jill’s Cleaning and Property Management

Content Outline:

1. Introduction / Splash Screen

2. Main Menu/Navigation Screen

3. About Us

3.1 Our Company

3.2 Jill’s Profile

4. Our Services

4.1 Residential Cleaning

4.2 Commercial Cleaning

4.3 Spring Cleaning

4.4 Move-Out Cleaning

5. Green – Safe for You

5.1 Green Cleaning Solutions

5.2 Green Cleaning Equipment

6. Testimonials

6.1 Residential Client

6.2 Commercial Client

7. FAQ’s

8. Contact Us

8.1 Set Up/Schedule

8.2 Pay On-Line

May 9, 2010


JCPM Site Flow Chart

May 9, 2010


Design Metaphor/Treatment

Content Storyboard 1‐4 Project Title: Jill’s Cleaning & Property Management (JCPM)

Storyboard File: File 1.0 of 4 Treatments

Frame #: 1.0 SS Template

Template: Introduction / Splash Menu (Treatment)

Frame Description: (Overall description of the visual, aural, and interactive elements that occur in the frame)

The splash screen of the JCPM site begins with an animation of 9 photos fading in and out slowly almost floating. The photos consist of couples relaxing in their living room, snuggling on a couch, having coffee in a living room, a family watching a movie, playing a game and sitting on a beach. These photos depict couples and families relaxing and enjoying time together instead of cleaning. The background is blocks of pleasant greenish blues these are the colors and background scheme used throughout the site. The entire splash screen evokes a feeling of relaxation through the colors, images and music.

Two blue buttons in the lower right corner allows the user to “Skip Intro” and “Music On/Off”

Audio Narration Description: The captions scroll across the photos as they fade out. File: Splash Screen Narration.docx Script: “Weekends weren’t meant for doing housework. . .” “Discover house cleaning that’s affordable, reliable and convenient.” “Come on in to Jill’s Cleaning we’ll make your house sparkle!” Sound Effects Description: N/A File: N/A Music Description: Light, airy and upbeat background music. Continuous loop until animated splash screen stops or user activates “Music On/Off button or user enters site.

File: Intro Audio.wav Intro Audio.wav

Programming Programming: The rollover buttons and links highlight when clicked Description: When the rollover buttons are clicked they will highlight to a lighter color than current Branching: When “Skip Intro” is clicked user is taken to home page Description: Takes user to home page for JCPM

May 9, 2010


Graphics Buttons Description: Skip Intro Button - Blue gradient #3F59D2 to F#000000 – Skip Intro Text in Arial 10 pt Black Description: Music On/Off Button - Blue gradient #3F59D2 to F#000000 – Music On/Off Text in Arial 10 pt Black File: Bubble2 blue.fla; bubble2.blue copy.fla

Backgrounds: The background are blocks of pleasant greenish blues Description: The colors range from #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6. These are the colors and background scheme used throughout the site. File: Background Template.ai Icons/Screen Elements: Rollover menu bar buttons Description: gradients using #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6, outlined in silver with a drop shadow and white text File: Blue Button1.fla; Blue Button2.fla, Blue Button3.fla Images: Header Images: Cleaning Bucket made to look like a tile, Cleaning Supplies made to look like a tile, Maid with a broom and dust pan made to look like a tile. Animated Images: Couple Relaxing, Family Talking, Couple Kissing, Family Coloring, Couple Expecting, Couple on Couch, Couple with Coffee, Family at Beach, Family watching movie.

Description: Cleaning images made to look like tiles on header bar will remain consistent Text

On Screen: Captions roll across the screen as the photos fade in and out. Description: “Weekends weren’t meant for doing housework. . .” “Discover house cleaning that’s affordable, reliable and convenient.” “Come on in to Jill’s Cleaning we’ll make your house sparkle!” File: Splash Screen Narration.docx Off Screen: N/A Description: N/A File: N/A

May 9, 2010


Animation Path: Middle of the screen and top of screen Description: Photos fade in and out, text scrolls into screen

File: expressInstall.swf JCPM Property Mgmt.html JCPM Property Mgmt.mp4

JCPM Property Mgmt_controller.swf swfobject.js

Produced: Rosana Powell Description: Produced using Adobe Flash CS4 File: JCPM Property Mgmt_controller.swf; JCPM Property Mgmt.html; JCPM Property Mgmt.mp4 Interface Elements Fonts: Lucida Calligraphy 14 pt Bold – Black Color for titles – True Type Font Arial 12 or 12 pt black for text Description: Lucida Calligraphy is an italic flowing font and Arial is a very clear serif font giving some contrast to each other. File: LCALLIG.ttf; Arial.ttf; Arialbd.ttf Menu/Cursor: See Graphics Heading Description: See Graphics Heading File: See Graphics Heading User Input: See Graphics Heading Description: See Graphics Heading File: See Graphics Heading

May 9, 2010


Thumbnail Sketch - Storyboard File: File 1.0 of 4 - Frame #: 1.0 SS Template Representation of Splash Screen (One image shown, not full animation):

May 9, 2010


Project Title: Jill’s Cleaning & Property Management (JCPM)

Storyboard File: 2.0 of 4 Treatments

Frame#: 2.0 MM Template

Template: Main Menu/Navigation Screen (Jill's Profile) Treatment


The Main Menu is for users to see the company’s mission statement, Jill’s profile and access all other areas of the web site via the navigation bar across the top of the page. The music will no longer play and the splash screen will end so the two blue buttons that refer to these two elements are no longer present. The main menu continues to utilize the company name, page layout and colors from splash screen keeping in line with the overall theme of the site.

Audio Narration: None Description: None File: None Script: None Sound Effects: None Description: None File: None Music: None Description: None File: None Programming Programming: The rollover buttons and links highlight when clicked and change to a lighter color showing selection. Description: When the rollover buttons are clicked they will highlight to a lighter color than current. Branching: The rollover Home Returns to Home Page Rollover Our Services takes user to submenu and page for Our Services Rollover Safe For You takes user to submenu and page for Safe For You Rollover Testimonials takes user to submenu and page for Testimonials Rollover FAQ’s takes user to submenu and page for Testimonials Rollover Contact Us takes user to submenu and page for Contact Us Description: Main links take user to submenu of new page. Graphics Buttons Description: Blue gradient #3F59D2 to F#000000 –Text in Arial 10 pt Reversed Description: Blue gradients buttons using #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6, outlined in silver with a drop shadow and white text File: Blue Button1.fla; Blue Button2.fla, Blue Button3.fla

Backgrounds: The background is blocks of pleasant greenish blues. Description: The colors range from #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6. These are the colors and background scheme used throughout the site. File: Background Template.ai

May 9, 2010


Icons/Screen Elements: Rollover menu bar buttons Description: Blue gradients buttons using #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6, outlined in silver with a drop shadow and white text File: Blue Button1.fla; Blue Button2.fla, Blue Button3.fla Images: Header Images: Cleaning Bucket made to look like a tile, Cleaning Supplies made to look like a tile, Maid with a broom and dust pan made to look like a tile. Floating sparkling bubbles.

Description: File: Cleaning Bucket.jpg; Maid.jpg; Cleaning Supplies.jpg; Bubbles.jpg Text On Screen: Home, Our Services, Safe for You, Testimonials, FAQ’s, Contact Description: Our Mission- brief description of company mission statement Jill’s Profile- brief description of Jill’s work experience and history File: JCPM Mission.docx; JCPM Profile.docx Off Screen: None Description : None File: None Animation Path: None Description: None File: None Produced: None Description: None File: None

Interface Elements Fonts: Lucida Calligraphy 14 pt Bold – Black Color for titles – True Type Font Arial 12 or 12 pt black for text Description: Lucida Calligraphy is an italic flowing font and Arial is a very clear serif font giving some contrast to each other. File: LCALLIG.ttf; Arial.ttf; Arialbd.ttf Menu/Cursor: See Graphics Heading Description: See Graphics Heading File: See Graphics Heading User Input: See Graphics Heading Description: See Graphics Heading File: See Graphics Heading

May 9, 2010


Thumbnail Sketch - Storyboard File: 2.0 of 4 - Frame#: 2.0 MM Template Representation of Main Menu Page:

May 9, 2010



Storyboard File: 3.0 of 4 Treatments

Frame #: 4.0 SM Template

Template: Sub Menu Screen (Our Services) Treatment


This is the submenu template that contains the basic layout and features for the sub menu pages of the site. The header with the three cleaning tiles remains on this page and all subsequent subpages adding to the uniform branding of the site. The menu links remain the same across the top of the page and links to all other pages allowing the user to access all other submenus. The general idea for each Submenu is to provide a brief description of each topic and allow the user to select which area they are interested in looking at.

Audio Narration Description: None File: None Script: None Sound Effects: Description: None File: None Music Description: None File: None Programming Programming: The rollover buttons and links highlight when clicked and change to a lighter color showing selection. Description: When the rollover buttons are clicked they will highlight to a lighter color than current. Branching: The rollover Home Returns to Home Page Rollover Our Services takes user to submenu and page for Our Services Rollover Safe For You takes user to submenu and page for Safe For You Rollover Testimonials takes user to submenu and page for Testimonials Rollover FAQ’s takes user to submenu and page for Testimonials Rollover Contact Us takes user to submenu and page for Contact Us Description: Links take user to submenu of new page or return to the Home page. Graphics Buttons Description: Blue gradient #3F59D2 to F#000000 –Text in Arial 10 pt Reversed Description: Blue gradients buttons using #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6, outlined in silver with a drop shadow and white text File: Blue Button1.fla; Blue Button2.fla, Blue Button3.fla

Backgrounds: The background is blocks of pleasant greenish blues.

May 9, 2010


Description: The colors range from #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6. These are the colors and background scheme used throughout the site. File: Background Template.ai Icons/Screen Elements: Rollover menu bar buttons Description: Blue gradients buttons using #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6, outlined in silver with a drop shadow and white text File: Blue Button1.fla; Blue Button2.fla, Blue Button3.fla Images: Header Images: Cleaning Bucket made to look like a tile, Cleaning Supplies made to look like a tile, Maid with a broom and dust pan made to look like a tile. Description: Images relating to each submenu

File: Cleaning Bucket.jpg; Maid.jpg; Cleaning Supplies.jpg; Cleaning.jpg; Cleaning Equip.jpg; Safe For You.jpg Text On Screen: Home, Our Services, Safe for You, Testimonials, FAQ’s, Contact Description: Our Services – Cleaning, Cleaning Equipment used, Economically Friendly File: JCPM Services.docx; Services Background.ai Off Screen: None Description : None File: None Animation Path: None Description: None File: None Produced: None Description: None File: None Interface Elements Fonts: Lucida Calligraphy 14 pt Bold – Black Color for titles – True Type Font Arial 12 or 12 pt black for text Description: Lucida Calligraphy is an italic flowing font and Arial is a very clear serif

May 9, 2010


font giving some contrast to each other. File: LCALLIG.ttf; Arial.ttf; Arialbd.ttf Menu/Cursor: See Graphics Heading Description: See Graphics Heading File: See Graphics Heading User Input: See Graphics Heading Description: See Graphics Heading File: See Graphics Heading Thumbnail Sketch - Storyboard File: 3.0 of 4 - Frame #: 4.0 SM Template Representation of Submenu Template Page: Our Services

May 9, 2010



Storyboard File 4.0 of 4 Treatments

Frame # 8.0 SM Template

Template: Contact Us Treatment


The information pages utilize the same template as the submenu template and also contain the same graphics and layout at the balance of the site. The informational page includes text and graphics to ensure user information. The menu links remain the same across the top of the page and links to all other pages allowing the user to access all other submenus.

Audio Narration Description: None File: None Script: None Sound Effects Description: None File: None Music Description: None File: None Programming Programming: The rollover buttons and links highlight when clicked and change to a lighter color showing selection. Description: When the rollover buttons are clicked they will highlight to a lighter color than current. Each button has a different method of contact Branching: The rollover Home Returns to Home Page Rollover Our Services takes user to submenu and page for Our Services Rollover Safe For You takes user to submenu and page for Safe For You Rollover Testimonials takes user to submenu and page for Testimonials Rollover FAQ’s takes user to submenu and page for Testimonials Rollover Contact Us takes user to submenu and page for Contact Us Description: Links take user to submenu of new page or return to the Home page. Graphics Buttons Description: Blue gradient #3F59D2 to F#000000 –Text in Arial 10 pt Reversed Description: Blue gradients buttons using #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6, outlined in silver with a drop shadow and white text File: Blue Button1.fla; Blue Button2.fla, Blue Button3.fla; Contact ButtonPhone.fla; Contact Buttonemail.fla; Contact ButtonMailing.fla

May 9, 2010


Backgrounds: The background is blocks of pleasant greenish blues. Description: The colors range from #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6. These are the colors and background scheme used throughout the site. File: Background Template.ai Icons/Screen Elements: Rollover menu bar buttons and contact buttons Description: Blue gradients buttons using #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6, outlined in silver with a drop shadow and white text File: Blue Button1.fla; Blue Button2.fla, Blue Button3.fla; Contact ButtonPhone.fla; Contact Buttonemail.fla; Contact ButtonWeb.fla; Contact ButtonMailing.fla Images: Header Images: Cleaning Bucket made to look like a tile, Cleaning Supplies made to look like a tile, Maid with a broom and dust pan made to look like a tile. Description: Images relating to each submenu

File: Cleaning Bucket.jpg; Maid.jpg; Cleaning Supplies.jpg; Contact Arrow.jpg Text On Screen: Contact Us and the methods of contact. Description: Our Services – Cleaning, Cleaning Equipment used, Economically Friendly File: Contact Us.docx; Our Serices.docx Off Screen: None Description : None File: None Animation Path: None Description: None File: None Produced: None Description: None File: None Interface Elements Fonts: Lucida Calligraphy 14 pt Bold – Black Color for titles – True Type Font Arial 12 or 12 pt black for text Description: Lucida Calligraphy is an italic flowing font and Arial is a very clear serif font giving some contrast to each other. File: LCALLIG.ttf; Arial.ttf; Arialbd.ttf Menu/Cursor: See Graphics Heading

May 9, 2010


Description: See Graphics Heading File: See Graphics Heading User Input: See Graphics Heading Description: See Graphics Heading File: See Graphics Heading Thumbnail Sketch - Storyboard File 4.0 of 4 - Frame # 8.0 SM Template Representation of Information Template Page:

May 9, 2010


JCPM Site Storyboards

1.0 SS Template - Introduction/Splash Menu Audio Narration: None Description: The captions scroll across the photos as they fade out. File: None Script: “Weekends weren’t meant for doing housework. . .” “Discover house cleaning that’s affordable, reliable and convenient.” “Come on in to Jill’s Cleaning we’ll make your house sparkle!” Sound Effects: None Description: N/A File: N/A Music Description: Light, airy and upbeat background music. Continuous loop until animated splash screen stops or user activates “Music On/Off button or user enters site.

File: Intro Audio.wav Intro Audio.wav

Programming Programming: The rollover buttons and links highlight when clicked Description: When the rollover buttons are clicked they will highlight to a lighter color than current Branching: When “Skip Intro” is clicked user is taken to home page Description: Takes user to home page for JCPM

Graphics Buttons Description: Skip Intro Button - Blue gradient #3F59D2 to F#000000 – Skip Intro Text in Arial 10 pt Black Description: Music On/Off Button - Blue gradient #3F59D2 to F#000000 – Music On/Off Text in Arial 10 pt Black File: Bubble2 blue.fla; bubble2.blue copy.fla

Backgrounds: The background are blocks of pleasant greenish blues Description: The colors range from #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6. These are the colors and background scheme used throughout the site. File: Background Template.ai Icons/Screen Elements: Rollover menu bar buttons Description: gradients using #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6, outlined in silver with a drop shadow and white text File: Blue Button1.fla; Blue Button2.fla, Blue Button3.fla Images: Header Images: Cleaning Bucket made to look like a tile, Cleaning Supplies made to look like a tile, Maid with a broom and dust pan made to look like a tile. Animated Images: Couple Relaxing, Family Talking, Couple Kissing, Family Coloring, Couple Expecting, Couple on Couch, Couple with Coffee, Family at Beach, Family watching movie.

May 9, 2010


Description: Cleaning images made to look like tiles on header bar will remain consistent

Text On Screen: Captions roll across the screen as the photos fade in and out. Description: “Weekends weren’t meant for doing housework. . .” “Discover house cleaning that’s affordable, reliable and convenient.” “Come on in to Jill’s Cleaning we’ll make your house sparkle!” File: Splash Screen Narration.docx Off Screen: N/A Description: N/A File: N/A

Animation Path: Middle of the screen and top of screen Description: Photos fade in and out, text scrolls into screen

File: expressInstall.swf JCPM Property Mgmt.html JCPM Property Mgmt.mp4

JCPM Property Mgmt_controller.swf swfobject.js

Produced: Rosana Powell Description: Produced using Adobe Flash CS4 File: JCPM Property Mgmt_controller.swf; JCPM Property Mgmt.html; JCPM Property Mgmt.mp4

Interface Elements Fonts: Lucida Calligraphy 14 pt Bold – Black Color for titles – True Type Font Arial 12 or 12 pt black for text Description: Lucida Calligraphy is an italic flowing font and Arial is a very clear serif font giving some contrast to each other. File: LCALLIG.ttf; Arial.ttf; Arialbd.ttf Menu/Cursor: See Graphics Heading

May 9, 2010


Description: See Graphics Heading File: See Graphics Heading User Input: See Graphics Heading Description: See Graphics Heading File: See Graphics Heading

2.0 MM Template – Main Menu/Navigation Screen Audio Narration: None Description: None File: None Script: None Sound Effects: None Description: None File: None Music: None Description: None File: None

Programming Programming: The rollover buttons and links highlight when clicked and change to a lighter color showing selection. Description: When the rollover buttons are clicked they will highlight to a lighter color than current. Branching: The rollover Home Returns to Home Page Rollover Our Services takes user to submenu and page for Our Services Rollover Safe For You takes user to submenu and page for Safe For You Rollover Testimonials takes user to submenu and page for Testimonials Rollover FAQ’s takes user to submenu and page for Testimonials Rollover Contact Us takes user to submenu and page for Contact Us Description: Main links take user to submenu of new page.

Graphics Buttons Description: Blue gradient #3F59D2 to F#000000 –Text in Arial 10 pt Reversed Description: Blue gradients buttons using #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6, outlined in silver with a drop shadow and white text File: Blue Button1.fla; Blue Button2.fla, Blue Button3.fla

Backgrounds: The background is blocks of pleasant greenish blues. Description: The colors range from #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6. These are the colors and background scheme used throughout the site. File: Background Template.ai Icons/Screen Elements: Rollover menu bar buttons Description: Blue gradients buttons using #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6, outlined in silver with a drop shadow and white text File: Blue Button1.fla; Blue Button2.fla, Blue Button3.fla Images: Header Images: Cleaning Bucket made to look like a tile, Cleaning Supplies made to look like a tile, Maid with a broom and dust pan made to look like a tile. Floating sparkling bubbles.

May 9, 2010


Description: File: Cleaning Bucket.jpg; Maid.jpg; Cleaning Supplies.jpg; Bubbles.jpg

Text On Screen: Home, Our Services, Safe for You, Testimonials, FAQ’s, Contact Description: Our Mission- brief description of company mission statement Jill’s Profile- brief description of Jill’s work experience and history File: JCPM Mission.docx; JCPM Profile.docx Off Screen: None Description : None File: None

Animation Path: None Description: None File: None Produced: None Description: None File: None


3.0 SM Template – About Us Audio Narration: None Description: None File: None Script: None Sound Effects Description: None File: None Music Description: None File: None

May 9, 2010


Programming Programming: The rollover buttons and links highlight when clicked and change to a lighter color showing selection. Description: When the rollover buttons are clicked they will highlight to a lighter color than current. Branching: The rollover Home Returns to Home Page Rollover Our Services takes user to submenu and page for Our Services Rollover Safe For You takes user to submenu and page for Safe For You Rollover Testimonials takes user to submenu and page for Testimonials Rollover FAQ’s takes user to submenu and page for Testimonials Rollover Contact Us takes user to submenu and page for Contact Us Description: Links take user to submenu of new page or return to the Home page.

Graphics Buttons: Description: Blue gradient #3F59D2 to F#000000 –Text in Arial 10 pt Reversed Description: Blue gradients buttons using #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6, outlined in silver with a drop shadow and white text File: Blue Button1.fla; Blue Button2.fla, Blue Button3.fla

Backgrounds: The background is blocks of pleasant greenish blues. Description: The colors range from #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6. These are the colors and background scheme used throughout the site. File: Background Template.ai Icons/Screen Elements: Rollover menu bar buttons Description: Blue gradients buttons using #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6, outlined in silver with a drop shadow and white text File: Blue Button1.fla; Blue Button2.fla, Blue Button3.fla Images: Header Images: Cleaning Bucket made to look like a tile, Cleaning Supplies made to look like a tile, Maid with a broom and dust pan made to look like a tile. Floating sparkling bubbles. Description: Images relating to each submenu File: Cleaning Bucket.jpg; Maid.jpg; Cleaning Supplies.jpg; Bubbles.jpg

Text On Screen: Home, Our Services, Safe for You, Testimonials, FAQ’s, Contact Description: About Us File: JCPM About Us.docx; About Us Background.ai Off Screen: None Description : None File: None


May 9, 2010



3.1 Info Template – Our Company Audio Narration Description: None File: None Script: None Sound Effects Description: None File: None Music Description: None File: None




May 9, 2010


Icons/Screen Elements: Rollover menu bar buttons Description: Blue gradients buttons using #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6, outlined in silver with a drop shadow and white text File: Blue Button1.fla; Blue Button2.fla, Blue Button3.fla Images: Header Images: Cleaning Bucket made to look like a tile, Cleaning Supplies made to look like a tile, Maid with a broom and dust pan made to look like a tile. Floating sparkling bubbles. Description: Images relating to each submenu File: Cleaning Bucket.jpg; Maid.jpg; Cleaning Supplies.jpg; Bubbles.jpg

Text On Screen: Home, Our Services, Safe for You, Testimonials, FAQ’s, Contact Description: Our Company File: JCPM Our Company.docx; Our Company Background.ai Off Screen: None Description : None File: None



3.2 Info Template – Jill’s Profile Audio Narration Description: None File: None Script: None Sound Effects Description: None File: None Music Description: None File: None

May 9, 2010





Text On Screen: Home, Our Services, Safe for You, Testimonials, FAQ’s, Contact Description: Jill’s Profile File: JCPM Jill’s Profile.docx; Profile Background.ai Off Screen: None Description : None File: None


May 9, 2010



4.0SM Template – Our Services Audio Narration Description: None File: None Script: None Sound Effects: Description: None File: None Music Description: None File: None




May 9, 2010


Icons/Screen Elements: Rollover menu bar buttons Description: Blue gradients buttons using #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6, outlined in silver with a drop shadow and white text File: Blue Button1.fla; Blue Button2.fla, Blue Button3.fla Images: Header Images: Cleaning Bucket made to look like a tile, Cleaning Supplies made to look like a tile, Maid with a broom and dust pan made to look like a tile. Description: Images relating to each submenu

File: Cleaning Bucket.jpg; Maid.jpg; Cleaning Supplies.jpg; Cleaning.jpg; Cleaning Equip.jpg; Safe For You.jpg

Text On Screen: Home, Our Services, Safe for You, Testimonials, FAQ’s, Contact Description: Our Services – Cleaning, Cleaning Equipment used, Economically Friendly File: JCPM Services.docx; Services Background.ai Off Screen: None Description : None File: None


Interface Elements Fonts: Lucida Calligraphy 14 pt Bold – Black Color for titles – True Type Font Arial 12 or 12 pt black for text Description: Lucida Calligraphy is an italic flowing font and Arial is a very clear serif font giving some contrast to each other. File: LCALLIG.ttf; Arial.ttf; Arialbd.ttf Menu/Cursor: See Graphics Heading

May 9, 2010


Description: See Graphics Heading File: See Graphics Heading User Input: See Graphics Heading Description: See Graphics Heading File: See Graphics Heading

4.1 Info Template – Residential Cleaning Audio Narration Description: None File: None Script: None Sound Effects Description: None File: None Music Description: None File: None



Backgrounds: The background is blocks of pleasant greenish blues. Description: The colors range from #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6. These are the colors and background scheme used throughout the site. File: Background Template.ai Icons/Screen Elements: Rollover menu bar buttons Description: Blue gradients buttons using #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6, outlined in silver with a drop shadow and white text File: Blue Button1.fla; Blue Button2.fla, Blue Button3.fla Images: Header Images: Cleaning Bucket made to look like a tile, Cleaning Supplies made to look like a tile, Maid with a broom and dust pan made to look like a tile.

May 9, 2010


Floating sparkling bubbles. Description: Images relating to each submenu File: Cleaning Bucket.jpg; Maid.jpg; Cleaning Supplies.jpg; Bubbles.jpg

Text On Screen: Home, Our Services, Safe for You, Testimonials, FAQ’s, Contact Description: Residential Cleaning File: JCPM Residential Cleaning.docx; Residential Background.ai Off Screen: None Description : None File: None



4.2 Info Template – Commercial Cleaning Audio Narration Description: None File: None Script: None Sound Effects Description: None File: None Music Description: None File: None

Programming Programming: The rollover buttons and links highlight when clicked and change to a lighter color showing selection. Description: When the rollover buttons are clicked they will highlight to a lighter color than current. Branching: The rollover Home Returns to Home Page

May 9, 2010


Rollover Our Services takes user to submenu and page for Our Services Rollover Safe For You takes user to submenu and page for Safe For You Rollover Testimonials takes user to submenu and page for Testimonials Rollover FAQ’s takes user to submenu and page for Testimonials Rollover Contact Us takes user to submenu and page for Contact Us Description: Links take user to submenu of new page or return to the Home page.



Text On Screen: Home, Our Services, Safe for You, Testimonials, FAQ’s, Contact Description: Commercial Cleaning File: JCPM Commercial Cleaning.docx; Commercial Background.ai Off Screen: None Description : None File: None


Interface Elements Fonts: Lucida Calligraphy 14 pt Bold – Black Color for titles – True Type Font Arial 12 or 12 pt black for text Description: Lucida Calligraphy is an italic flowing font and Arial is a very clear serif font giving some contrast to each other. File: LCALLIG.ttf; Arial.ttf; Arialbd.ttf

May 9, 2010


Menu/Cursor: See Graphics Heading Description: See Graphics Heading File: See Graphics Heading User Input: See Graphics Heading Description: See Graphics Heading File: See Graphics Heading

4.3 Info Template – Spring Cleaning Audio Narration Description: None File: None Script: None Sound Effects Description: None File: None Music Description: None File: None




May 9, 2010



Text On Screen: Home, Our Services, Safe for You, Testimonials, FAQ’s, Contact Description: Sprint Cleaning File: JCPM spring Cleaning.docx; Spring Background.ai Off Screen: None Description : None File: None



4.4 Info Template – Move Out Cleaning Audio Narration Description: None File: None Script: None Sound Effects Description: None File: None Music Description: None File: None


May 9, 2010





Text On Screen: Home, Our Services, Safe for You, Testimonials, FAQ’s, Contact Description: Move Out Cleaning File: JCPM Move Out.docx; Move Out Background.ai Off Screen: None Description : None File: None



May 9, 2010



5.0 SM Template – Green – Safe for You Audio Narration Description: None File: None Script: None Sound Effects Description: None File: None Music Description: None File: None




May 9, 2010



Text On Screen: Home, Our Services, Safe for You, Testimonials, FAQ’s, Contact Description: Green – Safe For You File: JCPM Green.docx; Green Background.ai Off Screen: None Description : None File: None



5.1 Info Template – Green Cleaning Solutions Audio Narration Description: None File: None Script: None Sound Effects Description: None File: None Music Description: None File: None


May 9, 2010





Text On Screen: Home, Our Services, Safe for You, Testimonials, FAQ’s, Contact Description: Green Cleaning Solutions File: JCPM Green Solutions.docx; Green Background.ai Off Screen: None Description : None File: None



May 9, 2010



5.2 Info Template – Green Cleaning Equipment Audio Narration Description: None File: None Script: None Sound Effects Description: None File: None Music Description: None File: None




May 9, 2010



Text On Screen: Home, Our Services, Safe for You, Testimonials, FAQ’s, Contact Description: Our Services – Cleaning, Cleaning Equipment used, Economically Friendly File: JCPM Equipment.docx; Green Background.ai Off Screen: None Description : None File: None



6.0 SM Template – Testimonials Audio Narration Description: None File: None Script: None Sound Effects Description: None File: None Music Description: None File: None

Programming Programming: The rollover buttons and links highlight when clicked and change to a lighter color showing selection. Description: When the rollover buttons are clicked they will highlight to a lighter color than current.

May 9, 2010


Branching: The rollover Home Returns to Home Page Rollover Our Services takes user to submenu and page for Our Services Rollover Safe For You takes user to submenu and page for Safe For You Rollover Testimonials takes user to submenu and page for Testimonials Rollover FAQ’s takes user to submenu and page for Testimonials Rollover Contact Us takes user to submenu and page for Contact Us Description: Links take user to submenu of new page or return to the Home page.



Text On Screen: Home, Our Services, Safe for You, Testimonials, FAQ’s, Contact Description: Testimonials File: JCPM Testimonials.docx; Testimonials Background.ai Off Screen: None Description : None File: None


Interface Elements Fonts: Lucida Calligraphy 14 pt Bold – Black Color for titles – True Type Font Arial 12 or 12 pt black for text Description: Lucida Calligraphy is an italic flowing font and Arial is a very clear serif font giving some contrast to each other.

May 9, 2010


File: LCALLIG.ttf; Arial.ttf; Arialbd.ttf Menu/Cursor: See Graphics Heading Description: See Graphics Heading File: See Graphics Heading User Input: See Graphics Heading Description: See Graphics Heading File: See Graphics Heading

6.1 Info Template – Residential Client Testimonials Audio Narration Description: None File: None Script: None Sound Effects Description: None File: None Music Description: None File: None




May 9, 2010



Text On Screen: Home, Our Services, Safe for You, Testimonials, FAQ’s, Contact Description: Residential Client Testimonials File: JCPM Residential Testimonials.docx; Testimonials Background.ai Off Screen: None Description : None File: None



6.2 Info Template – Commercial Client Testimonials Audio Narration Description: None File: None Script: None Sound Effects Description: None File: None Music Description: None File: None


May 9, 2010





Text On Screen: Home, Our Services, Safe for You, Testimonials, FAQ’s, Contact Description: Commercial Client Testimonials File: JCPM Commercial Testimonials.docx; Testimonials Background.ai Off Screen: None Description : None File: None



May 9, 2010



7.0 SM Template – FAQ’s Audio Narration Description: None File: None Script: None Sound Effects Description: None File: None Music Description: None File: None



Backgrounds: The background is blocks of pleasant greenish blues. Description: The colors range from #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6. These are the colors and background scheme used throughout the site. File: Background Template.ai Icons/Screen Elements: Rollover menu bar buttons Description: Blue gradients buttons using #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6, outlined in silver with a drop shadow and white text File: Blue Button1.fla; Blue Button2.fla, Blue Button3.fla Images: Header Images: Cleaning Bucket made to look like a tile, Cleaning Supplies made to look like a tile, Maid with a broom and dust pan made to look like a tile. Floating sparkling bubbles.

May 9, 2010


Description: Images relating to each submenu File: Cleaning Bucket.jpg; Maid.jpg; Cleaning Supplies.jpg; Bubbles.jpg

Text On Screen: Home, Our Services, Safe for You, Testimonials, FAQ’s, Contact Description: Frequently Asked Questions File: JCPM FAQ.docx; FAQ Background.ai Off Screen: None Description : None File: None



8.0 SM Template – Contact Us Audio Narration: None Description: None File: None Script: None Sound Effects Description: None File: None Music Description: None File: None

Programming Programming: The rollover buttons and links highlight when clicked and change to a lighter color showing selection. Description: When the rollover buttons are clicked they will highlight to a lighter color than current. Each button has a different method of contact Branching: The rollover Home Returns to Home Page Rollover Our Services takes user to submenu and page for Our Services

May 9, 2010


Rollover Safe For You takes user to submenu and page for Safe For You Rollover Testimonials takes user to submenu and page for Testimonials Rollover FAQ’s takes user to submenu and page for Testimonials Rollover Contact Us takes user to submenu and page for Contact Us Description: Links take user to submenu of new page or return to the Home page.

Graphics Buttons Description: Blue gradient #3F59D2 to F#000000 –Text in Arial 10 pt Reversed Description: Blue gradients buttons using #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6, outlined in silver with a drop shadow and white text File: Blue Button1.fla; Blue Button2.fla, Blue Button3.fla; Contact ButtonPhone.fla; Contact Buttonemail.fla; Contact ButtonMailing.fla

Backgrounds: The background is blocks of pleasant greenish blues. Description: The colors range from #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6. These are the colors and background scheme used throughout the site. File: Background Template.ai Icons/Screen Elements: Rollover menu bar buttons and contact buttons Description: Blue gradients buttons using #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6, outlined in silver with a drop shadow and white text File: Blue Button1.fla; Blue Button2.fla, Blue Button3.fla; Contact ButtonPhone.fla; Contact Buttonemail.fla; Contact ButtonWeb.fla; Contact ButtonMailing.fla Images: Header Images: Cleaning Bucket made to look like a tile, Cleaning Supplies made to look like a tile, Maid with a broom and dust pan made to look like a tile. Description: Images relating to each submenu

File: Cleaning Bucket.jpg; Maid.jpg; Cleaning Supplies.jpg; Contact Arrow.jpg

Text On Screen: Contact Us and the methods of contact. Description: Our Services – Cleaning, Cleaning Equipment used, Economically Friendly File: Contact Us.docx; Our Serices.docx Off Screen: None

May 9, 2010


Description : None File: None



8.1 Info Template – Set-Up/Schedule Audio Narration Description: None File: None Script: None Sound Effects Description: None File: None Music Description: None File: None


Graphics Buttons

May 9, 2010


Description: Blue gradient #3F59D2 to F#000000 –Text in Arial 10 pt Reversed Description: Blue gradients buttons using #3874CE, #1F4884, #25A2AF, #3F59D2 and #239AA6, outlined in silver with a drop shadow and white text File: Blue Button1.fla; Blue Button2.fla, Blue Button3.fla


Text On Screen: Home, Our Services, Safe for You, Testimonials, FAQ’s, Contact Description: Set Up and Schedule Service File: JCPM Schedule.docx; Schedule Background.ai Off Screen: None Description : None File: None



May 9, 2010


8.2 Info Template – Pay On-Line Audio Narration Description: None File: None Script: None Sound Effects Description: None File: None Music Description: None File: None




Text On Screen: Home, Our Services, Safe for You, Testimonials, FAQ’s, Contact Description: Pay On-Line

May 9, 2010


File: JCPM Pay.docx; Pay Background.ai Off Screen: None Description : None File: None



Jill’s Cleaning and Property Management (JCPM) · Project Title : Jill’s Cleaning and Property...

Documents

Transcript of Jill’s Cleaning and Property Management (JCPM) · Project Title : Jill’s Cleaning and Property...