ZoomConcept Reviews
Minor Problem Don't like the outline stroke, I would probably lose it and add a bit of noise tho the button to give it texture and add a light effect to the top... Is this necessary? I think you can remove it, seems to clutter the bottom IMHO - this is too big, but it works, just remove the white background so that it merges with the gradient and feels more a part of the header, maybe also soften the divider line between logo and cwa -
Rebecca Perry commented:I was wondering myself if it was too big, I'll bring it down a few and make the background transparent
outline stroke remove it, add a inner glow #333333, 2, 45%, 10 - in fireworks and Ps remove background I don't think this works, maybe look at http://pictos.drewwilson.com/ - these are nice icons, or for a cheaper version http://iconfinder.com Where's the divider line, like the one between the two images, consistency girl! -
Rebecca Perry commented:
arghhhhhh.....lol
Positive Feature Nice vibrant touch - and useful -
Rebecca Perry commented:
awesome
Summary:
Wow... All I can say is this has changed so significantly, it really is starting to take shape and feel like it's actually been designed :P
Seriously though, I like the apple feel of the design, it's clean it's clear and it works...
I'll be a nit pick...
Overall not bad... Good Luck!
-
Rebecca Perry commented:
thank you Aaran!! :-)
-
Rebecca Perry commented:
what do you think of the big green CTA button?
-
Aaran Casey commented:I like it, just not the outline stroke...
-
Rebecca Perry commented:
I just put up a newer version with some of your suggestions added....
-
Aaran Casey commented:
Where'd you put it?
-
Rebecca Perry commented:
I deleted the other one and replaced with the new one. COMP6
-
Aaran Casey commented:
yeah I see that... just noted the slight differences, yet you left out the divider line!
-
Minor Problem on COMP6.png 1 Starts to fall off here. The headline is weak, the typography difficult and the globe icon cliched. And the main pic is... huh? Serious Problem on COMP6.png 1 Now it really is struggling to hold together. The grid is nowhere, the space between columns too wide and the right column misaligned with the pic above. Positive Feature on COMP6.png 1 Love the colour palette and integration here. Looks great! Summary:
The top third is definitely the strongest piece. My major concern is that it's not apparent what this company does and why I would want to engage them, assuming I'm a wellness consultant and in the target market.
While I realise the headline is probably a dummy, it's very weak. At first glance, it's warm and friendly – let's/ create/ your... / together". All cuddly, but what does it actually mean?
How do you know I want a growth strategy? And if I do, don't I want you to do it for me, not to hold your hand? I want you to take the lead, isn't that what I'm paying for?
The main image needs qualification – it's not enough to simply flag the market, there needs to be a tie-in to services.
I really like where you've headed with the top. It's strong, purposeful, vibrant and ties beautifully with the logo. But then you immediately drop the four column grid. Why? It's the strongest thing on the page and you can easily afford to have everything else hang off it.
Lastly, the logo / identity. I suggest reducing the logo mark to at least 75% and introducing either a descriptor line / tagline, or at minimum, the name of the business in full.
CWA looks and sounds like a friendly "Country Womens Association", dedicated to helping us with our warm and fuzzies. Whereas, I'm guessing they're actually some sort of marketing or business services firm.
Hope this helps.
-
Alex Colina commented:Intent fades off towards the bottom....EXACTLY..
I could not put my finger on it....also, along the same lines, somehow the color needs to be hinted at at the bottom..not sure
-
-
Rebecca Perry commented:
Hey Steve - excellent review. CWA actually stands for Certified Wellness Advisors. I'm going to be sure to add that in on my next revision. Solid comments...thank you for taking the time to review :-)
-
Minor Problem on COMP6.png 1 As a rule of thumb, the working memory span is about 7 ± 2 items. Reduce the list to five items - which will enable users to "remember" what is in this list. -
Rebecca Perry commented:
good point....
Serious Problem on COMP6.png 1 This photo needs to be integrated with the entire banner area. Notice in the uploaded mock-up -- how the entire banner area connects. -
Rebecca Perry commented:
yes I agree, I need to work on this image
Critical Problem on COMP6.png 1 Far too much copy for a banner - reduce and simplify Positive Feature on COMP6.png 1 Wonderful treatment -
Rebecca Perry commented:
thank you
2 the entire header area works New Idea on COMP6.png 1 People typically to respond faces. In addition to this photo looking a bit to stock photography - it does little to trigger an emotional response. The photo of the faces to the right does convey a series of emotion (which the content label serves as the next connector) Summary:
Hi Rebecca,
This version is significantly better than the previous iteration. There is a wonderful color balance - and a fluid visual hierarchy that has been established on this landing page. Some of the opportunities to bring this design to the next level are:
- Redesign the banner area - and create a more definitive area of visual focus (illustrated in my quick mock-up). I conducted a quick usability test , notice how (at the time I reviewed the findings) 85% of the respondents selected Concept B. And only (2 of 13) selected Concept A. This means that there is a high statistical probability that 70-100% of the target population would select concept B, with a confidence interval of 16%. You can read a bit more about CI on Jeff Sauro's website. I will keep this report live for a week or so (a snapshot of the report uploaded)...
- The new banner treatment provides an area to persuade your target audience. I encourage you to explore a membership/sign-up capability in that banner area. It would clearly establish a persuasive element on the landing page - and will be a great canvas to leverage the persuasive norms of social proof and commitment.
- Simplify content - less is more. Reducing the complexity of a landing page reduces the users' mental work load, their working memory load, and leads to faster performance with fewer errors and more predictability around conversions.
I hope this helps!
MichaelR
-
Rebecca Perry commented:
Thank you Michael, once again, another great review. I appreciate you taking the time! I've gotten such great actionable feedback from all of you!
-
Michael Rawlins commented:Reach out if you need some more testing do. Let me know what you think of the tool Verifyapps.com
-
Rebecca Perry commented:
I love your mockup!
-
Michael Rawlins commented:
Thanks :) Work on the conversion angle in that banner space. Checkout (http://www.bnet.com/blog/web-design/4-ways-to-make-your-website-more-persuasive/260)
-
Alex Colina commented:
fantastic job Michael
Attached Files:
-
Minor Problem Clear logo and proper size, yet the inner gradient feels a bit cheap due to the strong contrast gradient, perhaps tone it down a little? This choice of green seems to not be consistent with the search button and partners block? Placement is good though. Minor Problem on COMP6.png 1 Personally I hate cliche meaningless stock photos of random people and diveristy. Can this be made more personal or aligned with the audience/goal of the site? Positive Feature Excellent color usage. Nice and big, and really stands out from the overal white theme. Like this a lot. Simple and stylish. Positive Feature on COMP6.png 1 Clear tagline and proper white space. It could be made more clear what domain/sector the site is in. Summary:
Overall, very well designed. Clean, stylish, excellent use of white space, proper layout, placement, clear call-to-actions, beautiful navigation. Just a few notes on making specific elements more consistent and meaningful.
-
Rebecca Perry commented:
thanks Ferdy....but the client ended up going with someone else. oh well...
-
Ferdy Christant commented:That's too bad. Can't win them all :) Keep up the good spirit.
-
Minor Problem on COMP6.png 1 Can we consider bullet pointing the major points of the service? Big blocks of text like this don't often actually get read. 2 What is the relevance of this picture? Why are you using such a dark picture on a light design? It looks very out of place. Serious Problem on COMP6.png 1 If you can, shrink the logo. It's just far too big and dominating. This pages primary purpose should be selling their product, brand awareness should be secondary. -
Rebecca Perry commented:
agreed, I definitely need to decrease its size
2 These are nice, but they should be secondary to the CTA. The CTA is what you need to get people to do business with this company. -
Rebecca Perry commented:
I understand what you're saying, but I'm not quite sure how to implement that....any thoughts?
3 Alignment issues. 4 Where's the footer? -
Rebecca Perry commented:
footers are my nemesis, I know I need to seriously work on it.
Critical Problem on COMP6.png 1 Why is the CTA all the way down here? Worse, it's completely lost with the text and the picture. There's no design to the page that focuses the users attention on the CTA. If you look at some better examples of similar websites, you'll find the CTA near the top, possibly with a strong band of colour behind it and an eye catching image and a grabbing headline. -
Rebecca Perry commented:
very good point, in my next revision I'll make it more prominent and not so lost towards the bottom of the page.
2 Ugly reflection, it doesn't add any function, nor look good Summary:
I'm afraid, I can't agree with Aaran or Simon on this design. For me it is too "templatey" and doesn't fulfil any of the objectives it should be.
This is obviously a business for whom sales are of the up-most importance, yet before a user can engage with the site you are bombarded with blocky text and this bright coloured bar that doesn't actually seem to do anything.
And the longer you make a user wait between typing in the web address and performing an action on the site, the less sales you will achieve.
You also have some serious colour scheme issues, mainly because there doesn't seem to be one. Further, it's not been applied consistently. There are just simply too many colours going on.
Hopefully you see a terrible logo as a challenge, not an excuse. The following website has an awful logo but is brilliantly designed to counteract this issue. http://www.instabox.com/
I also suggest you look at the following for inspiration: http://www.dell.com/ http://www.kleenex.co.uk/balsam/
Good luck!
-
Rebecca Perry commented:
Excellent review Michael, thank you for suggestions. As I mentioned in the notes I'm not quite sure how to go about having the CTA be more prominent then the text blocks above. I'll have to work on that.
Once again, a solid review....thank you for taking the time. :-)
-
Michael Gunner commented:Rebecca, see my attached wireframe. The logo is smaller, and the CTA is at the top, with some accompanying key bullet points and a relevant image. The bar you currently have at the top is then underneath this.
That would work better I think....plus having the CTA ontop of a coloured background would make it more prominent against the other elements and encourage a higher click through rate.
-
Rebecca Perry commented:
awesome....thank you so much Michael!
Attached Files:
-
Minor Problem This copy feel a little tight. Try increasing the leading Try reducing the gradient on the "A" just a touch -
Rebecca Perry commented:
I wish I could, they won't let me touch the logo.....
-
Simon Jackson commented:bummer, its so close to perfect.. :/
Agreed, the stroke here is just a tad harsh. -
Rebecca Perry commented:
noted...
Positive Feature LOVE this area. Great job! -
Rebecca Perry commented:
thank you!
Summary:
Wow is right. I'm going to have to agree with Aaran on this one. This design is looking B-E-A-utiful!
I only have a few things to say, so I'll keep it short..
-Simon
-
Rebecca Perry commented:
thank you Simon!
-
Rebecca Perry commented:
Hi Simon, I just put up a newer version.... let me know what you think, the changes are subtle.
-
Simon Jackson commented:
Great improvement on the "Learn more" button! Did you change anything else, the old comp is gone so its hard to compare the tweaks ;)
-
Rebecca Perry commented:
stupid me, I overrode the other comp and saved before I saved as newer version. so you can't compare now. :-(
-
Minor Problem on COMP6.png 1 perhaps just because it is a rough. but if not, these white boxes are unneeded 2 watch the consistency of the corner radius all around. Drastically different sizes works really great but it is very difficult to pull off. (it's about contrast and emphasis) so better make them all very very close. Keep in mind that this works like typography..the smaller the subject gets (like a small button) the more you cheat to make it seem harmonious -
Rebecca Perry commented:
I started to tweak the borders, then totally forgot. thank you!
3 ALMOST unrelated.....actually it is a stretch. Critical Problem on COMP6.png 1 Not loving the serif font.. -
Rebecca Perry commented:
good point
2 alingment -
Rebecca Perry commented:
nice catch, just keeping you on your toes...lol
3 I have been looking at this..something was bothering me..finally I realized IT IS NOT IN THE GRID...your have 4 columns above and three below which is ok but in the middle you have 2 columns that don't follow either. Positive Feature on COMP6.png 1 Embrace the color of the logo!!!!!!!!!!!!!! YEAH -
Rebecca Perry commented:
:-)
2 Loving these illustrations -
Rebecca Perry commented:
hoorah for Fireworks Common Library!
New Idea on COMP6.png 1 good usability touch..perhaps a little bigger 2 might be useful to have a slogan or spell out the name or something that explains the business. Other on COMP6.png 1 I am pretty sure Aaran will give you grief about this area so I wont Summary:
Fantastic comeback, looking very good. I'll leave all of nit picky stuff to Aaran ;-)
but before you get into any of that, consider your strategy...Personally, as I look at this page I cannot fathom what this company is about..I know by reading the description that is something wellness related..but aside from the lady..there is no clue.
Also about the lady.. the photo seems like what I call a literal illustration as opposed to a supporting illustration. Think of the weather report. In winter they put snowflakes everywhere to illustrate the season ..but a snowflake over a date is literal.
Because of that it is not interpreted as part of the design..just like a place holder for any image...
If it is a placeholder you must consider from a design perspective how a bad image will affect your design. imagine a phone snapshot of the company headquarters (I had a client do that)
My point is that you integrate her into the design better or make that space relate the content for example by giving it a border and space for captions...titles, etc. or
-
Alex Colina commented:
oh! CF has a text limitation now! Probably because of my long-winded posts!
oh well all that is missing is that I go on to emphasize that I am not talking about a redesign. From a design perspective you have something beautiful here.
-
Rebecca Perry commented:
great review Alex! thank you soooo much. I'll work on the suggestions given and hope to have another revision up soon.
-
Rebecca Perry commented:
OMG! I love the mockup....thank you Alex!
-
Steve Osborne commented:Bec, see how strong and purposeful the grid has made it? Nice work Alex.
The pic no longer dominates, altho' it's still large. The headline is now the prominent feature, so the actual words need to be carefully chosen.
Attached Files:
-
Summary:
-
Rebecca Perry commented:
awesome review! Thank you sooooooo much. I can't wait til you post a concept.
-
Aaran Casey commented:
Ohh me too, what a wonderful review, I think that posters should be similar to that of dribbble, you can't post a concept unless you have been drafted by the community...
-
Alex Colina commented:
YEAH!!!!!!!!!
-
Minor Problem on COMP6.png 1 Footer would have to be a bit taller for the site map and contact info. Positive Feature on COMP6.png 1 Super nice feature! Love the colors and icons.Very good reflection too. Other on COMP6.png 1 Although the logo is good as it is, I would prefer to see it without the overlayed white radial gradient in the letters (cwa), just as a note. Another detail, the logo seems to have been cut and pasted (because of the white block background. Try removing the background and perhaps giving it a light shadow to increase intensity. 2 Once again, remove the white block. :) Summary:
Very nice design! Love the use of colors. Very attractive. Keep it up! :)
nope, not necessary at all, I'll remove