Project Overview
Design and develop a three-page informational site intended to inform the audience on a topic while utilizing HTML5 and CSS3. The website must contain a logo that is relevant to the site and complimentary color scheme. All styles including print media query must bein an external CSS document and each page must contain the same theme and contain an appropriate header, footer, and navigation. Furthermore, at least one page must contain three or more paragraphs of content in order to provide substantial detail on the topic and an external site that opens in a new window. Finally, one page must contain an additional feature that is relevant to the site and enhances the overall quality of the site, such as HTML5 audio or video, geolocation or Google map, @font-face or Google fonts and tabular data.
Date:
December 2017
Client:
DeVry University
Creative Fields:
Logo Design, Web Design, Web Development, Responsive Design
Summary
Initially created the logo and wireframes for the website. These wireframes acted as guidelines to follow while creating each of the pages. The topic, color scheme, font-type, content were provided by a partner. The website is responsive on any device and articles could be printed conveniently without images. No javascript or jQuery were implemented while developing the site.
Design Process
This artifact was created with a partner and we both decided that I will design the website and she will provide the content. We ended up with "green living" as our topic and infom our audience about the importance of having a vegetable garden. I created the logo using Adobe Illustrator and Adobe Photoshop and showed it to my partner for assurance. My partner came up with the earth tone color scheme, font type, and the title.
I designed the preliminary wireframes and mock-up site by using Adobe InDesign. Furthermore, I wanted to push a fully responsive webpage, so I created the wireframes and mock-ups for the default browsers and mobile devices and sent it to my partner for approval.
I wanted a dynamic website but avoided any JQuery and JavaScript because I wanted to prove that a website can successful without any script implementation. I also cleaned up the Cascading Stylesheet (CSS), categorized them and made it more evident so that my classmates can understand what I did.
Conclusion
Although the project only needed three pages, I ended up creating 7 or more pages since the overwhelmingly positive responses from my classmates and professor was enough to keep motivated to make the site better.