2nd Submission Attemp - suggestions & tips before I code & resubmit?

Hello,

So my first submission attempt was a no go. I spent a good amount of time on the landing page design only to get shot down. Personally, I thought the landing page was unique and it produced over 400 sales for an SEM based advertising agency in a 30-day period. I tried explaining that to the reviewer, but I guess they are only worried about the look / feel and not how well it performs?

Anyhoot. Enough griping & complaining on my end.

I’ve cleaned up the design and made it cleaner and more professional. There is a second version that has three 3D products in place of the video section. Before I code it I thought maybe you guys could take a gander? Maybe have some tips.

Thanks!

it looks very good to me….i can’t really think of a reason to reject it ??!!!...but who knows….good luck

Spelling errors.

Wrong: “why settel”

Right: “why settle”

Other then that, it’s lovely =)

Thecodingdude said
Spelling errors.

Wrong: “why settel”

Right: “why settle”

Other then that, it’s lovely =)

Thanks for the spell check!

So this one doesn’t hurt your eyes like the last one I submitted?

The design looks great… and yeah rejections sucks!

Some things I would change;

- The padding of the ‘Top products’ feels a bit off. I think the dotted lines are to long.
- I don’t really like the ‘learn more’ buttons, I think they’re a bit to big and you could polish them up a bit more. Perhaps aligning them right?
- Use a bit more padding left and right on the main texts in the body and the text in the header

Other than that, nice work! Do users get to pick different colors? That would be a big plus.

Good luck!

Fynn said
The design looks great… and yeah rejections sucks!

Some things I would change;

- The padding of the ‘Top products’ feels a bit off. I think the dotted lines are to long.
- I don’t really like the ‘learn more’ buttons, I think they’re a bit to big and you could polish them up a bit more. Perhaps aligning them right?
- Use a bit more padding left and right on the main texts in the body and the text in the header

Other than that, nice work! Do users get to pick different colors? That would be a big plus.

Good luck!

You are right. The middle section needs to be centered vertically. it’s a bit off on the bottom portion.

I was thinking the learn more buttons could have a subtle highlight on the top of them to make them stand out a bit more. Maybe even a subtle hint of drop shadow would look nice.

Thanks for the feedback. Much appreciated!

Hi there!

1) It needs a little more room to breath -> otherwise it’s hard to read, but you can’t tell because you have dummy content there. Try using some true text instead of dummy content. If you then browse your eyes and try to read something, the whole thing breaks apart.

Same applies for vertical spacing, your eyes should lead you through lines and headlines as smoothly as possible without the “guessing” work. You will know when it’s “smooth”, your eyes will feel more relaxed and won’t stretch.

See my very similar theme here http://www.metrixwebsolutions.com/landing-pages/preview.jpg

Maybe I have too much air there – but I like it that way, muhehe. But you really should have more air than you have now – that’s a no-brainer.

2) Shadows… Very cheesy, seams like hard and unprofessionally/unclean/unnaturally/unreal shadows. Look at my footer in that Showtime theme, shadow work there seams more realistic imho -> which is always more appealing for human (realism, not cartoon) -> so go for realism and subtle details.

3) Ditch those 5px(?) 100% fullwidth borders – they are mostly white (one is also in that testimonials bubble). The reason why designers add 1px borders like this is to make it look a little bit more sharper. But if you make it more than 1px the point/reason why you did this is completely lost and looks more like a cartoon than a subtle detail. Plus the color of such border should be really subtle, almost invisible -> it’s just a “detail” after all. Anyway, it looks redundant as it is now and I just don’t see a reason for it to actually be there. So you are basically drawing and cluttering the pages with something that really has no point of being there in the first place. If you make it subtle 1px or a subtle drop shadow, than you can say it’s a subtle “detail” to make it look better or sharper or whatever you strive for.

That’s all I guess, looks very nice indeed other than those points I’ve mentioned. Let us know when you do more work on it – post here an updated image so we can all have a look. All the best, freshface

P.S: See 5:44 here:

http://www.youtube.com/watch?v=xVoGPfVrESU&feature=related

It’s a nice inspiration out of webdesign field, but good if you are struggling about layering the detail work and how shadows work in real life etc. Also see the filters at the end of that video. That guy strives for “realism” and I think everyone can learn something useful from his steps.

freshface said
Hi there!

1) It needs a little more room to breath -> otherwise it’s hard to read, but you can’t tell because you have dummy content there. Try using some true text instead of dummy content. If you then browse your eyes and try to read something, the whole thing breaks apart.

Same applies for vertical spacing, your eyes should lead you through lines and headlines as smoothly as possible without the “guessing” work. You will know when it’s “smooth”, your eyes will feel more relaxed and won’t stretch.

See my very similar theme here http://www.metrixwebsolutions.com/landing-pages/preview.jpg

Maybe I have too much air there – but I like it that way, muhehe. But you really should have more air than you have now – that’s a no-brainer.

2) Shadows… Very cheesy, seams like hard and unprofessionally/unclean/unnaturally/unreal shadows. Look at my footer in that Showtime theme, shadow work there seams more realistic imho -> which is always more appealing for human (realism, not cartoon) -> so go for realism and subtle details.

3) Ditch those 5px(?) 100% fullwidth borders – they are mostly white (one is also in that testimonials bubble). The reason why designers add 1px borders like this is to make it look a little bit more sharper. But if you make it more than 1px the point/reason why you did this is completely lost and looks more like a cartoon than a subtle detail. Plus the color of such border should be really subtle, almost invisible -> it’s just a “detail” after all. Anyway, it looks redundant as it is now and I just don’t see a reason for it to actually be there. So you are basically drawing and cluttering the pages with something that really has no point of being there in the first place. If you make it subtle 1px or a subtle drop shadow, than you can say it’s a subtle “detail” to make it look better or sharper or whatever you strive for.

That’s all I guess, looks very nice indeed other than those points I’ve mentioned. Let us know when you do more work on it – post here an updated image so we can all have a look. All the best, freshface

P.S: See 5:44 here:

http://www.youtube.com/watch?v=xVoGPfVrESU&feature=related

It’s a nice inspiration out of webdesign field, but good if you are struggling about layering the detail work and how shadows work in real life etc. Also see the filters at the end of that video. That guy strives for “realism” and I think everyone can learn something useful from his steps.

Well the shadows will be 1px 1px drop shadows when it comes time to coding the page. Very subtle like I stated in my reply above.

I see what you are saying about the outlines. I also think that the grey bottom body gradient is a bit too harsh and could be less there.

Let me rework this and repost later this evening. I really appreciate your feedback.

I’ll be working up an actual retail landing page for my 2nd landing page design. One very similar that I designed for Chico’s & JC Penny.

Sorry, seams like I have posted a wrong link in my first post, so now correctly, it should be like this:

See my very similar theme here http://demo.freshface.net/file/st/wp/?slider_type=static2 ”

That’s the theme I was referring to in my message at some points.

freshface said
Sorry, seams like I have posted a wrong link in my first post, so now correctly, it should be like this:

See my very similar theme here http://demo.freshface.net/file/st/wp/?slider_type=static2 ”

That’s the theme I was referring to in my message at some points.

Oh just take credit for my work why don’t you! =P

I found the theme looks nice!