Wednesday, December 09, 2015

Designing a Responsive Website

We practiced identifying a website's navigation by drawing out the sitemap before plunging into the actual designing. We chose a website of our liking and were requested to better the designs. This was purely AI works and not the actual html and css.

These are the websites I've chosen: (left to right clockwise) Behance, Tumblr, Watchcartoononline, Reddit and Starbucks.
These are some of their sitemaps.
For the website redesign, I picked Watchcartoononline because I didn't like it's current design. I feel like it's too cluttered, and the lack of a proper seach system was disappointing for me, 
I chose Animeseason as my reference because I like the design and it's specific genre/category search.
These are my sketches for my redesign, mobile layout included.
This is the AI layout. img file gone why
After a warm up, we had to design the SHRDC website and do its html and css.
This is my designs processwhere imsosorry
Homepage
About Us
Programs (first design)
Facilities
Admission
Programs (final designs)
Course Registration
Final processing and confirmation
Media - Gallery
Testimonies
Contact Us
Quick Guide with Map Enlarge
I loosely base my colour palette on this: