Hay Owen,
Just some thoughts the site to me takes a while to load on a unprimed cache and the thing that grabs my attention first is not your logo but the free download pic, in fact your logo was 1 of the last things I noticed TBH.
Also from a usability point of view your logo and tag line are on different sides of the page?
Not sure I have ever seen another design where that happens TBH as your site name should be seen so as to maximise ppls memories of the site and when they first see it they read the tag line which clarify's, via text and the site design what you do more clearly.
There are lots of examples but the 1 that's always sticks out the best for me of a prime example of following this convention is
css3.info. Easy to remember and the tag line really clarify's what the site is about.
Colour scheme I really Iike I think you have got it pretty spot on TBH.
The selected works to me take way too long to load after they are clicked, image too big, js to large, not sure TBH but I would get it to load faster, try pre-loading the thumbnails to see if that solves it.
The bottom half, I'm not sure to me it just doesn't feel like a home page, I've been looking at the theory to home page design a lot recently and this I don't know just doesn't feel right to me. The whole Mac showing your site, yeah I don't get it it just adds a massive image and a extra http response to the page, and it's just showing your home page, so....If it's to try to show what you can do wouldn't an offer in their be better, or something jumping out of the screen, that way you are clarifying you talents to future clients in a better way you know.
Code wise:
I would move all this to 1 JavaScript file, if that is used mainly through out the site, if 1 JavaScript file is only used on the home page then split it into 2 files.
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#bloglinkimg').attr('src','img/blog2.png');
$('#cvlinkimg').attr('src','img/cv2.png');
$('#bloglinkimg').attr('src','img/blog1.png');
$('#cvlinkimg').attr('src','img/cv1.png');
$('#bloglinkimg').hover(function(){
$('#bloglinkimg').attr('src','img/blog2.png');
},function(){
$('#bloglinkimg').attr('src','img/blog1.png');
});
$('#cvlinkimg').hover(function(){
$('#cvlinkimg').attr('src','img/cv2.png');
},function(){
$('#cvlinkimg').attr('src','img/cv1.png');
});
$('#abalogo').animate({width: '179px', height: '91px'},1000);
$('#navleft').click(function(){
$('.swcell, .nav').animate({left: '-2000px'},500,'swing',function(){
$('.swcell, .nav').animate({left: '0px'},500,'swing');
});
});
$('#navright').click(function(){
$('.swcell, .nav').animate({left: '2000px'},500,'swing',function(){
$('.swcell, .nav').animate({left: '0px'},500,'swing');
});
});
$('#columnleft').load('http://www.artboyart.com/wp/?mode=one');
$('#columnright').load('http://www.artboyart.com/wp/?mode=latest');
$('#swloader').load('http://www.artboyart.com/wp/?cat=24&skip=0'); $('#wallpapers').slideDown();
$('#wallpapers').click(function(){
$('#wallpapers, #banner').slideUp('normal',function(){
$('#downloads').slideDown();
$('#columnleft').load('downloads.php?dl=appletree');
});
});
$('#downloadstitle a').click(function(){
$('#downloads').slideUp('normal',function(){
$('#wallpapers, #banner').slideDown();
});
});
$('#wallpapersbox .wpcell').click(function(){
wpid = $(this).attr('wallpaperid');
$('#columnleft').load('downloads.php?dl='+wpid);
});
});
</script>
By doing so you will improve your page performance due to the server not having a bottle neck in the http headers it gets, as JavaScript files can really slow down the download time due to the fact they can change the layout browsers will stop downloading other files, this is changing but IE7, IE6 and most of the others still will be slowed down by it.
But it also allows the in-line code to be cached which will speed up future page loads of any page using that file.
Change your html tag from:
<html xmlns="http://www.w3.org/1999/xhtml">
to ~
<html xmlns="http://www.w3.org/1999/xhtml" "lang="en" dir="ltr">
As those 2 attributes tell user agents that the page is in English and that the text is read from left to right.
Move the title element to above your CSS and JavaScript files, that's just the normal convention of where that element goes, probably wont cause you any problems, but as that tag has major SEO benefits. It's like top athletes changing their "lucky" underwear before a game, they just don't you know, I know mad but all the top SEO's I know just don't move it you know and if I was brought in to improve that site's ranking that would be the first thing I change.
But change your title element to ~
<title>Owen Jones, Graphic design based in Plymouth</title>
That way if some1 searches for Graphic design based in Plymouth your title element matches exactly, and they are more likely to search for that than graphic design Plymouth, and even if they do you've now covered both anyway.
A lot of your images don't have ALT attributes check out my thread on
accessible web coding section 3 post 9 for why that is bad.
Also all your text, and new work as far as I can see is invisible to the search engines, why not place it on the home page?????
Without indexable text how can the search engines know how to rank your page correctly.
This is what the search engines see our your home page ~
Owen Jones, Graphic Design, Plymouth
Yeah mate you are going to get no rankings with that, AJAX is good only if in helps the page, not if it is the page sorry....
Also thats probably why it's taking the thumbnails so long to load, as in it has to wait for the AJAX query first before it can load the images, placing them in the actual code will make it like instantaneous and really help the page.
Apart from that you have a lot of divitus, basically lots of div, cutting out the serious bloat and using correct elements with improve your page performance by reducing your page size and also make maintenance easier.
Create a robots.txt file and upload it to your root directory.
In their place the following rules ~
User-agent: *
Disallow: jquery-ui.js
Disallow: jquery.js
Disallow: /img/
As that will tell all search engines not to both indexing your img directory, or your 2 JavaScript files. Which will not only spread your equity further but also speed up search engines indexing time of your site. Plus if you look at your logs the amount of 404 errors that are generated will drop dramatically as the search engines always look for that file, if it's not present the server generates a 404 not found error which is then logged.
Anyway only looked at your home page but I hope it helps, which it will. :angel:
Jaz
Key:
Blue ~ XHTML
Green ~ Robots.txt file rules