Web Design and New Media - Project 1

4th of April '18 - 19th of April '18 (Week 2 - Week 4)
Gilber Evander Aligoey (0332508)
Web Design and New Media
Project 1

Week 2

(5th of April 2018)

Mr. SHamsul explained briefly about wireframes for websites and gave us some exercises to make wireframes from Maxis's website. After that, he told us to look for product and service websites that is from our own country and state the reason why we chose those website to recreate. So, because i'm from Indonesia, I chose Indomaret as my product website and Ganesha Operation for the service website. The reasons of why i chose those websites are stated down below :

     1. Product website (http://indomaret.co.id/)

Reason : The website is messy, no settings to change the language, when the logo is clicked it shows you the image not back to homepage, and The images is not consistent and matching with the theme and some images are lacking of graphics. 

     2. Service website (http://ganesha-operation.com/)

Reason : The layout looks like it's made without any effort, the images looks crappy and when the image is clicked, it just refreshed the page. Everything is inconsistent which makes the whole website looks uninteresting and unattractive.

Week 3

(12th of April 2018)

On the third week, I showed all the wireframes that Mr. Shamul asked for. I design those wireframes while considering some other things such as how to make them look better, who are the audience, is it for the kids or teens or parents or elder people. All of those stuff is an important things we have to consider while creating something for the public. These are the wireframes that i designed.

Service Wireframes:

Product Wireframes:

Week 4

(18th of April 2018)

On the fourth week, Mr shamsul gave me some feedback for both of the websites that i designed in Illustrator, so these are pretty much like just to show what it would look like afterwards.

Fig 1.a. Product Website Design

 For this design, Mr Shamsul said that it is already nice, the only thing that i need to change is the circle button that said Learn More which the color was kind of not popping up to make it more interesting, and i changed it to this one.

Fig 1.b. Service Website Design

For this design, the only thing that needed to be changed are the color of the footer(which was gray before i changed it to red), and the order of the sections, i need to make it in arranged position as the important ones are from the top to the bottom which are those that is less important.