My website

After spending some time drawing out and calculating sizes I decided to just make a start as I am bound to encounter some issues as this is only the second website I have made. I have a relatively clear idea of the aesthetic for my site.

Need to make negative space transparent :

too stupid to work out how to do that so pantone matched the space instead. An okay solution for now but would be useful to work out how to do this in future....

roll over button : logo colours change around

creating buttons - for now I am going to use georgia in order to keep it simple.  I realize that a sans serif font might be more readable on screen, but I am going to address this later on when I have more of the structural elements done. I think on this scale (the buttons that is), this font works, but I will make a decision when I have added some body text to the other pages.

rollover orange :

buttons made smaller looks better

original idea for image buttons doesnt work at all - type too small in any font really.

without type :

roll over : image bounces out slightly larger to cover white box to enable use to highlight each project.

I think that in order to fit so much information (all my projects) onto one home page, cropping them down is the only way to display them that works. Also, I think that it creates an interesting gallery effect. I like how it is ambiguous as it might intrigue the user to go further and click on each of them to explore what they are...

rollover :

overall effect is built up :

Live preview :

Self branding

I have been working on this logo over the Summer, loosely based on a typeface called Mansana :

I like the fact that I can alter the colours - even adding pattern to make it more versatile. I feel that this logo represents my style of design well and I think it works aesthetically too. It can easily be applied to a range of media (i.e. business cards, website etc).

Personal logo

I have been experimenting with how I could vary my logo, considering particularly my role over buttons on my personal website.

I think that these patterns when considered carefully can work, but I think that in order for my logo to compliment my own work on my website I think it would be beneficial to tone down the pattern. I think that the logo rolling over as the same colours only in different positions could be as effective as I want but not too intrusive. I have chosen these particular three colours as I feel that they pick up colours that I have used in my other design work exhibited on the site.