DESIGN SPECIFICATIONSCAITLYN DEPP4 APRIL 2014

Mid-Semester Project:

DESIGN ANALYSIS

Part 1

Background Statement

Design and develop a professional (responsive) for Go Green organization

The site provides: 1.)information about ways to promote a clean

environment 2.)green resources 3.)contact information 4.)ways to make donations 5.)information about products to help clean the

environment 6.) news about the environment 7.)a form to request an appointment

Background Statement (cont.)

Individuals, businesses, and corporations promoting a cleaner environment

The goals of this website are to help achieve an awareness of information for a cleaner environment and ways to help advertise the cause/donate

Site Requirement

Responsive Design Information about ways to clean the environment Green Resources Contact Information Ways to make donations Information about products to help clean the environment A form to request an appointment Graphics Flat Design Type Scale

Description of Users

StudentsAdvocatesResearchersGeneral Public

DESIGN SPECIFICATIONS

Part 2

Typography

Alegrya-Sans for headings H1: 3.25em; /*16 x 3.25*/ H2: 2.5em; /*16 x 2.5=24*/

Cantarell for body text font-style: normal; font-weight: 200px;

Color Scheme

#060 (green)#FF6 (yellow)#999 (grey)

Breakpoints

@media screen and (max-width:480px) @media screen and (min-width:481px) and

(max-width:768px)

PENCIL SKETCHES

Design Process

Pencil Sketches (Home Page)

Pencil Sketches (Products Page)

Pencil Sketches (Request Appointment)

Pencil Sketches (Make Donation)

Pencil Sketches (Contact Info)

Pencil Sketches (News Page)