Website feedback?

[darrylm]

http://callnps.co.uk/

We’re undergoing a rebranding exercise which means a new website which I’ve been working on sporadically over the past few months, many of my queries and discussions will have been as a consequence of this build.

Suggestions / feedback on anything you feel the need to comment on?

Images and copy temporary (iStock images have been bought), and it isn’t 100% signed off, although it is close.

[chrisburton]

With all due respect, this reminds a bit of the Web 2.0 era.

[Paulie_D]

On a smartphone the images tend to be a little bit large and the Gmap basically useless.

[darrylm]

In what respect Chris?

Thanks Paulie

[chrisburton]

Specifically the images to the left of the content. Those types of images remind me of Web 2.0. I’m also not really comfortable reading the body copy that’s set in blue or care for the blue footer. At least not that shade. The category links surrounded by rectangle boxes are kind of…weird. I don’t really understand that design decision.

[darrylm]

The blue and green are from the brand guidelines of the company.
Is it a problem with the colour you have or does it create problems with the body copy and footer?

The images are going to be improved to add a splash a little colour into them, although I think the fact they are stock images may be the real issue.

The decision behind boxing the links was to make them clearly look like clickable buttons/links, without the border or underline I feel they’d look like a randomly placed list

[chrisburton]

> The blue and green are from the brand guidelines of the company. Is it a problem with the colour you have or does it create problems with the body copy and footer?

The contrast of the blue on the body copy doesn’t feel comfortable to read. I think switching it to a black would be more beneficial for readability.

As for the footer, I don’t like the shade of blue that was chosen but as you stated, that’s out of your hands. You could always try using a neutral color instead (gray?) or separate it some other way. Also, the chat button that’s stuck to the bottom overlaps the map. You might want to add more spacing below the map to counter that problem.

> The images are going to be improved to add a splash a little colour into them, although I think the fact they are stock images may be the real issue.

Yeah, I think it’s the stock images that make me think of Web 2.0.

> The decision behind boxing the links was to make them clearly look like clickable buttons/links, without the border or underline I feel they’d look like a randomly placed list

Surely you can find a way to solve that problem, right? I, personally, don’t care for it. That doesn’t suggest it’s wrong.

[smutek]

I agree with most of what’s been posted above.

I’d add that there’s no contrast in line weight on the page. All of the lines are super thin. Maybe experiment with beefing up headings and nav fonts, to create emphasis and contrast the thicks and thins.

The nav boxes do look awkward. In addition to the issues mentioned above, your navigation seems to be the sole element that is breaking your grid, which makes things look a little sloppy. Why not space them out evenly across the container, so that the edges match up – or at least left align so those edges line up; it really helps, particularly when working in a grid, to line the edges of all major elements to other major elements.

Overall, the design needs more visual contrast. As it is now everything seems to blend together and it’s more difficult than it should be to work out basic hierarchy.

Good work so far though, and cheers for posting it up for review.

I played with it for a few minutes in console, before leaving work. Here’s some basic changes, notably giving more weight to the headers and aligning the nav. The rest is just to taste, and quickly thrown together.

dropbox link

All the best!

[Anonymous]

I’m not sure why but i hate plain white websites, the web has unlimited color choices yet many stick with just plain white. But apparently everyone else loves it so i won’t comment on that. You should replace that chair image with one that doesn’t have that logo infront. It really hurts your image. The font is kinda hard to read, the hover transition for the lower nav is too slow. Maybe .30s will be good.

[chrisburton]

@Jarolin Why don’t you like sites with white backgrounds? I’m the total opposite. I dislike websites with dark gray or black backgrounds along with grain texture..

[Anonymous]

@chrisburton I think it makes websites look boring and plain. Colors makes things look alive. And i don’t only like dark/gray backgrounds, Any color at all satisfies me as long as it’s used in the right places and has the right contrast. But when white is the only way to go, even a white color like this one #d2d2d2 makes things better(in my opinion).

[chrisburton]

> even a white color like this one #d2d2d2 makes things better(in my opinion) – @Jarolin

But that’s not white, it’s gray.

[Anonymous]

@chrisburton I find that to be dark-white. I think this is full on gray. #6d6d6d.

[chrisburton]

@Jarolin I guess it’s subjective.

Off-white (#fcfcfc)

Gray (#d2d2d2)

[Anonymous]

@chrisburton that’s what i mean. I personally think it’s better with the gray. But i guess it’s up to you.

[Author]

Posts