New Website - Feedback Required

moojoocreatives

New Member
Hi All

I have just designed a new website for myself as i have started up as a logo design, print design and web design service provider for start up businesses.

i am not a developer, merely a designer so please dont knock my coding. I would appreicate some hints and tips on the coding so i can learn and improve.

This is the 3rd attempt so please, any feedback regarding layout, colours, navigation etc would be most appreciated.

www.moojoocreatives.co.uk

Thanks
 
Hi moojoo,

Welcome to Design Forums! Why don't you tell us a bit about yourself here: http://www.designforums.co.uk/introductions/ :)

I like the general layout and design. My only points would be that the text in the navigation looks a but fuzzy and unclear. Also I would suggest increasing the line-height in your body text.

Maybe also try a few other ways of presenting your portfolio pieces. Perhaps make the images bigger and have one by one and on a white background like the rest of the site?

Hope that helps!
Soren
 
I think you should move your "latest designs" up to the top. if I was a genuine potential client I'd like to see what you had to offer, not lots of text.

I also think (told you on Shell) that there should be some rollover recognition on your menu, it adds that bit of extra style and does something for the viewer.

HTH
 
I won't knock your coding then, but I will offer some pointers. You need to drop the tables. Tables have been out for years now. You should be able to pick up some stuff from here <selfplug> http://csswizardry.com/web-design+/ </selfplug>.

Non-codewise: I think your welcome banner takes up too much space vertically, pushing any copy below the fold*.

I also think the type could use some touching up as there doesn't appear to be a great deal of hierarchy on pages with lots of copy (such as the FAQs).

*still kind of important.
 
Many thanks for the feedback people.

I agree with you harry that the headers take up too much space. When i first started to put the site together it looked great but now that it has changed so much and evolved, i might have to reduce them in size or just get rid altogether.

i have made some more alterations to the visual appearance so feedback again would help.

As for the tables, i used div's before but i had soooooo much trouble with floats, lefts, rights, clears etc that i nearly pulled all my hair out over it. I am still working on it so as soon as i have figured it out i will replace the tables with div's.

To do's:

1) change nav bar so that the text is clearer and not fuzzy
2) try to get my head round the hints and tips in the CSS Wizadry link
3) replace tables with div's
4) sort out the coding - dont know what i'm looking for though.

Again, thanks for the heads up!
 
Hi moojoo,

The text still seems a bit fuzzy to me. Perhaps you didn't put Anti-Aliasing on your text when you created it? It also looks like there's a bit of fuzz on the actual button underneath the text?

Here's a quick example with Arial 12pt set to 'Sharp' Anti-Aliasing compared to yours.

comparison.png


So you could try that with whatever font you're using there, or perhaps just have the menu as HTML text instead?

Thanks,
Soren

EDIT: Sorry moojoo, I didn't spot that it was on your to do list. I thought you had tried to clear up the text already. Long day at work hehe..:)
 
Hay buddy I'm not going to knock your coding but I'll give you a few pointers.
First off though create a plain file and call it .htaccess in their place this code and upload it to your root directory.

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

As you currently have 2 versions of your site, 1 under www. and the other under the non www. version these will get you penalized in the search engines unless you redirect them, that code will do that.

Change this section of code ~
<div id="header"><img src="http://www.designforums.co.uk/images/header.jpg" alt="moojoo creatives header" width="1024" height="134" border="0" /></div>

To ~
<div id="header"><h1><img src="http://www.designforums.co.uk/images/header.jpg" alt="moojoo creatives" width="1024" height="134" border="0" /></h1></div>

Your CSS should be external.
In you external CSS sheet write ~
img{border:none}

You can then delete all the border="0" attributes from your img tags.
Blockquote tags should not be used for spacing ~
<blockquote><img src="http://www.designforums.co.uk/images/home_main.jpg" alt="welcome to Moojoo Creatives" width="1024" height="255" /></blockquote>

<blockquote>
<p>| Copyright &copy; Moojoo Creatives | <a href="about.html">Pritesh Patel</a> : Creative Designer 2002-2009 | <a href="index.html">Home</a> | <a href="logodesign.html">Logo Design</a> | <a href="printdesign.html">Print Design</a> | <a href="webdesign.html">Web Design</a> | <a href="contact.html">Contact</a> | <a href="terms.html">Terms</a> |</p></blockquote>


Instead put it in a paragraph tag, give the tag a unique id and add padding to create the same effect.

Hope it helps
Jaz

Key:
Red ~ Mod_rewrite
Purple ~XHTML
Green ~ CSS
 
Jazajay said:
First off though create a plain file and call it .htaccess in their place this code and upload it to your root directory.

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

As you currently have 2 versions of your site, 1 under www. and the other under the non www. version these will get you penalized in the search engines unless you redirect them, that code will do that.

That's not strictly true. You won't get penalised, it's just not as effective/efficient. There's nothing wrong with it in the 'allowable' sense, its just not the best thing to have SEO wise - if that makes sense.
 
Well that's just semantics, because if you halve your equity as a result, it is as good as tbh, but I suppose you are technically right. :)
But regardless it should be done.
 
Back
Top