-
Hi Robin,
I like the way you laid out everything, nice use of typography and visuals, however, I feel like something missing there that can stand out the Imagine Solutions as a unique provider. Some of my thoughts which might help you:
Starting from the logo I find that the visual of brain showing next to the logo text not coming out properly as the mechanical system showing at the place of mind not clear, I think try increasing the size of the logo or people face shape might work
Padding of the text within navigation button isn’t equal
People have habit of reading from the left to right so I think you can shuffle the button with the content
I have been seeing the designers using the images used for showing the business analysis, data management and web development for a long time and I think something unique photography needed here that can depict your business idea in a more strong way
All above points can improve the aesthetic and usability of your home page; however, I still think there is room of to work to let the design state a different story of Imagine Solutions.
Sharing some of link which I think might help you to take the inspiration and be on the top of where it deserve
http://quodis.com/ http://www.bildmachtplus.de/ http://www.smashingmagazine.com/2010/07/05/showcase-of-web-design-in-poland/
And finally a quick mock up without following any grid and I hope might help you to think on a different line (I have used a stock-photography to emphasize on the brand, however, you can try finding more unique or might create your own :) that will make you a unique provider, Also, I think rather then using the dummy content you should alwasy use the actuall content that can be relate and can be designed accordingly ).
Hope this helps!
Haider Ali
-
-
Nick Glavin commented:boo ya go go expert :D nice work ! Couldn't agree more with the use of images i could almost quote the istock call numbers for the images used there. If you changed nothing else to the site i would defiantly recommend chaning the images used in the original
oh yeah nice review
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.
I was about to review this but feel after this excellent review, I have nothing extra to say.
This is an excellent mock up. The current concept is looking far too much like a template which makes it hard for a brand to stand out as an individual and to have a strong brand identity and original web presence. This mock up Haider totally solves all those issues and I feel like I'm looking at a unique company rather than an identikit one.