LogicWeb Review

LogicWeb LogicWeb is offline Offline Jan 22nd, 2008, 1:06 am |
0
Please review my company's redesigned site, LogicWeb.

www.logicweb.com

Recently redesigned and well, not "100%" W3 compliant but working on that. Tested in various browsers so it should appear identical between IE, Firefox, Opera, etc.

Your feedback is appreciated. Please note these factors as well:

- speed
- layout
- detail (products)
- initial thought upon visiting the site

Thanks
Quick reply to this message  
0
ericfromandys ericfromandys is offline Offline | Jan 22nd, 2008
My personal feedback here: When I went to the site, it wasn't immediately clear to me what your business does. There is no 'welcome mat' at the top of the homepage. I scrolled down and saw the big image that says 'webhosting done the right way', and I think that would be better placed front and center at the top so that right when the visitor hits the homepage, they know where they are and can confirm mentally that they are in the right place.

I like the tabs at the top, organized, clean, and very easy to follow.

I can't explain it, but the color scheme doesn't give me a great feeling inside. I like the dark blue and orange, but I'm not feeling the sky blue around the perimeters of the page. That might just be because I'm stenchy though...
Quick reply to this message  
0
hericles hericles is offline Offline | Jan 23rd, 2008
Hi,
The website runs fine. Fast loading and good presentation. The main body and the tabs look good but I have to agree with the previous post. The background image (particularly the effect at the top) looks 'weak'. It's hard to explain but I didn't feel a sense of confidence from the colour scheme. A bit wishy washy? The scheme does work, its a style thats pretty common these days but I think it lacks a certain something.

Steve
Quick reply to this message  
0
LogicWeb LogicWeb is offline Offline | Jan 31st, 2008
Thank you for the responses. Could you please explain which part of the top color your referring to specifically?

Also, made a few changes to the home page. One being adding an "intro" tab on the top below the menu to clarify what LogicWeb is about, web hosting mainly.

Thanks again.

PS: anyone know how I can change to sliding doors method (or pre-loaders) for the menu images? I'm a css learner and have to finish off what the freelancer did not finish (or do right).

My menu's css portion is this at the moment:

/* ------------------ */
/* primary navigation */
/* ------------------ */

#menu {
margin:0px;
padding:0px;
background-image:url(../images/navigation/primary_nav_full_bgd.gif);
background-repeat:no-repeat;
height:42px;
}

ul#primary-navigation {
margin:0px;
padding:0px;
white-space: nowrap;
padding:10px 0px 0px 14px;
}

#primary-navigation li {
margin:0px;
padding:0px;
display:inline;
list-style-type: none;
float:left;
}

#primary-navigation li a {
display:block;
padding:0px;
margin-right:4px;
}

#menuItemHome {height:32px;}
#menuItemServices {height:32px;}
#menuItemWhy {height:32px;}
#menuItemSupport {height:32px;}
#menuItemAbout {height:32px;}
#menuItemPartner {height:32px;}

#menuItemHome {background-image:url(../images/navigation/inactive_home.gif); background-repeat:no-repeat; background-position:top left;}
#menuItemServices {background-image:url(../images/navigation/inactive_services.gif); background-repeat:no-repeat; background-position:top left;}
#menuItemWhy {background-image:url(../images/navigation/inactive_why.gif); background-repeat:no-repeat; background-position:top left;}
#menuItemSupport {background-image:url(../images/navigation/inactive_support.gif); background-repeat:no-repeat; background-position:top left;}
#menuItemAbout {background-image:url(../images/navigation/inactive_about.gif); background-repeat:no-repeat; background-position:top left;}
#menuItemPartner {background-image:url(../images/navigation/inactive_order.gif); background-repeat:no-repeat; background-position:top left;}

#menuItemHome:hover {position: static; background-image:url(../images/navigation/active_home.gif);}
#menuItemServices:hover {position: static; background-image:url(../images/navigation/active_services.gif);}
#menuItemWhy:hover {position: static; background-image:url(../images/navigation/active_why.gif);}
#menuItemSupport:hover {position: static; background-image:url(../images/navigation/active_support.gif);}
#menuItemAbout:hover {position: static; background-image:url(../images/navigation/active_about.gif);}
#menuItemPartner:hover {position: static; background-image:url(../images/navigation/active_order.gif);}

/* drop down box elements */

#primary-navigation li ul {
position:absolute;
width:150px;
left:-999em;
margin:0px;
padding:0px;
font-size:11px;
color:white;
}

#primary-navigation li:hover ul, #primary-navigation li.sfHover ul {
left: auto;
}

/* individual drop down menu widths */

#dropMenuServices li, #dropMenuWhy li, #dropMenuSupport li, #dropMenuAbout li, #dropMenuPartner li {
margin:0px;
padding:0px;
display:block;
}

#dropMenuServices a, #dropMenuWhy a, #dropMenuSupport a, #dropMenuAbout a, #dropMenuPartner a  {
width:140px;
}

#dropMenuServices a {
width:175px;
}


#dropMenuServices a:link, #dropMenuWhy a:link, #dropMenuSupport a:link, #dropMenuAbout a:link, #dropMenuPartner a:link {color:white;}

#dropMenuServices a:visited, #dropMenuWhy a:visited, #dropMenuSupport a:visited, #dropMenuAbout a:visited, #dropMenuPartner a:visited {color:white;}

	
#dropMenuServices li a:link, #dropMenuServices li a:visited, #dropMenuWhy li a:link, #dropMenuWhy li a:visited, #dropMenuSupport li a:link, #dropMenuSupport li a:visited, #dropMenuAbout li a:link, #dropMenuAbout li a:visited, #dropMenuPartner li a:link, #dropMenuPartner li a:visited {
background-image: url(../images/navigation/primarynav_drop_item.gif);
background-repeat:repeat;
background-position:top left;
padding:5px;
}
	
#dropMenuServices li a:hover, #dropMenuServices li a:active, #dropMenuWhy li a:hover, #dropMenuWhy li a:active, #dropMenuSupport li a:hover, #dropMenuSupport li a:active, #dropMenuAbout li a:hover, #dropMenuAbout li a:active, #dropMenuPartner li a:hover, #dropMenuPartner li a:active {
background-image: url(../images/navigation/primarynav_drop_item_hover.gif);
background-repeat:repeat;
background-position:bottom;
padding:5px;
}

I found this but would like to see if this is a viable and good option:

http://www.wellstyled.com/css-nopreload-rollovers.html
Quick reply to this message  
0
LogicWeb LogicWeb is offline Offline | Feb 25th, 2008
I would like to thank everyone here for there feedback and review of LogicWeb site. I have made some tweaks and modifications based on the feedback on this site and a few other web design related sites.

Please kindly look now, especially if you have javascript disabled (this has been slightly tweaked to the best of my knowledge of doing any web design related tasks). Your continual review is appreciated.

Some tweaks and modifications made are:
- menu hover
- disabled javascript fallback
- homepage slightly cleaned up
- header logo / chat image mapped in the right circl instead of entire header

Thanks again.
Quick reply to this message  
0
hericles hericles is offline Offline | Feb 25th, 2008
Hi,
I browsed the site with JavaScript off and it degrades nicely as far as I can see. Every page I went to displayed correctly and the navigation worked fine. The changes to the look are good ones, it is easy to tell what the site is about, navigation at the top is simple and backed up by more complex options in footer. As an experienced web user I find it easy to move around and undertsand.
Good work,
Steve
Quick reply to this message  
 

Message:


Thread Tools Search this Thread



About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC