Task

Design a website for Humane Society and SPCA, a non profit organization which provides vital services to animals.

Software

Adobe Dreamweaver CC with Bootstrap framework, Adobe Illustrator, Adobe Photoshop, Adobe Kuler, Adobe Typekit for web fonts.

Duration 45 hrs

Learn

Develop an understanding of programming logic and syntax principles. With logic project Hand code HTML 5 and CSS learning Bootstrap with Lynda tutorials.

Research and Case Study

Preparing Design brief – objective, client, project, target market.
Sitemap and wire-framing for website.
Design specs – Project theme, fonts and color scheme
PSD to HTML, UX principles and web design, UX style review, web interface designs, building website navigation and using web fonts applied HTML/CSS : positioning content

Project Result

Created a HTML/CSS website based on the 3 monthly pet campaigns for the San Diego Humane Society . The website project incorporates the client’s logo and style. It is designed to work on desktop, tablet and iPhone with bootstrap grid.