Sunday 17 January 2016

10: Execution

After the learning process, next comes the execution.

I started to make a mockup of the visuals that I had in mind using photoshop.

mockup produced using photoshop

After that, I started to reproduce the mockup in illustrator using a low poly art style. Low poly art was used because the visuals are going to be reproduced using css clip path. ( if the visuals are curvy, it is troublesome to code the x and y position one by one. )

mockup produced using illustrator

Then, I was struggling on some pages as there was an issue with the aesthetics of the webpage and also the usability of the webpage. Some examples were saved as I thought that it would be good to have someone's opinion on it.

experimenting on the layout of the webpage

experimenting on the layout of the webpage

experimenting on the layout of the webpage

experimenting on the layout of the webpage

experimenting on the layout of the webpage

experimenting on the layout of the webpage

experimenting on the layout of the webpage

experimenting on the icon placement on the webpage

experimenting on the icon placement on the webpage

experimenting on the icon placement on the webpage



No comments:

Post a Comment