CV.

Click on both parts to enlarge (page 1 top then page 2 bottom).

Business Card design.

My Business cards were design according to my website. While I like my design I'm not too pleased with how they turned out in print.

I made it CMYK and at 300dpi so maybe it could have been the colour contrast I used (the text is very difficult to read). Of course digitally the text is easier to read than on the print version.

Next time I make business cards I think I will most definitely use brighter colours.

Graduation Show.

The end of year Graduation show was successful. The work I had included in the interactive portfolio was:

Both are print pieces at 300dpi. They're made up of both websites I have done. The website I did for The OU for the YCN project and my Portfolio site.

Javascript and Jquery used.

On my homepage I was told I needed to have some imagery but I was unsure on how to go about achieving this. I decided to have something called a spacegallery.

http://www.eyecon.ro/spacegallery/

Spacegallery uses Jquery to make your images come through each other as you click on them (like a slideshow).

It was quite difficult and problematic to implement but eventually I managed to fix the issues it created.

Another piece of Javascript I used was Lightbox 2.0. This is used for images and makes an image enlarge (usually a thumbnail is used to click on).

http://www.huddletogether.com/projects/lightbox2/

It was fairly easy to implement. Simply consists copying files and updating paths.

Changes to my site.

Despite receiving positive feedback on my initial website design I still needed to make changes. The reason for this is that I needed to bear in mind the coding challenges my mockup would bring to me.

I spoke with my classmates and after receiving helpful advice I decided to change to some extent the design for my site. One of the major reasons was to try and make a large portion of the design using only CSS code to drastically reduce loading times as my initial design was made up entirely of images.

The navigation I have made using only CSS. I have used text links with a hover state on the background so when the mouse hovers over a text link the background around the text link with darken.

As you can also see I have kept the swirl pattern in and hanging from two grey lines that spread across. I used a rounded border for the content box.

Everything apart from the pattern and the logo has been done in CSS.

Designing my Portofolio site.

When designing my site I wanted to go for something that was minimalistic and quite slick as this is a portfolio site - something to show your work and also portray ones skills.

I want to include some Javascript in my site to show of some work that is in the form of an image (Lightbox).

Here is the final mockup of my site:

Final Design and live website:

www.jim-harrison.co.uk/