Web Design Layout Review

H

heroiceric

New member
Feb 22, 2008
135
2
0
It's been a while since I set up a site without using a theme and I'm not really sure how this layout is. Many times, I'll spend time making a design and I'll look at it enough that I think it looks good. Then i'll look back on it a year later and be like wtf was i thinking...

telrepco dot com /telrepco-layout.jpg

Anyway, any advice is welcome - Good / bad / piece of shit ?
 


I agree it looks good.

Only that nav bar looks a little thick above and below the links.
 
telrepco dot com /telrepco-layout-small-nav.jpg

Does that look better? I realized that most people aren't using 1920x1200 and doing as suggested and resizing the nav bar did help to bring more information above the fold. I don't think it looks as good as before without the space on high res monitor but that's not really my demo anyway
 
the width is fine, the average resolution is still pretty small nowadays, check your analytics you'll see what I'm saying.

Good looking design, work on your CTA on your button though. Make it something like "Fix My Toughbook" or something
 
dchuk said:
check your analytics you'll see what I'm saying
Click to expand...

... here you go:

reskk.jpg


Best part is 800x600 is on the decline because it's a nightmare designing for that width.
 
  • Like
Reactions: dchuk
as shown by the picture above, most people are using 1024 x 768, which is why I made it the width that it is... Check out the 960 grid system 960 Grid System.

dchuk - Thanks. That's just kind of filler text for now. It's going to say something else later, most likely not even related to repair
 
I agree with previous posters RE: the nav bar height, and the button CTA... but another thing I noticed is that it feels slightly grungy / dirty. From a designers' standpoint, I think the texture in the medium blue is great, but the texture in the light blue is a bit much. Try cleaning that up / smoothing it out, and see which you like better.
 
The other posters made some great points, design looks great as is. I'm not too sure you need those sideway scrolling pictures of laptops though.
 
I will try and go indepth with my review:

Header- Reduce the size or opacity of the drop shadow on the logo. Maybe reduce the text size of the nav.

Featured content area- Again decrease the size of your drop shadow. On the Toughbook Repair button, and the "1," "2," "3" buttons make the stroke more similar to the colour of the buttons and add a white inner glow on overlay.

Rest of the design- Add some more padding to the highlighted text. I suggest decreasing most of your font sizes - at the moment, they're a bit large.

The testimonials icon is hard to see. Make the newsletter form a bit more standoutish. Maybe give it rounded corners so that it matches the Testimonials box. Also make the Submit button stand out a bit.

I agree with SilentPen about smoothing out the background texture. Perhaps try adding noise rather than a paper texture.

Where you have the horizontally scrolling Toughbooks, maybe improve the forward and backwards buttons.

If you have anything that you want clarified, feel free to ask. :)
 
Nice design, here are some suggestions.

1. Increase the size and contrast of the phone number in the header
2. Give the newsletter signup field more contrast or at least a border it looks a little lost.
3. For me personally, I would experiment with the color of the footer
 
You must log in or register to reply here.
Top Bottom