design specifications caitlyn depp 4 april 2014 mid-semester project:
TRANSCRIPT
![Page 1: DESIGN SPECIFICATIONS CAITLYN DEPP 4 APRIL 2014 Mid-Semester Project:](https://reader030.vdocuments.site/reader030/viewer/2022032723/56649cf75503460f949c7b5c/html5/thumbnails/1.jpg)
DESIGN SPECIFICATIONSCAITLYN DEPP4 APRIL 2014
Mid-Semester Project:
![Page 2: DESIGN SPECIFICATIONS CAITLYN DEPP 4 APRIL 2014 Mid-Semester Project:](https://reader030.vdocuments.site/reader030/viewer/2022032723/56649cf75503460f949c7b5c/html5/thumbnails/2.jpg)
DESIGN ANALYSIS
Part 1
![Page 3: DESIGN SPECIFICATIONS CAITLYN DEPP 4 APRIL 2014 Mid-Semester Project:](https://reader030.vdocuments.site/reader030/viewer/2022032723/56649cf75503460f949c7b5c/html5/thumbnails/3.jpg)
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
![Page 4: DESIGN SPECIFICATIONS CAITLYN DEPP 4 APRIL 2014 Mid-Semester Project:](https://reader030.vdocuments.site/reader030/viewer/2022032723/56649cf75503460f949c7b5c/html5/thumbnails/4.jpg)
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
![Page 5: DESIGN SPECIFICATIONS CAITLYN DEPP 4 APRIL 2014 Mid-Semester Project:](https://reader030.vdocuments.site/reader030/viewer/2022032723/56649cf75503460f949c7b5c/html5/thumbnails/5.jpg)
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
![Page 6: DESIGN SPECIFICATIONS CAITLYN DEPP 4 APRIL 2014 Mid-Semester Project:](https://reader030.vdocuments.site/reader030/viewer/2022032723/56649cf75503460f949c7b5c/html5/thumbnails/6.jpg)
Description of Users
StudentsAdvocatesResearchersGeneral Public
![Page 7: DESIGN SPECIFICATIONS CAITLYN DEPP 4 APRIL 2014 Mid-Semester Project:](https://reader030.vdocuments.site/reader030/viewer/2022032723/56649cf75503460f949c7b5c/html5/thumbnails/7.jpg)
DESIGN SPECIFICATIONS
Part 2
![Page 8: DESIGN SPECIFICATIONS CAITLYN DEPP 4 APRIL 2014 Mid-Semester Project:](https://reader030.vdocuments.site/reader030/viewer/2022032723/56649cf75503460f949c7b5c/html5/thumbnails/8.jpg)
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;
![Page 9: DESIGN SPECIFICATIONS CAITLYN DEPP 4 APRIL 2014 Mid-Semester Project:](https://reader030.vdocuments.site/reader030/viewer/2022032723/56649cf75503460f949c7b5c/html5/thumbnails/9.jpg)
Color Scheme
#060 (green)#FF6 (yellow)#999 (grey)
![Page 10: DESIGN SPECIFICATIONS CAITLYN DEPP 4 APRIL 2014 Mid-Semester Project:](https://reader030.vdocuments.site/reader030/viewer/2022032723/56649cf75503460f949c7b5c/html5/thumbnails/10.jpg)
Breakpoints
@media screen and (max-width:480px) @media screen and (min-width:481px) and
(max-width:768px)
![Page 11: DESIGN SPECIFICATIONS CAITLYN DEPP 4 APRIL 2014 Mid-Semester Project:](https://reader030.vdocuments.site/reader030/viewer/2022032723/56649cf75503460f949c7b5c/html5/thumbnails/11.jpg)
PENCIL SKETCHES
Design Process
![Page 12: DESIGN SPECIFICATIONS CAITLYN DEPP 4 APRIL 2014 Mid-Semester Project:](https://reader030.vdocuments.site/reader030/viewer/2022032723/56649cf75503460f949c7b5c/html5/thumbnails/12.jpg)
Pencil Sketches (Home Page)
![Page 13: DESIGN SPECIFICATIONS CAITLYN DEPP 4 APRIL 2014 Mid-Semester Project:](https://reader030.vdocuments.site/reader030/viewer/2022032723/56649cf75503460f949c7b5c/html5/thumbnails/13.jpg)
Pencil Sketches (Products Page)
![Page 14: DESIGN SPECIFICATIONS CAITLYN DEPP 4 APRIL 2014 Mid-Semester Project:](https://reader030.vdocuments.site/reader030/viewer/2022032723/56649cf75503460f949c7b5c/html5/thumbnails/14.jpg)
Pencil Sketches (Request Appointment)
![Page 15: DESIGN SPECIFICATIONS CAITLYN DEPP 4 APRIL 2014 Mid-Semester Project:](https://reader030.vdocuments.site/reader030/viewer/2022032723/56649cf75503460f949c7b5c/html5/thumbnails/15.jpg)
Pencil Sketches (Make Donation)
![Page 16: DESIGN SPECIFICATIONS CAITLYN DEPP 4 APRIL 2014 Mid-Semester Project:](https://reader030.vdocuments.site/reader030/viewer/2022032723/56649cf75503460f949c7b5c/html5/thumbnails/16.jpg)
Pencil Sketches (Contact Info)
![Page 17: DESIGN SPECIFICATIONS CAITLYN DEPP 4 APRIL 2014 Mid-Semester Project:](https://reader030.vdocuments.site/reader030/viewer/2022032723/56649cf75503460f949c7b5c/html5/thumbnails/17.jpg)
Pencil Sketches (News Page)