DE0964BNN1
Digital and Experimental Media
Website Rationale
In the beginning of the process of designing my website, I solely focused on the aesthetic presence of it. The idea was to make an interface that reflected my personality as a designer. My first batch of templates did not seem to fit the scheme. Although some were aesthetically pleasing, they each lacked an element to complete my ideal design.
The first template I made, to my surprise, had really positive feedbacks. There were some portions of the pages that could’ve been fixed, such as the thumbnail sizes that appeared a bit too long; however, I scratched this template because initially it felt it advertised me excessively as an illustrator. On my second template, my design emphasis fell on the information of the site, and as a result it felt like a corporate blog template.
The third, fourth and fifth templates were variants of the same design. To be honest, it seem like I was stuck on this seesaw of providing clean information or maintaining an aesthetic presence. As a result, I took a break from the project due to unexpected illness and a bit of frustration.
Coming back to it a few weeks later, I combined my targeted goals and started from scratch again. When returning to my research and wireframes, I discovered that by combining the “contact” and “about me” pages I could save the user from having to browse further to find more information. A self-brief was developed to make a site in which a user would not have to click more than two or three times and provide a template for easy updating. To fit in with this design concept, lightbox was utilized and further explored to allow images that were not displayed on the page to appear as part a collection when clicking on a thumbnail. Consequently, the html coding for most of the images on the site are actually hidden within “a href” tags that are not attached to any viewable object.
Other design elements of my final layout include a grey and black tone finish with colour rollovers. The reason I chose this was to make each thumbnail a focal point upon interaction from the rest of the site.
No comments:
Post a Comment