Welcome to the project board for the Great Lakes Clean Communities Network. here you will be able to explore the design inspiration, the website organization, user experience design and user interface design for each step of the GLCCN website project evolution.
Proposed Website User Experience (Website Flowchart)
In this updated flowchart you will find an overview of the page design outlining the user work flow for the entire GLCCN website. Annotations have been added to describe detailed usability for when the user is logged in or not.
The GLCCN Possible Home Page Layouts
Early Quick Sketches For The GLCCN Logo Design
Below you will see my latest proposed GLCCN logo designs…
Proposed Website Early Drawings
Below you will see early drawings for the home page design of the GLCCN.
The GLCCN Style Guide (Icon Design, Font Families & Color Scheme)
We designed four unique icons each with it's own designated color to highlight the four main action steps on the home page of the GLCCN including Connect, Share, Tools & Ecoscore
ITC Avant Garde Gothic is the primary font used for this the Great Lakes Clean Communities branding. This typeface should be used for all titles and Sub-headings. Titles are Book in font weight while sub-headings are Bold. All body copy is Raleway (Replaced with Arial if a browser can not display Google Fonts).
* If ITC Avant Garde isn’t available, Century Gothic is substituted. Titles can be capitalized and used in Regular or Bold, but never a condensed or extra-bold version.
CMYK: 93 / 59 / 31 / 10
RGB: 9 / 95 / 131
CMYK: 76 / 25 / 1 / 0
RGB: 12 / 153 / 212
CMYK: 11 / 0 / 1 / 0
RGB: 223 / 246 / 253
CMYK: 88 / 41 / 100 / 46
RGB: 0 / 77 / 28
CMYK: 78 / 13 / 80 / 1
RGB: 53 / 159 / 99
CMYK: 1 / 17 / 75 / 0
RGB: 255 / 210 / 93
CMYK: 0 / 75 / 89 / 0
RGB: 244 / 100 / 50
CMYK: 93 / 96 / 28 / 17
RGB: 56 / 45 / 105
CMYK: 2 / 1 / 1 / 0
RGB: 246 / 246 / 246