My web design portfolio

furto

Member
I wanted a very simple design, and thats what I made! I used jflow on the portfolio page incase your'e wondering.

Here it is

Tell me what you think! I would really like some feedback.

Thanks,

Ryan Furtner
Furtzdesigns
 
Your home page shouldn't be linked in on the home page, never link the page you are on to it's self it cause confusion to your site visitor.
Is this the home page?
Then why is their a link to their home page?
O this must not be the home page then. blar blar blar you get the rest.

On my screen rez, quite high, it just feels like their is something missing to me at the bottom.

Change click here for more to view our portfolio and our services in more detail.

Better link text and a better call to action.

Under your logo you should have a tag line, no more than 8 words describing what you are and what you do.

I would have it as web design based in.....

Fill in you location, better for the search engines and localized traffic.

Again change your title element to furtz designs ~ web design based in...... fill in location

Again better SEO, as more people will be looking for web design work near you than they will be looking for web design by your name.

Now this section ~
<p><img src="http://www.designforums.co.uk/images/bullet.gif" alt="" width="17" height="12" />Website design<br />
<img src="http://www.designforums.co.uk/images/bullet.gif" alt="" width="17" height="12" />Graphic design<br />
<img src="http://www.designforums.co.uk/images/bullet.gif" alt="" width="17" height="12" />Logo design<br />
<img src="http://www.designforums.co.uk/images/bullet.gif" alt="" width="17" height="12" />Paper based media design<br />
<img src="http://www.designforums.co.uk/images/bullet.gif" alt="" width="17" height="12" /><a href="portfolio.html">Click here for more...</a></p>
</div

Could be changed to ~
<ul>
<li>Website design</li>
<li>Graphic design</li>
<li>Logo design</li>
<li>Paper based media design</li>
<li><a href="portfolio.html">View our portfolio and our services in more detail</a></</li>
</ul>


An ALT attribute contain the text alternative text is TBH not that great.
Check out my thread on accessible web coding, pay attention to the image and image link sections.

You need to add a h1 tag again preferably contain the text
furtz designs web design based in ......

However due ti the fact you are using CSS sprites to pull them off, their are no current good place to place it.

I would add the logo in image form, add the ALT text as above and place it in a h1 tag, for better SEO.

The images width and height can be moved to CSS to reduce your bloat, and to code to the highest quality.

There are a mad amount of divs, p tags would be better suited and would reduce you code bloat considerably.

I'll have a proper look in a bit, been up all night so a tad tired and want to go to bed.

Hope it helps.
Jaz

Key:
Purple ~ XHTML
 
I'll leave Jaz to the code and SEO but I can give you a bit of input on the design. :)

It's nice, simple and easy to use. But I'd work a bit on your identity/branding and maybe the main menu as well. It just appears a bit dull. And I'd make the logo a lot smaller to make it breathe a bit more. There's some good work in there and with a few tweaks I think the site could be really nice.

Hope that helps in some way.
 
Firstly, Jazajay that was freakin amazing. I'Il start working through the list!

And thanks Aarlev, i definately agree on the logo size lol.

I really appreciate it.
 
Hay Furto.
Also create a plain file and name it .htaccess and place this code in it ~

RewriteEngine On
RewriteCond %{HTTP_HOST} !^www\.furtzdesigns\.com/ [nc]
RewriteRule ^(.*)$ http://www.furtzdesigns.com//$1 [R=301,L]


What this will do is redirect your www. and non www. versions to the www. version. This in the search engines eyes makes the site 1 site, other wise it is classed as 2.

Upload that file to your root directory and that will sort it out

Also all your heading images are sprites, TBH I would put them on the page and use the ALT attribute as they are not decorative images, alternatively place the title attribute on the div containing the sprite with the exact wording as their headers and screen readers who read text to blind users will then pick it up.

Jaz
 
Ok great, looks like i overlooked the whole 'accessible' part of web design. Thanks for your time Jazajay, I'll get to work!
 
I definitely think a recognizable footer would improve the site a lot. The space at the bottom bugs me. It feels like it should fall to the bottom of the page. Other than that I think the rest covered it...I like your icons :)
 
VertigoSFX said:
I definitely think a recognizable footer would improve the site a lot. The space at the bottom bugs me. It feels like it should fall to the bottom of the page.

I agree with this! I wasn't sure whether to mention it or whether it was just a weird 'me' thing, but when I first went to the site I felt like I needed to scroll down as there's no end to the page, I guess it just comes from an expectation of there being some end to the page. I would also consider making your icons a bit smaller, for me they take over a little bit.

HTH
Greg
 
Awesome, thanks for all your feedback, should be able to get it lookin good with all your help!

I might think up some footer styles and mix things up a bit to see what you guys think :D

I'll keep you posted
 
Hay buddy fixing a mistake in my second to last post.
RewriteEngine On
RewriteCond %{HTTP_HOST} !^www\.furtzdesigns\.com/ [nc]
RewriteRule ^(.*)$ http://www.furtzdesigns.com//$1 [R=301,L]

Should be ~

RewriteEngine On
RewriteCond %{HTTP_HOST} !^www\.furtzdesigns\.com [nc]
RewriteRule ^(.*)$ http://www.furtzdesigns.com/$1 [R=301,L]


No trailing slash on line 2, and only 1 on line 3, after the domain name, they will give you an error, my fault. If you are still getting an error, after you change it, let me know. :)

Jaz
 
Ok awesome thanks, I have been heaps busy lately and havnt had a chance to go through all your feedback and work on each point but as soon as things die down here I'll get to work. Again, thanks for your time.
 
Back
Top