Web Page Critique / Suggestions

[Anonymous]

I’ve been working on a single page site for a small client and wanted to get some more eyes on it for feedback/suggestions. I still have some tweaking and fine-tuning to do, but it’s getting close I think. I’m going to rework the “tablet” and “mobile” versions to lay things out a little better, but you should get the basic idea.

[http://msguerra74.com/www/tutu/](http://msguerra74.com/www/tutu/ “”)

Thanks for any feedback!

[rosspenman]

Very nice! I looked at it on my iPhone and it looked great.

[dfogge]

the only thing that stood out to me was the contrast is getting a little lost with the dark gray text running over the light pink background. i’d either go lighter/whiter on the pink or make the text black.

otherwise it looks good!

[Anonymous]

Great tips, thanks!

@rosspenman, Thanks!

@howlermiller, adding the “for” attributes makes total sense, so I did, as well as “required”. I’ll have to go into Photoshop later to remove the border from the images, but that makes sense too, for consistency. I was going to redo all the images anyway and re-compress them with a new tool I found from a .net magazine article. I like the visual cue idea too, but I’ll have to look into it further as well. Thanks for the suggestions!

@dfogge, I made the text a little darker, but for some reason, I don’t like it completely black. I also wanted the white background to be slightly transparent to see the pattern in the background. Let me know if it’s better, otherwise, I’ll darken the text more, or whiten the background more. Thanks!

[rightok32]

I think the main content area looks really good, and it degrades well on smaller screen devices. However, the header and the footer look unfinished and a bit out of place. It could just be one of those things you tweak and it looks great – I think (minor) changes in the typography would be good. It’s the first thing I noticed when I opened the page, but it may just be that I’m a stickler for mastheads!

[Anonymous]

@rightok32, I kind of agree with you on the header/footer. The header has a lot of blank space and I wasn’t sure what to fill it with. I went through several menu ideas, but decided to try to keep it simple since it was a simple one page site. I’m open to suggestions, otherwise, I’ll have to stare at it some more and see if any ideas come to mind…

[rightok32]

Not sure what you think of this:
http://imgur.com/qoFfF9x

Changing the font to Oswald to match the rest of the site lends consistency, and, IMO, looks better.

The full extent of changes in addition to the font:

-the padding of the navigation anchor links to 6px

-added text-transform:uppercase to the anchor links

-the font size of the address to .85em

-the font-weight of the address to 100

I’m not sure myself if it’s a great improvement…

I don’t think there’s anything drastically wrong with what you have now, it just needs some tweaking!

[Anonymous]

@rightok32, When I get back to my laptop, I’ll look at some of this stuff more closely, but I really like the “less padding” look of the navigation (it makes it much sleeker). I’ve looked at it for so long, that everything starts looking weird, so it helps tremendously to get other peoples eyes on it and their input. Thanks!

[jurotek]

@msguerra74, I like the responsiveness, layout and color schema but only from 1024px width and less. Maybe it is just me but, on a wide 24″ monitor like mine there’s something visually so destructing about that background that it is actually hard for me to concentrate on content because of that.

[Anonymous]

@Atelierbram, I actually did consult a female designer on this, who selected the Oswald font. I know the typography could be better, but we pretty quickly picked a “heading” font and a “body” font just to break things up a bit. I’ll probably experiment with this more, but I’ve found myself at that stage where I’ve looked at it so long that I just want to scrap the whole thing and start over! (which I can’t… haha)

@jurotek, I agree with the background. I actually had a much more subtle background/color before, but the client was very adamant about the background being very “pink”. She actually wanted it much more bold and bright, but I was able to compromise with her and tone it down to this! (if you can call that toned down). I also considered making a higher break-point for larger screens, but never got around to it. I’m thinking that for future projects, I’ll probably consider doing that, but I can only see up to 1600px wide on my 17″ laptop.

I’m going to go over the site again today and tomorrow, then probably send it off for final review on Monday, so thanks again, for all the feedback!

[Author]

Posts