Monday, March 31, 2014

Project 2 Self Eval

The only page on my site that I am content with
 For project two I chose to focus on web design- specifically the design of my own page created in digital media I. Last semester, http://students.smcm.edu/docope/index.html was built with the intention of presenting my acting/filmmaking/art resume along with an extra radio tab. While for my first Dreamweaver creation I was pleased with it, certain elements of the site could be polished and/or added. Because this page represented my creative ability and professional talents, I wanted to re-enter the site for necessary changes.

To begin my project, I did research on multiple artists who happened to have outstanding and/or relatable web designs. The first was David Hockney, a 76 year old painter, sketch artist, photographer, and stage designer from England. While I am not a fan of his work, I never the less appreciate the clean professionalism of his website. Similar to mine, each tab is color coordinated to a degree. For example, if you click on the purple media tab, the name David changes to purple (as seen left). I eventually integrated this feature into my own site- with the film section's red font to the radio page's pink. This helped keep the site refreshing and unique beyond the continual background changes. The only technical issue I encountered was in the resume page. Despite my efforts to keep them black, the links remained purple without change. The roll over color change also does not function properly, even when selected in the page properties section.
Resume page with incorrect and seemingly
 unchangeable link color
My next artist was Tauba Aurebach, a painter, sculptor, and graphic artist who was born and still resides in San Francisco. What struck me by her website was not the fun visual presence it gave, but how well the design co-existed with her own art. One thing that immediately differentiated my site from both Aurebach's and Hockney's was the use of an "introduction page." I feel the first thing that a user sees should always be different, interactive, and exciting- a sort of gate that prepares them to enter. For Aurebach, her introduction is her name in an interactive form of hieroglyphic letters, changing colors at an almost alarming rate with any movement of the mouse. Simple and clean, I sought to chase down this design in order to achieve an advanced first impression. Unfortunately such a feat remained out of reach at the current time due to my lack of coding experience.
Originally I aimed for my introductory page to flash just like Aurebach's, however after some suggestions from my fellow classmates the idea of a changing background fell into place. Essentially I wanted the page to appear simple at first glance, a white background with the name DYLAN COPE in all caps was the target. After rolling over individual letters, the background would change into a repeated wallpaper of one of my art works. Despite its simplicity, Dreamweaver again struggled to follow the most basic of page property commands- ignoring my link font, size, and even color when input. Things only got worse after the complexity of layering div tags; filled with various artworks seemingly popping up at random and making the process overwhelming. After discussing my vision and current issues with Professor Friebele, he pointed me towards the way of coding- searching via Google towards a site that had already laid out interactive color change codes. Unfortunately I (yet again) hit a road block due to technical difficulty.
Example of Lightbox with one of my works
With my introductory page off to a bad start, I chose to focus my time more on recreating the old site rather than fumbling over the new. Beginning with the dreaded (but very necessary) Lightbox program, I downloaded the software and watched an assortment of painstaking tutorials until the program was up and running. For those who are not familiar with Lightbox, it is a collection of codes that display pictures in a more professional manner- dimming the page and presenting an image in a floating box, rather than sending you to another page. With this element in place, viewers could now browse art by album, along with resume head shots, and film clips off YouTube. Unlike last semester when I created the site and fumbled at the end to incorporate Lightbox, it was now up and looking great. This achievement was arguably the greatest accomplishment for me in this project and it felt freakin fantastic.
Stepping back and looking at the page I can't say I am happy with the unfinished product. While I was able to recreate the page in a short amount of time, my limited experience cost me. During the class critiques the site also drew mixed reviews- mainly through the page backgrounds clashing with the subject foreground. Another issue the class seemed to focus on was my acting resume, which frustrated me mainly because it was unrelated to the critique and also a good professional resume confirmed by David Ellsworth and Michael Tolaydo. Regardless, this has been my most anti-climatic project in digital media. While there isn't a polished final project, I was still able to accomplish a sizable amount of work in a short amount of time. I'd give myself a B-.  

No comments:

Post a Comment