Please review Web design sites for my clients

Overall nice work and an excellent start for someone new to the field.

From an information design perspective everything is very clear and easy to locate, my only suggestion in this regard is to use a little less copy. You have a lot of information on the front page which looses the key message that you want to convey when users first land on your page. In general its a good role to not have to scroll on the home page and you may want to move some of the side menu items to subtopics of the main menu.

From an aesthetic point of view the colors are great and the design is clean. Your typography could use a little work, I would try to stick to one or two fonts. Also as this is a design firm I would definitely punch up the header graphic a bit, there is nothing wrong with it but this is the place where you want to show off your design talent. The elements and positioning are good (except maybe using the logo a second time on the flat screen) but I would try something more dynamic, perhaps a better meshing of the computer graphic with the background banner, some lighting effects, etc.. Also I don't know if you designed the logo or not but you may want to advise the company to look into redesigning it to something more symbolic, unique, and memorable.

Hope that helps,
Salah

 

The home button doesn't work on the about us page. On the home page all the services are left aligned while they are right aligned on the others. The home page and website design page call the first service Seo Web Design while the others call it Web Site Design.

These are just little fixes to make everything consistent.
There's a lot of information on that site. Nice work.

 

hello
your designs perfect so please no change

 

Your website looks good, here is my quick review though:

1- A link to the home page using the first image at the header would be better.

2- You navigation menu looks quite cheap or let me say poor, maybe by using an on mouse over (Hover Images) will make it better.

3- The header images file-sized is a little bit big over a 100K for the header, consider optimizing those for faster loading.

That was my honest opinion, however the website looks good in general so i hope i was clear and helpful

 

I think your website design is okay. There's a lot of room for improvement though. For one, the navigational buttons needs to have hover effects to make it more lively. And I personally don't think the left Services links jives with the color scheme since it's purple then blue header. That's just my opinion though

Also in the bottom area, I think there is "too much" whitespaces in between the boxes. Maybe you could adjust them a bit closer? Goodluck

 

Looks good, maybe a bit too coloful, especially the links should always have the same color.

A few minor things you may want to change:

- The text in the navigation buttons isn't really centered, especially the "about us" (too far left) and "website design" (too far left, too low) look a bit strange.

- The purple header and footer of the "Latest Launch" column don't match the size of the images at the right side in Firefox, is centered but too small as well in IE.

- The border around "Web Page Design" and "Graphic Design" is broken in IE and Firefox.

- The border around the instant message field on contact-us.html is broken

- The picture quality of the picture on epos-pos-system-solutions.html is bad, it's overoptimized, especially around the text you see loads of pixels

- links.html shows wrong html for your backlink, there is an open bold tag after the strong tag that isn't closed, so it may mess with the text of someone copying it to his website. I wouldn't use strong, too.

- Be careful with artwork you didn't create or don't have a license for, portfolio-of-work.html shows a toon from "Ice Age"

 

Design is ok, but fix your .css

 

Yes your CSS had errors i have posted the correct Valid CSS below, otherwise nice design i like it.

body {
margin : 0 0 0 0;
}
.text b.head {
font-size : 14px;
color : #61a524;
}
.text b {
color : #000;
}
.text b.co {
color : #000;
font-size : 16px;
}
.text A {
color : #f27302;
text-decoration : underline;
}
.text A:hover {
color : #0457d3;
text-decoration : none;
}
.profile {
font-family : arial;
font-size : 12px;
color : #000000;
padding-right : 8px;
padding-left : 5px;
}
.profile A {
color : #000000;
text-decoration : underline;
}
.profile A:hover {
color : #0457d3;
text-decoration : none;
}
.top-text {
font-family : arial;
font-size : 16px;
color : #000000;
padding-right : 8px;
padding-left : 5px;
}
.inner-heading {
font-family : arial;
font-size : 13px;
color : #13486f;
padding-left : 8px;
background-image : url("images/inner-top.jpg");
}
.inner-text {
font-family : arial;
font-size : 12px;
color : #000000;
padding-right : 8px;
padding-left : 8px;
}
.more {
font-family : arial;
font-size : 12px;
color : #0ab4de;
padding-right : 8px;
padding-left : 8px;
}
.more A {
color : #0ab4de;
text-decoration : underline;
}
.more A:hover {
color : #000000;
text-decoration : none;
}
.testimonial {
font-family : arial;
font-size : 11px;
color : #000000;
padding-right : 20px;
padding-left : 15px;
}
.company-addresh {
font-family : arial;
font-size : 13px;
color : #000000;
padding-right : 20px;
padding-left : 15px;
}
.form {
font-family : Arial, MS Sans Serif;
font-size : 12px;
color : #000000;
padding-right : 5px;
padding-left : 5px;
}
.form A {
color : #000000;
text-decoration : underline;
}
.form A:hover {
color : #894d0b;
text-decoration : none;
}
.side-table-hed {
font-family : arial;
font-size : 13px;
color : #ffffff;
font-weight : bold;
padding-left : 24px;
margin-top : 5px;
}
.text-side {
font-family : Arial, MS Sans Serif;
font-size : 11px;
color : #000000;
padding-right : 15px;
padding-left : 2px;
}
.text-side b.head {
font-size : 14px;
color : #61a524;
}
.text-side b {
color : #000;
}
.text-side b.co {
color : #000;
font-size : 16px;
}
.text-side A {
color : #894d0b;
text-decoration : underline;
}
.text-side A:hover {
color : #0457d3;
text-decoration : none;
}
.field {
border : 1px solid #000000;
color : #000000;
}
.co {
font-family : Arial;
font-size : 17px;
color : #f84a10;
padding-right : 40px;
padding-left : 5px;
text-decoration : none;
}
.co1 {
font-family : Arial;
font-size : 15px;
color : #f84a10;
padding-right : 40px;
padding-left : 5px;
text-decoration : none;
}
.co1 A {
color : #000000;
text-decoration : underline;
}
.co1 A:hover {
color : #f84a10;
text-decoration : none;
}
.co2 {
font-family : Arial;
font-size : 13px;
color : #4a7fc2;
padding-right : 40px;
padding-left : 5px;
text-decoration : none;
}
.co2 A {
color : #4a7fc2;
text-decoration : underline;
}
.co2 A:hover {
color : #cc2504;
text-decoration : none;
}
.top-link {
font-family : arial;
font-size : 12px;
color : #000000;
padding-right : 12px;
}
.top-link b {
color : #000000;
}
.top-link A {
color : #000000;
text-decoration : underline;
}
.top-link A:hover {
color : #22a8e7;
text-decoration : none;
}
.middle-link {
font-family : arial;
font-size : 12px;
color : #000000;
margin-top : 5px;
}
.middle-link b {
color : #000000;
}
.middle-link A {
color : #000000;
text-decoration : none;
}
.middle-link A:hover {
color : #0777b1;
text-decoration : none;
}
.side-link {
font-family : arial;
font-size : 12px;
color : #8903b0;
padding-right : 5px;
padding-left : 5px;
}
.side-link A {
color : #8903b0;
text-decoration : none;
}
.side-link A:hover {
color : #1a8ac8;
text-decoration : none;
}
.bottom-link1 {
font-family : Arial;
font-size : 12px;
color : #706e6e;
padding-left : 25px;
padding-right : 15px;
}
.bottom-link1 A {
color : #706e6e;
text-decoration : none;
}
.bottom-link1 A:hover {
color : #000000;
text-decoration : underline;
}
.bottom-link22 {
font-family : Arial;
font-size : 12px;
color : #000000;
padding-left : 20px;
padding-right : 5px;
}
.bottom-link22 A {
color : #000000;
text-decoration : none;
}
.bottom-link22 A:hover {
color : #000000;
text-decoration : underline;
}
.footer {
font-family : Arial, ms Sans serif;
font-size : 11px;
color : #844c2c;
padding-left : 20px;
padding-right : 20px;
}
.footer A {
color : #844c2c;
text-decoration : none;
}
.footer A:hover {
color : #ffffff;
text-decoration : underline;
}
.head {
font-family : Arial;
font-size : 18px;
color : #656c62;
font-weight : bold;
padding-left : 20px;
}
.text {
font-family : arial;
font-size : 12px;
color : #000000;
padding-right : 8px;
padding-left : 5px;
}
.extra1 {
background-image : url("images/service-table-bg.jpg");
}
.bg1 {
background-image : url("images/service-table-bg.jpg");
}
.table_top {
background-image : url("images/table-top.gif");
}
.table_left {
background-image : url("images/table-left.gif");
}
.table_right {
background-image : url("images/table-right.gif");
}
.table_bottom {
background-image : url("images/table-bottom.gif");
}
.big_top {
background-image : url("images/big-top.jpg");
}
.big_left {
background-image : url("images/big-left.jpg");
}
.inner_left {
background-image : url("images/inner-left.jpg");
}
.inner_right {
background-image : url("images/inner-right.jpg");
}
.inner_bottom {
background-image : url("images/inner-bottum.jpg");
}
.big_right {
background-image : url("images/big-right.jpg");
}
.big_bottom {
background-image : url("images/big-bottum.jpg");
}
.bor_col {
border-collapse : collapse;
border-color : #7f199c;
}
.style1 {
color : #ffffff;
font-weight : bold;
}
.con {
border-color : #36444a;
}
.con2 {
border-collapse : collapse;
border-color : #000000;
}
.con3 {
border-collapse : collapse;
border-color : #f1f1f1;
}
.bg_col {
background-color : #dadbdc;
}
.bg_col1 {
background-color : #f1f1f1;
}
.con1 {
border-collapse : collapse;
border-color : #000000;
}
.bg_colx {
border-collapse : collapse;
border-color : #d3d3d3;
}
.packages {
background-color : #f4f4f4;
}
.bg_colxx {
border-collapse : collapse;
border-color : #8d8e8e;
}
.enquiry {
background-color : #efefef;
}
p {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
.links {
border : 1px solid #084996;
background-color : #78a2d4;
}
.links1 {
border : 1px solid #084996;
}

Code (markup):

-Z-

 

Not a bad start to your design. I think you could get some ideas to make it look more professional by researching other websites.

 

the pc and the logo on the header. how about checking the perspective?

 

Don't put soo much content in the home page itself...give only a brief info..