-
Hi Robin,
Congrats on taking the first steps to setting up your own business.
This isn't bad as a first draft, but I think it needs a lot of work doing to it before it's complete. Overall, I think the layout is fine, so I've put specific notes on the graphic.
Hope this helps, good luck!
- Kurt
Imagine.png
-
1
A little bland
This graphic looks a little bland like you've put a placeholder here reminding yourself to put something there, then forgotten to do it. It seems as though it's intention is for someone to click it, but it doesn't inspire me to click it as it's presented as a graphic instead of a button.
-
2
Banding
On a wide monitor these lines would likely not give a very nice effect. Consider containing the page somehow to the area that you're expecting to be viewed. Either cut them off in a box, or fade them out (outside the area that the design expects to be viewable).
-
3
Pick a different image
I like and agree with what you're trying to convey here, but this particular image from iStockPhoto has been used far too many times on websites relating to process analysis. I'd personally find another image, though, that being said, just because I've seen it on a number of sites in the past, doesn't mean that your customer has.
-
4
Border your images
The images at the moment look a little lost on the design, perhaps add a 4px white frame with a gray outline (this should be done in HTML to save on filesize in the image, and to allow flexibility to change it later).
-
5
Un-capitalise the 'M'
The 'M' in Read More shouldn't be capitalised. How does this look without the bold and italics removed? I would normally use bold to emphasise something and italics to stress a word. These don't seem applicable here, if you want to draw more attention to these buttons, I'd change the font colour to black, possibly even on white background to match the 'Home' tab (for consistency).
-
6
Like the logo
I like the logo, how does it look with a more subtle (or no) shadow on the inner workings on the mind?
-
7
Bring this down to the end of your header
Where it is now seems nice in theory, but it looks weird when applied. It seems odd being there when the area below your header is white and the hover state for your tabs is white. Also, tabs look better at the bottom of a section.
-
8
Consider what to put here
I know this is only a first draft, but your footer needs more consideration in what you are putting in it. If you only plan on having two links and copyright info, then just keep the copyright info. Just move it to the center.
-
9
Cool Head
Just a little side note.
-
10
Bring it in a bit
The width of this passage seems rather much. I would suggest making it stop at the end of the contact us link in the above nav.
-
11
Lose the drop shadow
I think it would look better as a normal button. Drop shadows are nice, but only in certain instances. If you want to keep the corperation of a drop shadow, then I would suggest making it a hover or active state.
-
12
Bring This Down.
This line breaks the aesthetics of the design. Bring it down to the bottom of the header.
-
13
A Lighter Shadow
Contrary to what others say, I like the drop shadow. Just make it lighter so that it doesn't pull too much attention from the button.
-
14
Slightly larger font size or shorter passage length
The length is near perfect. For the web it's best to keep passage lengths to no more than 70-80 characters per line so that it doesn't disrupt readability.
-
15
Don't Do Bold and Italic at the same time
In theory it's not recommended to use both bold and italic at the same time as they imply different causes. In your case I'd go for bold.
Wow, great review - probabaly the best I've ever had on this site, thanks!
I'll definately take into account what you have said. I'll be working on this over the next few days so I'll be posting a second draft pretty soon.