Home    General Stuff    Artwork and Creativity
#1

Website I've just finished.

Archive: 17 posts

I've just finished a website as a favour to a freind, I did it for free to save him a fortune getting a proper company to create it. He's just opened the business and wanted something online. I created everything on the site, logo's, banner, buttons etc etc and its taken me about a week to do it from start to finish. It was a LONG time (10 years) since I was learned this at University, and hav'nt really used what I learned all that much in that time considering I'm now a joiner .

I'd appreciate any comments on it!! Be kind though, you can forget a lot in 10 years

Jigsaw Wood Recycling Ltd. (http://www.jigsaw-woodrecycling.co.uk)		2009-08-07 11:12:00

Author:
GruntosUK
Posts: 1754

That's very good. I couldn't do something like that . The banners quite impressive, if you made it yourself, as well. 2009-08-07 11:18:00

Author:
resistance1
Posts: 812

I have to say I love it! It looks brilliant and everythings easy to find
Great job Grant - is this what you've been doing on all those spare fridays 		2009-08-07 11:18:00

Author:
Coxy224
Posts: 2645

No, this is what I should have been doing when I was doing the spotlight

I've got another website on the go for another company as well, this ones a lot bigger and has taken me a lot longer, but its no where near finished yet.		2009-08-07 11:22:00

Author:
GruntosUK
Posts: 1754

Nice job! I love the graphic elements and the color scheme. Nice layout as well.

My only critiques: you might add some cell padding around the main elements in the body of each page; specifically surrounding the text. It butts right up to the border of the frame. Just think it may be easier on the eye.

Also, the default blue in the links (at least on my browser) down in the footer section of each page, is a bit hard on the eyes against the wood-brown background. I might change it to override the default, perhaps using the pale green of the body's background.

Now to a few spelling and grammatical issues :

Recycling page:
Waste Wood can be delivered direct to our sites, we can supply bins/skips for hire so you can fill and exchange when required or our walking floor or curtain sided fleet can come to collect larger quantities.Was Wood meant to be capitalized here? If so, then never mind.

Our Policy page:
... working with our original and valued customer base in the public sector?.

"With the support of our employees, who we feel are the backbone of the company we will aim to grow, whilst maintaining successful, long standing business partnerships ...There seem to be some errant quotation marks in this section. Also long-standing should be hyphenated (as well as, I believe, long-term later on the page).

About Us page:
With a 100% recycle rate on all wood recieved by us you can be safe in the knowledge that you're waste is being both recycled completely and safely, as well as reused by other clients.you're should be your in this context.

Contact Us page:
We are currently constructing and revamping our office facilitys at Jigsaw Wood Recycling Ltd.We are currently constructing and revamping our office facilitys at Jigsaw Wood Recycling Ltd.

Facilities is misspelled here.

Hope I'm not being too critical. Really just trying to help out a friend!

It is an otherwise outstanding effort. Your mate is lucky to have such a talented (and generous) acquaintance.		2009-08-07 12:44:00

Author:
v0rtex
Posts: 1878

Pretty good, apart from those gramatical issues v0rtex pointed out

Egglestone? Unusual name...		2009-08-07 12:53:00

Author:
ARD
Posts: 4291

Thanks Danny, I've fixed the spellings and changed the links in the footer, looks a lot better now.

I hav a problem with the padding though (I'm new to CSS), the menubar is actually part of the maincontent section, when I add padding it shoves the menu bar across to leaving a gap. I'll have to have a play and see what I can come up with (and learn in the process).

Thanks again.


Pretty good, apart from those gramatical issues v0rtex pointed out

Egglestone? Unusual name...

I should have guessed you'd have picked up on the grammar

Yeah it is an unusual name, god knows where it came from.

EDIT: Nevermind, I moved the navbar into the header, problem solved, simple really 		2009-08-07 13:06:00

Author:
GruntosUK
Posts: 1754

All i'm gonna say is that background is too garish.2009-08-07 13:45:00

Author:
Zac
Posts: 165

Great looking website Grant. Very clear and perfectly suits the nature of the business.

I haven't read every word but I spotted one more spelling mistake from vortex's post which was 'recieved'. It should be 'received'. It's the old 'i before e except' conundrum.		2009-08-07 14:02:00

Author:
mistervista
Posts: 2210

Thanks Mr.V, I'll change that spelling mistake.2009-08-07 16:20:00

Author:
GruntosUK
Posts: 1754

Everything is really nicely layed out and labeled.

I'd love to do somethng like that. Nice work! 		2009-08-07 16:24:00

Author:
Leather-Monkey
Posts: 2266

Very amazing, too bad I take like 2 months to finish the homepage..2009-08-07 17:21:00

Author:
Unknown User

Now you're talking my language!!

Great job - I take it you've done work on table-less designs before becasue this layout is pretty good.

There are quite a few things that COULD be improved, although not critical.

Your padding on maincontent is still pretty small

Where you have this bit in your css..



.oneColFixCtrHdr #mainContent {
padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
background: #BBEDA3;
padding: 0px 5px 5px 5px;
}


you have re-defined your padding.. just change it to..



.oneColFixCtrHdr #mainContent {
background: #BBEDA3;
padding: 5px 10px 10px 5px;
}


Or... you could add a slight left-margin to your paras

new definition..



.oneColFixCtrHdr #mainContent p {
margin-left: 5px;
}


The general structure of the page is OK - centering nicely in all browsers... but... hardly anyone views in 800x600 anymore.

You might want to consider making your overall width to suit 1024x768 - but I try to get it at about 980px wide: however, this will screw up your header image so you might have to re-make!!

MENU BAR

Search engines can't read text in images... so if you make a menu button with text as an image, it's pretty useles to them.

You can however, change this relatively simply.

I usually use a .menu ul li{} system, where you can define the background image of an unordered list.

The style of the unordered list can then be made to suit your style and the text is in nice simple "text" lists which SE's love.

Like the background planks..

Header image is great.

Not sure about the repeating wood effect in the footer - it looks stretched and a bit out of place.

The mainContent isn't broken down into sub-sections and as a result, your body text looks a little... spread out with not much construction.

You might want to add a left column and a right column to break it up.

You have a page title, but Search engines also like a good use of the following:

meta-tag description - this is what appears below the title. If you have nothing, it will default to the irst few lines in maincontent.

meta-tag keywords - not as important these days but still used in Yahoo/Ask and some of the less major SE's

h1, h2, h3 - I saw you've used an h1 tag, but its wrapped around a bunch of stuff that isn't a heading.. Search Engines use them to validate importance of key-phrases.

I hope you don't mind me going on, but you've given a lot of time to this forum so I thought I'd add a bit of experience!

Good work!

Rhy		2009-08-07 19:47:00

Author:
Rhyfelwr
Posts: 606

looks cool Grant - I wouldn't know where to start something like that - although I'd like to learn. I'm all about print graphics. 2009-08-07 20:13:00

Author:
Morgana25
Posts: 5983

The wood texture at the bottom seems squished http://www.cgtextures.com/ has a great selection of larger wood textures which you could use. You probably have to stretch the width but I think it'd look better than it does at the moment (in my opinion of course).2009-08-07 20:18:00

Author:
Shermzor
Posts: 1330

Now you're talking my language!!

Great job - I take it you've done work on table-less designs before becasue this layout is pretty good.

There are quite a few things that COULD be improved, although not critical.

Your padding on maincontent is still pretty small

Where you have this bit in your css..



.oneColFixCtrHdr #mainContent {
padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
background: #BBEDA3;
padding: 0px 5px 5px 5px;
}


you have re-defined your padding.. just change it to..



.oneColFixCtrHdr #mainContent {
background: #BBEDA3;
padding: 5px 10px 10px 5px;
}


Or... you could add a slight left-margin to your paras

new definition..



.oneColFixCtrHdr #mainContent p {
margin-left: 5px;
}


The general structure of the page is OK - centering nicely in all browsers... but... hardly anyone views in 800x600 anymore.

You might want to consider making your overall width to suit 1024x768 - but I try to get it at about 980px wide: however, this will screw up your header image so you might have to re-make!!

MENU BAR

Search engines can't read text in images... so if you make a menu button with text as an image, it's pretty useles to them.

You can however, change this relatively simply.

I usually use a .menu ul li{} system, where you can define the background image of an unordered list.

The style of the unordered list can then be made to suit your style and the text is in nice simple "text" lists which SE's love.

Like the background planks..

Header image is great.

Not sure about the repeating wood effect in the footer - it looks stretched and a bit out of place.

The mainContent isn't broken down into sub-sections and as a result, your body text looks a little... spread out with not much construction.

You might want to add a left column and a right column to break it up.

You have a page title, but Search engines also like a good use of the following:

meta-tag description - this is what appears below the title. If you have nothing, it will default to the irst few lines in maincontent.

meta-tag keywords - not as important these days but still used in Yahoo/Ask and some of the less major SE's

h1, h2, h3 - I saw you've used an h1 tag, but its wrapped around a bunch of stuff that isn't a heading.. Search Engines use them to validate importance of key-phrases.

I hope you don't mind me going on, but you've given a lot of time to this forum so I thought I'd add a bit of experience!

Good work!

Rhy

Ow... My head hurts. 		2009-08-09 21:12:00

Author:
resistance1
Posts: 812

It looks great to me, well done.2009-08-09 22:11:00

Author:
mrsvista
Posts: 755


LBPCentral Archive Statistics
Posts: 1077139    Threads: 69970    Members: 9661    Archive-Date: 2019-01-19

Datenschutz
Aus dem Archiv wurden alle persönlichen Daten wie Name, Anschrift, Email etc. - aber auch sämtliche Inhalte wie z.B. persönliche Nachrichten - entfernt.
Die Nutzung dieser Webseite erfolgt ohne Speicherung personenbezogener Daten. Es werden keinerlei Cookies, Logs, 3rd-Party-Plugins etc. verwendet.