Jump to content


Photo

Company site revamp


  • This topic is locked This topic is locked
19 replies to this topic

#1 redbullmarky

redbullmarky
  • Staff Alumni
  • Advanced Member
  • 2,863 posts
  • LocationBedfordshire, England

Posted 01 August 2006 - 03:47 PM

hello all
i've given my company website a complete overhaul recently - just looking for some opinions, generally on the functionality and the layout, etc.

The biggest thing i changed was the 'Job Search' - ok, so maybe not the most necessary use of AJAX, but I think it works well and has sped things up 10fold. I also wrote it using my own template engine, which (although you cant see it) has drastically improved performance, using output buffering/gzip, etc - the home page is little over 2k...

any thoughts appreciated!

http://www.legacyrecruit.com
"you have to keep pissing in the wind to learn how to keep your shoes dry..."

I say old chap, that is rather amusing!

#2 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 01 August 2006 - 05:34 PM

Ha HA! Finally, you used light colours! This looks pretty good. Three things: First, add some margin at the top of the page, so it doesn't just run up against the top like that, unless it's a key design element (which as far as I can tell, it's not). Second, what's with the table to the right? I don't really see the use for that. And finally, I don't really see the point of that progressbar. I don't even see it, the page loads so fast.
Disclaimer: No matter how harsh I may be, I'm always IMO only.

#3 redbullmarky

redbullmarky
  • Staff Alumni
  • Advanced Member
  • 2,863 posts
  • LocationBedfordshire, England

Posted 01 August 2006 - 05:51 PM

lol yeah - i'm currently in the middle of a pretty huge project which has been well designed, so i've learned a hell of a lot from the designer about colour and whitespace, etc.

- margin at top: noted. agree with you on this one.
- still playing around with this one. i've used a couple of tables in the site (as opposed to my normally complete table-based layout), but it was really to keep it nice and contained - was having all sorts of problems when i had it as the layer approach.
- progressbar - ok, maybe its not subtle, but i think something like it is necessary. reason being is from time to time the server will have a 'slow moment' where people click and it would otherwise appear to be doing nothing. maybe an overkill having it like this and not something smaller, but the difference without it when the server has a 'slow moment' is quite major.

cheers for your comments though - much appreciated.

Mark
"you have to keep pissing in the wind to learn how to keep your shoes dry..."

I say old chap, that is rather amusing!

#4 AndyB

AndyB
  • Staff Alumni
  • Advanced Member
  • 5,465 posts
  • LocationToronto

Posted 01 August 2006 - 06:15 PM

Looks fine in all 'good' browsers.  IE on a PC has different ideas.  The bottom border of the tabs is visible; the menu doesn't make it all the way to the right edge; the form content is vertically displaced in the space.

http://www.digitalmi...legacy-site.gif
Legend has it that reading the manual never killed anyone.
My site

#5 wildteen88

wildteen88
  • Staff Alumni
  • Advanced Member
  • 10,482 posts
  • LocationUK, Bournemouth

Posted 01 August 2006 - 06:23 PM

It appears the IE oddity AndyB reported above is to do with IE6. IE7 displays it fine, the same as FF.

#6 redbullmarky

redbullmarky
  • Staff Alumni
  • Advanced Member
  • 2,863 posts
  • LocationBedfordshire, England

Posted 01 August 2006 - 06:45 PM

Looks fine in all 'good' browsers.  IE on a PC has different ideas.  The bottom border of the tabs is visible; the menu doesn't make it all the way to the right edge; the form content is vertically displaced in the space.

http://www.digitalmi...legacy-site.gif


hmm thats odd. i have IE7 beta on the PC so overlooked this one, and can't find a way to load up IE6 now 7 is installed. FF (mac+pc), Safari (mac), Opera (both), all work fine as you say - just seems to be the prob you pointed out. thanks andy - i'll sort it.

cheers
Mark
"you have to keep pissing in the wind to learn how to keep your shoes dry..."

I say old chap, that is rather amusing!

#7 jcombs_31

jcombs_31
  • Staff Alumni
  • Advanced Member
  • 2,066 posts
  • LocationFL

Posted 01 August 2006 - 06:51 PM

Looks pretty good, but the header can use some help.  I think you need to come up with a logo. 

#8 ober

ober
  • Staff Alumni
  • Advanced Member
  • 5,337 posts
  • LocationEast Coast, USA

Posted 01 August 2006 - 07:55 PM

I like the new design... my only complaint is that the background is a little boring.  Might look better with a gradient or maybe a darker color? 

Info: PHP Manual


#9 steviewdr

steviewdr
  • Moderators
  • Advanced Member
  • 1,364 posts
  • LocationIreland

Posted 01 August 2006 - 08:05 PM

echo Ober. The background is boring.

Your Quick job search div has a load of space in the middle.

You have too many different font sizes.

I dont see why the login tab should be coloured differently. It takes away from the other tabs.

-steve

#10 ober

ober
  • Staff Alumni
  • Advanced Member
  • 5,337 posts
  • LocationEast Coast, USA

Posted 01 August 2006 - 08:23 PM

I don't know... I kinda like the login tab colored different... it's a completely different function.  If you were to do anything there, I'd move the login to somewhere else, but I think it's different and kinda nice as-is.

Info: PHP Manual


#11 redbullmarky

redbullmarky
  • Staff Alumni
  • Advanced Member
  • 2,863 posts
  • LocationBedfordshire, England

Posted 01 August 2006 - 08:45 PM

yeah i kinda like it the way it is too. i purposely wanted to keep it seperate to the other tabs, but also at the same time i wanted it up there having the same importance.

just for the purposes of trying to sort out problems that andy b pointed out (with IE6), can you let me know what browser you're using if you make any critique about whitespace, etc. i think i've nailed a few, but i'm really having all sorts of problems with two issues in particular:

1) the big space on the 'quick search' panel on the home page (IE6). this appears perfectly on other browsers.
2) possibly one of the weirdest problems is on the 'contact' page. the background behind the form fields should be blue with a border, just like the other forms. directly before my <div> tag, i have a <br /> tag - when i remove this <br /> tag, the <div> regains its proper colour - but the 'Your name' text totally disappears.

if anyone can offer help on particularly the above two, that would be most appreciated.

jcombs - yeah the logo is bland. i guess it's kinda stuck after my inital attemps, and as people are kind of aware of it and recognise it, its quite hard to just change it.

ober/stevie - good call about the grad for the background - after critique offered on one of my other sites about a background, and the improvement it gave, its definitely worth a shot.

cheers
Mark
"you have to keep pissing in the wind to learn how to keep your shoes dry..."

I say old chap, that is rather amusing!

#12 ober

ober
  • Staff Alumni
  • Advanced Member
  • 5,337 posts
  • LocationEast Coast, USA

Posted 01 August 2006 - 09:02 PM

I edited your post to show the tag you were talking about...

And if you look at the source, the tag shows up as "<br" and that's it, right before the opening div.

Info: PHP Manual


#13 redbullmarky

redbullmarky
  • Staff Alumni
  • Advanced Member
  • 2,863 posts
  • LocationBedfordshire, England

Posted 01 August 2006 - 09:17 PM

I edited your post to show the tag you were talking about...

And if you look at the source, the tag shows up as "<br" and that's it, right before the opening div.


sure - i was playing around with that and forgot to save it, but the problem was there before and is still there now i've corrected the tag. very weird behaviour.

edit: and weirder still - if i remove the 'border-left' style property from the containing div, the blue div comes back as it should.

edit2:: sorted - answers on a postcard please - what is it about IE 6 that required me to explicity put in "position: relative" ? same sort of messing around also solved the problem on the homepage, albeit with a bit of extra space here and there.
"you have to keep pissing in the wind to learn how to keep your shoes dry..."

I say old chap, that is rather amusing!

#14 AndyB

AndyB
  • Staff Alumni
  • Advanced Member
  • 5,465 posts
  • LocationToronto

Posted 01 August 2006 - 10:03 PM

I can't test with IE anything at home as I have inadvertently 'created' a version of IE that refuses to use any styles and refuses all my efforts to make it work (diddling with the registry, googling my brains out for a month), so I'm going to guess you fixed the IE6 oddity ... particularly as I used IE6 form work and it looked fine later in the day.

Whatever ... nice job!
Legend has it that reading the manual never killed anyone.
My site

#15 redbullmarky

redbullmarky
  • Staff Alumni
  • Advanced Member
  • 2,863 posts
  • LocationBedfordshire, England

Posted 01 August 2006 - 10:07 PM

thanks andy - yeah i got it fixed i think. there are still things that look better on FF/Opera, etc, but the problem in most cases seemed to be the way IE handles floating divs. if someone can clear this up, that'd be great. other fixes (top nav and gap on right of page) were fixed with a seperate, IE6 only stylesheet - margin problems.

cheers
Mark
"you have to keep pissing in the wind to learn how to keep your shoes dry..."

I say old chap, that is rather amusing!

#16 jcombs_31

jcombs_31
  • Staff Alumni
  • Advanced Member
  • 2,066 posts
  • LocationFL

Posted 01 August 2006 - 11:54 PM

Andy, are you running XP?  Try deleting IE from add/remove programs on the windows components page and re-download it from microsoft, should fix your problems. 

#17 AndyB

AndyB
  • Staff Alumni
  • Advanced Member
  • 5,465 posts
  • LocationToronto

Posted 02 August 2006 - 12:08 AM

Andy, are you running XP?


Win2K Pro on this box.  Strangely, there a registry entry for 'use style sheet' which appears to have no effect whatever I do to it.  Since I haven't used IE in the 3+ months since I blew it up, I might just as well remove it and try a new, improved, downloaded version (it couldn't be any worse:))
Legend has it that reading the manual never killed anyone.
My site

#18 pixy

pixy
  • Members
  • PipPipPip
  • Advanced Member
  • 295 posts

Posted 02 August 2006 - 05:47 PM

The main page looks too horizontally wide and not vertically tall for me. I don't know, I just don't like it. Other than that, it's nice. It doesn't really stand out to me, but it's well designed.

This is a .44 Caliber Loveletter straight through my heart.

Tabulas + Threadless + Hire Me!


#19 redbullmarky

redbullmarky
  • Staff Alumni
  • Advanced Member
  • 2,863 posts
  • LocationBedfordshire, England

Posted 04 August 2006 - 03:35 PM

ok thanks for your thoughts! have taken a fair bit on board so will be looking at making more changes soon.

cheers all
Mark
"you have to keep pissing in the wind to learn how to keep your shoes dry..."

I say old chap, that is rather amusing!

#20 lead2gold

lead2gold
  • Members
  • PipPipPip
  • Advanced Member
  • 164 posts
  • LocationOttawa, On

Posted 08 August 2006 - 06:23 PM

Wow, i like that design!
nice job!!




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users