project manager: lead designer: information architect: lead developer: lakeshia burnside myrtle...

Project Manager:Lead Designer:Information Architect:Lead Developer:

Lakeshia BurnsideMyrtle NurseAshlei Evans Stacey Jeanpaul

Web site Visual Design Document Infant and Toddler Care Prepared by: Myrtle Nurse

• Table Of Contents • 1. INTRODUCTION 3• 2. LOGO Design 3

– Color Section4

– Font Section5

• 3. WEB SITE DESIGN 5– Layout 6– Navigation and Links 6– Compositions

7&8 – Photo Treatments 9

• 4. SITE MAP10

• 5. CONCLUSION 11



1. INTRODUCTION

This document was created to give the client an actual visual of what the site would look like; thus describing the look and feel of the site...Before the site is created, the client can see what colors and fonts will be used and the layout of contents. The design was developed with the client’s input, and the client suggestions of what content the homepage and inner pages should have. But, the client did give the designers the freedom to create.

2. LOGO DESIGN

The logo represent the client’s identity, it’s distinctive and not like most logos of well known organizations. The logo will work well across a range of applications i.e. on a business card, letterheads, brochures or website and will look good if reproduced on a photocopier The logo typeface is limited and is modern and clean.

Color Section The color used was taken from the logo, and more hues were added. he color green related to balance and

blues represents calm feelings . The color green is the color of nature and it also means learning, growth and harmony. Green with blue can produce echoes of nature, meaning water and forest and can denote new beginnings and growth. Blue conveys richness and even a touch of superiority.





Color Thumbnail

Hex Color Code

Font Type Description

465836 Veranda,alba

Principles heading background color

ddfbc3 alba Home page people, professionals and 9principles callout background color

67735c New Times Roman, Veranda

Main heading, global navigation and sub-headings background. Home font color

f2fce9 New Times Roman, Georgia Home and inner-page content background color

b8cba8 New Times Roman, Veranda Status indicator background

Color Selection

Font Selection

The font properties are used to describe the desired appearance of text in the document. A bold Alba font was used for the main heading to show it importance. The Alba font was used because of its childlike appearance. To unify the headings, Alba fonts were also used on the sub headings, but with a lighter color.

3. WEB SITE DESIGN

The intention of the web site is to obtain information. The purpose is to information both parents and professionals of the different aspects of children development. It’s also to bring awareness of the significance of early learning experiences. It main purpose is also to guide teachers and parents through knowledge.

The site will be a homepage with all the necessary links and information. The page design will have a color scheme that compliment each other. The layout will be simple but creative. The navigation will be user friendly, it’s easy to use and a global navigation will be on all pages with sub links.

With a consistent layout, the user will not be confused and will be able to navigate through this site very easily, making it very user friendly.





Layout

The layout of the site is the most important part of all the planning. The site will be easy to find, navigate, read and quick to download. The layout and design will be consistent throughout the site. The look of the status indicator will not change, and it will allow the user to know what page they are on at all times. The backgrounds will not obscure the text, because the dark-colored text on a light-colored background will make it easier for the user to read. The text will be aligning to the left and the standard font’s size will be used. All graphic images, typefaces, headings, link-colors and background colors will remain consistent throughout the web site. Consistency will project a professional image.

Navigation and Links

All links would be clearly labeled and easy to read. The colors were carefully designed not to overpower. The default link colors in your text, might be used, since there are familiar to users (blue text usually indicates an unvisited link and purple indicates a visited link). The status indicator will be boldfaced and a littler larger font size, set between small vertical lines. And the text links will be unique, the will not look the same as any other text.



Below is an image of the site map. This is a graphical representation of all the pages on the site. It also shows which is more important and how often they change. Sitemaps are very helpful, because it let the user know of all the resources available to them .

Photo Treatments

Photo will be used through the site. An option of thumbnails will be provided for users to click on.All images will be optimized for the web to ensure a faster download

Home 0.0

Sitemap0.2

FAQ0.1

Bright from the Start Link 0.3

9 Principles 2.0 Parents 4.0Professional 3.0 Contact Us 5.0About Us 1.0

Child Development 3.1

Domains: physical, social/ emotional, approaches to learning, language & literacy , cognitive self-help

Do you have a concern?

Developmental screens/process

Play

Indoor

Outdoor

Reading

Health/Safety/ Nutrition

Early Care and Education

Quality childcare

Parent involvement

Activities

Resources

Separation

Professional Development & Training -Link to Professional Development Registry/Training Registry

0-12mths 4.1

Child Development 3.1

Domains: physical, social/ emotional, language, cognitive, self-help

Do you have a concern?

Developmental screens/process

Play

Indoor

Outdoor

Reading

Health/Safety/ Nutrition

Early Care and Education

Quality childcare link to local CCR&R

Parent involvement

Activities

Resources

New parent “starter kit”

12-18mths 3.2

18-24mths 3.3

24-36mths 3.4

36-48mths 3.5

12-18mths 4.2

18-24mths 4.3

24-36mths 4.4

36-48mths 4.5

0-12mths 3.1



Conclusion The goal in designing this site was to provide as much information as possible to parents and as well as professionals regarding their infants and toddlers. The client outline of the homepage was incorporated into the design. The overall design was a success, because of careful planning and feedback from the client. he design of the content layout, the choice of color and fonts, all helped to tie the design together.

project manager: lead designer: information architect: lead developer: lakeshia burnside myrtle...

Documents