Website for new technology service

Better than the old design, but quite a different step along.

• The light background looks good, but I don't like the grey gradient at the top - a solid white would work a lot better as the text would have more contrast.

• The drop shadows on the arrows look a bit cheap, and even dirty. Make them much more subtle.

• It's not immediately clear what the website is for. The descriptive text is in the top paragraph buts you need to read to find it - and since people don't read (they scan) the headline should be where it's placed.

• There's no consistency with the margins and spacing. For instance the text in the arrows has large padding at the top and hardly any at the bottom. Shift the text up a bit to balance things.

• There's no vertical rhythm. The text is plonked in random places. I think I suggested this before but go for a nice neat three column layout with consistent vertical alignment and it will look a lot more professional.

• What is the goal of the page? There's lots of buttons, so maybe work out which one you want people to focus on the most, and then make it more prominent (bigger/ bolder).

Hi,

At the moment I'm getting the feeling of a site that's trying to be quite up to date in it's looks and layout, but is being held back by some quite dated design choices.

Here's a couple of points I've picked up on. Hope they're of some use.

• I like the light look, but not sure about that grey gradient. It has a slightly dated look about it. Maybe try lightening the grey a little to make it more subtle.

• You seem to have lots of different shades of green going on. The text at the top, the horizontal rule, the call to action buttons, and that feature box in the middle. Try keeping them the same shade to help with a more consistent look.

• The shadows on the arrow boxes in the middle make it look cheap and tacky. They also don't make sense from a lighting point of view (the green casts a shadow on the purple, implying it's higher up, yet the shadow underneath the green box is the same as the purple box). Try either cutting the opacity, or even completely removing the shadow and just having it flat. Less is more!

• I'd also tone down that bevel effect on the edge of the arrows, again gives quite a dated and amateur look to it. If you are going to have a bevel on them, try and make sure you keep the light direction the same as any other bevelled objects (so the bevel direction on those boxes should match the ones on the green buttons)

• The tagline under the logo is a bit too illegible (not sure if thats how it is, or if it's the screenshot compression).

• Keep margins and widths consistent. The text in the coloured boxes has a very odd looking alignment, and in the case of the right hand two there is more space at the top than at the bottom, when I'm guessing you were going for a centered look.

  • Also all the content itself has odd margins. The heading and first paragraph align with the logo, then the coloured boxes jump way out to the left, then comes back in again, but further than the first bits and goes way to the right. Those two grey boxes could simply be wider to bring them in line with that first header/paragraph.

• The positioning of the heading and first paragraph shifts between the two screenshots. Again, keep this consistent.

• The green buttons down in the grey boxes sitting half out of the box doesn't look right. I can see what you're going for, but if you want the half out look, make sure the positioning is right so that it goes through the center. Maybe try extending the grey box down to surround just the button, with some rounded corners, so it looks like a tab.

Hope these help :)

Hi Richard,

This design is nice - there are just a few things i would change:

1. Check your alignment on the blocks and the width of your page. The header section with the logo and nav is one width, then the green, purple and yellow blocks are another width and the two blocks below this are another width and then the bottom nav is another width again. Try to check vertical lines to keep things neater.

2. I think the gradient at the top of the page could be lighter and make the logo stand out more.

3. There is consistency on colour - however the colour of the Learn more buttons does not look the same as the Get started now button.

4. The drop shadow on the coloured blocks is too heavy, I would make it more subtle or even remove it as it doesn't fit with he rest of the clean design.

5. I like the subtle background image, although does it have any relevance to the product or service you are offering?

Other than that I like the idea.

Hi Richard,

The content is presented now much better.

Few issues:

1. The main text is still to complicated and too long. I took the liberty of creating a shorter one on the mockup. It's not perfect but will show you what I have in mind.

2. I would change Get started now into more to the point call to action Upload now and move it to the first step. This way it's within the context.

3. Send us imply email or snail mail. I would suggest using Upload

4. IMHO Examples should be first in the top menu. It's more important for the user to see the results than to learn how it works it's magic.

5. On the graphical note 2 columns below should be from side to side (aligned with main text)

6. They should also have more white space in text as it feels very compressed at the moment.

Cheers!

Michael

(user experience designer & strategist)

i like it with light background (option3)- but still the green/purple/brown combination arrows are making it look 'cheap' (with the kind of bevel effect you currently have). you can try a bit muted shades of these.

for the 'advertise, agencies....' boxes, overlapping green boxes as a design element is unnecessary.

may be try a bit flatter design of button- may be bigger but with less bevel effect.