design specifications caitlyn depp 4 april 2014 mid-semester project:
Post on 17-Dec-2015
214 Views
Preview:
TRANSCRIPT
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)
top related