ZoomConcept Reviews
Minor Problem on 02_home.png 1 decrease margin (a bit) between category title and teaser-text for better flow. Minor Problem on 03_portfolio.png 1 again decrease margin between category title and text. Also decrease line-height of bodytext (again 18 to 15/16) 2 This should leave you with room to increase margin-bottom between body-text and next category (picture) . All these 'minor' adjustments together will make your content better 'chunked' (more logical what belongs together on first scan) 3 This feels a bit 'naked' to me. Not sure quickly how to change it though Minor Problem on 04_blog.png 1 a little to much whitespace 2 This is a link, but doesn't look like one. As alginement is concerned, I would place it at the end of the teaser-text, not on a seperate line. 3 '1' is too close to 'page' Serious Problem on 02_home.png 1 Decrease margin-bottom of title a bit ,leading to a more natural flow of title to pic to rest. 2 Especially when seeing this 3 column layout right above the 4 column pic layout below, there's some layout issues. I think your best best is to emphasise the 3 column to be centered, which would give a better visual separation from the 4 column pic layout below. My take: 1.Margin-left and margin-right of about 30px on the entire block. 2. Decrease margins between the 3 columns (from, by visual, your 50px to around 30px). 3. Decrease the width of the 3 columns themselves a bit to make up for lost space. For example the text 'a diverse sampling of some of our favorite projects' must really have a smaller width, that one is ackward. 3 padding-top to much on the bottom 4 I realize you probably want to follow some vertical rhythm with line-height, but somehow I feel the line-height is a bit to much here. Serious Problem on 04_blog.png 1 the other 2 pages had a nice coherent feel to it. This one doesn't and I think it's because of the aspect-ratio of the pictures. Too streteched for my taste. Any chance you could use the same aspect-ratio of the pic of the bmw on the homepage? 2 gutter to narrow 3 You should really work on making this more visual: Links should be clear. (title and comments) . Date should be different type. (quick suggestion: You often see Either smaller font-size or italic) Summary:
Nice clear and fresh design, but lacking in details and, indeed, some margin/layout things. My take on some margin-adjustments in the notes. Also take special care of links. They are really not obvious.
Serious Problem Above the fold!
You should always take care what every you design for web, all the important section should be above the fold. In other words user dose not have to scroll much to see the main/important sections. In your case user have to scroll much to see the 3 main sections - the process, the skills, the work. I suggest you to check your design in a low resolution PC(1024*768) or check over Laptop, you will understand what I am saying.Critical Problem Too much of white space used
It is good to use white space, but you have used too much of white space. For say white space between menu and title text. Space between title text and banner. Space between banner and the 3 section under it. Same for the bottom sections. It would be better if you reduce the white space.the dots effects
the dots effect which you have given around the design is very unprofessional and seem to very armature. It would be better if can remove it. Instead of this make a white box and give it a shadow, see apple.com, you will get an idea.color of form and function
The color of form and function seems to be very unprofessional, try to make it dark gray. The font used is good.Bottom logo
You have show few logo at the bottom, it should have some title so that viewer can understand - this the client logo, or logo of those people to whom this site is worked for. At present it bit confusing.Positive Feature Banner with shadow
It would be better if you can give some shadow effect to your banner. Check out template monster they have some good shadow effects.New Idea Reduce the Banner height
It would be better if you can reduce the height of the banner.Try this over banner
The wording/Punch line over banner should be more prominent. At present the wording is very small and at the bottom which should be corrected Try to give left and right arrow on the both side of the banner, which can indicate it is a scrollable banner.you have a cool logo
You have really cool logo, try to make it bigger. At least 25% bigger.Navigation bar
The navigation bar is almost lost in the white space, it would be better if can give some background. See Apple.com and make one of the tab highlighted, so viewer can understand, when the tabs were rollover.3 section under banner
Now his area should be improved a lot. Remember this is the summery area for your services. This the 1st thing which user see under the banner. - Make the font bolder for titles. - the process should be The Process - same for other 2. - The color which you have used for these 3 sections - yellow, blue, orange and pick all seems to be baby colors. I know you piked it from the logo, but it would be better if you can give some mature color tones. - There can be a separation line between all 3 sections. - Our process, our capabilities and our portfolio is not center aligned.Images
The bottom images should have some boarder with shadow effect. Reduce the spacing between title and description.Summary:
Over all this is a good start, Just want few tweaks to make it more professionals.
Regards, Vinoy Daniel - UI-UX Expert www.uirocks.com
Minor Problem on 02_home.png 1 Icons need more work. They not look professional. 2 The same as icons ... Minor Problem on 02_home.png 1 reduce size of the tagline. I like the use of colour though - I have seen a few companies use this, but it usually ties in to the page content. For the home page I would not make it so vibrant, and focus more on the image below 2 the dots - i know they have already been mentioned. However, I am presuming that it ties in with the logo and company. It could work well - you see the dots, you think Clarity! Currently, I wouldn't really call it a theme, and so the icons dont really make sense. With a more prominent logo, or more dots elsewhere, it may work. if the dots are not a company theme, I would look into new icons. 3 as mentioned, these look like they have been lifted from the footer. They don't really fit for me, and they drag attention away from the text they follow. I would look into a cleaner, more subtle way of adding links in the main body, and ensure continuity throughout. 4 I would probably justify these text blocks. maybe personal opinion, but it would better suit the clean layout Serious Problem on 02_home.png 1 This needs to be bigger. I would leave this site and really not remember what company I have just been looking at. It also helps to support the dots theme throughout the site 2 I'm not sure I like having an 'about' section hidden away in the footer. If I was going to work with Clarity, I would not conventionally look to the footer for this information and I would rather see a full, separate page 1. I may not find this information 2. Id hope a company would have more that one sentence to say about itself. 3 I'm not sure if this is due to example text, but the mix of links on the front page is confusing - neither Capabilities or Process are available in the header links. Whilst I understand that work would lead to the portfolio, I don't know if I would link skills with capabilities - making it harder to find later. Serious Problem on 03_portfolio.png 1 again, the links need work. Projects and Collections is almost unreadable (from this image anyway). no consistency in link design Positive Feature on 02_home.png 1 lots of unnecessary space around these chunks of text. The descriptions of the social links may not really be needed - free up some space for other content and line up the social links bottom centre of the footer. Else, possibly thin out the footer - it is a large, dark block, for a clean and colourful site. New Idea on 02_home.png 1 Are these partners/sponsors/clients? Do the logos link to portfolio work? New Idea on 04_blog.png 1 I like the use of colour in the text to highlight the page the user is on, however, I would still look into making this a bit less overpowering. Other on 02_home.png 1 Header links are quite faint. Presumably, the links here are just sample text - I wouldn't know what content to expect on 'pages' for example. I would actually suggest/experiment with introducing a header block to mirror the footer block. This would help to contain the content of the page, possibly help with some alignment issues by providing and outer border and make the links in the header and page body more obvious. Currently, the main body links could be associated by colour to the footer. You could either take advantage of this by creating a new, similarly styled header, or remove the association entirely. 2 good use of portfolio imagery. If the tagline has been reduced in size, then this could be slightly more prominent. I also like the way the BMW text block has over-spilled the edge of the image - the rest of the site is so clean cut, maybe you could expand on this and introduce the image further into the page. It would fill the dreaded white space with colour and related material, and utilise portfolio images for prospective clients. Other on 04_blog.png 1 From the company portfolio? Who's flicker widget? Summary:
In all, I like the layout, cleanliness and colours. I think a combination of lots of small tweaks will help to positively alter this design.
Minor Problem on 02_home.png 1 too light, its almost lost 2 Need to center this up 3 There is too much disparity in white space here, you can migrate between 3 and 4 col, but the spacing need to stay the same 4 Padding is inconsistent 5 More space on the bottom than the top Minor Problem on 03_portfolio.png 1 soft grey is too light, needs more pop Positive Feature on 02_home.png 1 Like the idea, make sure you fade in color on rollover Summary:
I like design, but doesn't really offer anything that hasn't already been done on themeforest - will need a full suite of features and options to complete
Positive Feature on 02_home.png 1 I would not touch this part of the website. Its laid out really well. New Idea on 02_home.png 1 Be more brieg and to the point with the content. 2 Maybe have the social links above the search bar in a light grey colour. It will free up the space in the box and give it a cleaner look. 3 Really focus on clearing this box and giving it a less cluttered feel. Summary:
Annotations are made on the document itself.
Look at microsofts website. They have a really simple and effective design
http://www.microsoft.com/en-us/default.aspx
Minor Problem Navigation and Headers
When I'm on a page, I should know which page I'm on. I can't even tell what you're second page is even about or how I got there.Grid layout
Make sure you have large enough margins between things so I know which text goes with which picture.Summary:
I like the colors and the simplicity of the overall design. I think the second page could use a little work in terms of spacing. I would increase the margins between your rows so it's clearer to know what elements go together
Minor Problem on 02_home.png 1 I am not a fan of this gradient. Its too much. Critical Problem on 02_home.png 1 The spacing on these don't look defined enough. The graphics are not spaced far enough away from the text. The descriptions are too light and the text in the buttons are too low. Positive Feature on 02_home.png 1 I like this logo Summary:
I think overall this is good but there isn't enough contrast between the text element colors
