ZoomConcept Reviews
Minor Problem on full.jpg 1 This icon says sales reports to me and not fast service but maybe people are meant to add in their own content into these boxes. 2 This icon says sales tag to me rather than sales reports but again maybe people are supposed to add their own icons and copy into here so what do I know Serious Problem on full.jpg 1 The right edge of the 't' on contact doesn't align with the right edge of the rest of your content even taking into account the other minor alignment issues on the contact form etc which Rebecca has already pointed out. Summary:
Hey Jamie,
Rebecca has managed to spot all the problems I saw and more but there were a few more which really jumped out to me.
Alignment of navigation to the right edge: Because the white bar of the navigation extends to the right beyond the content area, it would make sense to me to align the edge of the copy to the right edge of the content area or it looks like it's not aligning. So the end of the 't' to align with everything else on the right.
Left edge of white box with navigation in not aligning to left of copy and content block below. This is viewing in live preview - it looks better in your mock up here.
Also in live preview the copy of your Lorum ipsum introduction paragraph extends to the right beyond the content area by quite a bit - about 8 pixels out.
The contact form obviously on the bottom has the form fields which have no margin to the right of them.
I know you said the design is nailed but for me the icons for Fast Service and Detailed Sales Reports are a bit random to me. Pie charts suggests reports and the tag suggests shopping but not reports. Maybe people are meant to fill in their own content here so the icons don't matter.
Hope this helps
-
-
Emma Simpson commented:Thanks for the review award. Had a look at your website too. Really like your free resource section. The facebook template and chunky download buttons are great :).
Minor Problem on full.jpg 1 typo...should be "professionalism" 2 border radius isn't consistent with the 'platinum' highlighted box. 3 padding-right is not equal to the padding-left for the "Ultimate" pricing block. 4 shopping cart image is not equally top aligned to the briefcase image. 5 change to 'Diamond" since the rest of the packages reference precious materials Serious Problem on full.jpg 1 IMO, the proportions of this iPhone image are not to scale -
Aaran Casey commented:That'd be because it's an iPad!
-
Rebecca Perry commented:oh geez....... i'm lame
2 use of caps on first letter of each word is not consistent with the rest of the other boxed content Critical Problem on full.jpg 1 this block of content need to be shifted ever so slightly to the right to please the Alignment Gods as well as the form elements in the contact section. -
Jami Gibbs commented:
You've got a great eye for alignment, Rebecca! :) It's actually the contact form that I need to update so great job spotting that along with the other things you've noted!
-
Rebecca Perry commented:
wow.... that was fast, I was just updating my review!
Summary:
As soon as I saw your challenge to spot alignment issues, I felt compelled to look!... although it's somewhat humbling to post a review on a concept from an expert member on CF.
Congratulations on the ThemeForest template. Many have tried yet few succeed to get their work on that site. Your concept is a solid one, I just have a few comments...
I think replacing the 3 image blocks with 1 image slider would definitely work better. Possibly adding more vibrant color variations to the current pastels themes could be a plus.
Please see my notes.
-
Emma Simpson commented:
Wow. This is a super thorough review. You will have pleased the alignment gods greatly tonight :)
-
Rebecca Perry commented:
thank you Emma! :-)
-
Minor Problem on full.jpg 1 Why do the buttons fade away on hover? Surely it should be the other way around? The button should focus when we highlight, not the opposite. -
Jami Gibbs commented:
That's subjective. My design fades out instead of in. There's no rule that says it has to be the other way around.
-
Michael Gunner commented:It's all well and good to dismiss practised conventions, but you do so at your own risk. There's a very good reason why I've never seen a website before that makes elements fade and lose their visual focus when I hover on them and interact with them. When I click a button or hover on it, as an end user, I expect it to pronounce itself from the other elements, to make it's function and interaction clear as daylight. I think by doing the opposite, you're going to risk causing a lot of end user confusion.
Not to mention the fact that for anyone with less than perfect vision, an element that fades away when they focus on it is going to make it very difficult for them to see.
When I couple this issue with the fact that a lot of your buttons don't even have a hover state, I think the end result is that the usability suffers.
Sorry if you think I'm being harsh but that's my interpretation.
-
Jami Gibbs commented:
Thanks for your feedback, Michael.
2 I count at least 6 different button styles and colours going on. There's no consistency and continuity to the interactive elements, every button looks different. -
Jami Gibbs commented:
I made a conscious decision to design each area with their own button style (each section locking onto the screen on scroll). All of them are coded with CSS3 style too (not images) making them interesting not only visually but also semantically.
-
Michael Gunner commented:
I think it will just confuse the end user. Sorry.
3 Possible alignment issue? As you can see from this red box, the navigation doesn't line up with any other elements. If we account for padding, the left padding is bigger than the right, which you can see when you look at where the video thumbnails reside in comparison, as well as the header. -
Jami Gibbs commented:
Sorry, don't agree with you that the alignment is off here. This is just part of the design and padding doesn't always have to be exactly even for all elements on the page.
-
Michael Gunner commented:
You're right, padding doesn't always have to be even, but I feel in this case it should be because at the moment the navigation looks to me to be awkward and simply does not sit comfortably.
Serious Problem on full.jpg 1 This button has no hover state whatsoever, I have no idea whether it works or not. 2 Again, this button has no hover state either, which isn't good for usability. A hover state communicates that this is a working button, without a hover it puts doubt in your mind. 3 The videos fade in on hover, but the button fades out? Why would you want to detract focus from an element the user is interacting with? New Idea on full.jpg 1 Consider a subtle text shadow to enhance the readability of this text, adding that extra level of usability. Summary:
I don't really like this statement:
"It's now approved for sale on ThemeForest so there's no question about the design."
There is always question of a design. Design is largely subjective, and you should always be open to criticism.
I think that is a very dangerous way to think and not really the way to approach design. Whilst sometimes we have to finalise our work and accept it as it is, we should always be working hard to perfect our work. Acceptance on TF is not a sign of perfection, it's not a sign of anything.
For me, this design still falls flat in many ways, but that may be why it's only for sale on TF for $10.
It's not inherently bad, it's just not stand out good either. For example, the typography of "Wow Your Product Rocks" is difficult to read and doesn't really grab my attention, the contrast is also questionable.
Additionally, the branding of the page is almost completely lost in the top left corner.
I also dislike the way elements which should accentuate their focus when I interact with them do the complete opposite, almost fading completely into the background.
I have attached other comments as annotations.
As for this secret misalignment issue, it depends what you consider misaligned but for me the top navigation looks a little awkward and doesn't sit comfortably for me.
Sorry if this review sounds overly negative but your statement kinda threw me off a bit. This isn't a bad design but I do think there's still a lot that could be done to "perfect" it.
Good luck.
-
Jami Gibbs commented:
Perhaps I should reword it to "I don't particularly require feedback on the design... rather the 3 specific things I bulleted.".
Thanks for your feedback though, Michael. I am always open to design improvement and it wasn't my intention to close that door. I was just more interested in receiving other more specific feedback.
And btw, $10 is the max price rating for a landing page on ThemeForest. You're a little harsh on me, I think, but to each their own.
-
Summary:
-
Michael Gunner commented:
First review so I won't be horrible (yet! ;) ) but you should try and write a bit more in your reviews...look at others for good examples, though I have to say I agree with the one point you do make.
-
Rebecca Perry commented:
@ Michael.....darn it! I meant to give you kudos for your comment and accidentally gave a vote up to the reviewer. If I could take it back I would. grrrr....
-
Summary:
I like it and perhaps a rotating splash is a good idea because there seems to be too much going on as there is a large image and three thumbnails. But all in all, I really like how this is laid out . . . also the navigation needs to be aligned to the copy below it.
New Idea on full.jpg 1 Change of font perhaps? I find this quite hard to make out. 2 Change the colour. I don't find that this Sign Up to our most popular plan button jumps out at me. 3 Change icon - doesn't signify speed. 4 Change icon - doesn't suggest reports. Maybe a spreadsheet icons, etc 5 Change colour - it's bland compared to the other icons. Other on full.jpg 1 To me this arrow points me to your plans and not to what you offer or have planned which is what I personally would expect to find out about. Summary:
I like the layout and the general design. I just feel certain areas need polished up a bit.
Summary:
Jami, great job. Terrific landing page design. In terms of your three questions:
Seems to me like 10 color variations are plenty. Black sounds a bit intense and white a bit bland, so I'd go with what you have, with the caveat that I haven't seen the other 9. I assume there's a light grey and a dark grey?
Slider won't help and will only add confusion to an otherwise stellar clean and simple landing page. The desired result is for someone to take action, and there's plenty going on without adding a slider.
I don't see the alignment issue, but that's not my strong suit.
Sweet.
-
Jami Gibbs commented:
Thanks a lot, Richard. Your feedback is much appreciate! :)
Minor Problem move the prices below the 'features'
I would suggest you move the price before the features (ie Fastest Service) as this would be a more logicial sales method.Positive Feature looks great
I really like the layout. I think a range of nice pastel colours would sit this really well.Other image scrolling in ipad
I would add the option to have multiple images in the ipad. I think it would be a nice sales tool to show visitors multple pages from an ipad appMinor Problem on full.jpg 1 These dont line up correctly 2 this overflow of the background is not in keeping with the rest of the design 3 emtpy space breaks up the flow of your header area. 4 not in keeping with the rest of the design, try a darker green instead maybe. New Idea on full.jpg 1 The logo area could be made to align with the logo area. Summary:
I like the overall design and feel, there are a few areas that I have highlighted in my notes that affect the header area, but other than that its a nice solid design.
Summary:
Could you let people get deeper into the the purchase process before you request "signing in" or other personal info?
The 30 day free trail is great, I would pump that up more.
Thanks very much for your thoughtful review, Emma! All of the alignment issues brought to my attention are greatly appreciated. :)