This concept is a new version of an older concept. View Old Version
7 Reviews0 Votes0 Favorites449 Views
Concept Description
- Website:
- www.lastingcommemoratives.com
- Objective:
- Increase site usability, improve conversion rate
- Target Market:
- Marathon Runners
- Categories:
- web design ecommerce redesign
- Revised Designs Posted! -
Hello everyone!
We're starting to redesign our website and have arrived at two concepts on which we'd like to get your opinion. Internally we are split (albeit a bit unevenly) and would love to get some independent feedback before making a selection. The overall goal of both designs is for an end user to quickly realize the type of products being sold (marathon products) and that there is the ability to choose from either pre-created products or completely custom/'start your design from scratch' products. We're looking at each design from an aesthetic, usability, information architecture and marketing/sales perspective.
Each design has a bright magenta letter indicating either A or B so feel free to refer to the letter when discussing the designs.
Version A Description: The inspiration behind the "A" design was to to have a more modern, simplistic approach that combines the energy and feel of big name brands such as Nike, Reebok, etc., with a more traditional ecommerce feel of sites such as Target, West Elm, etc.
Version B Description: The inspiration behind the "B" design was to to have an energetic, bright, and airy feel that resonates with the type of hard work and dedication that goes hand and hand with a hardcore runner.
Previous Versions
Version 1
Concept Reviews
-
I believe either design could be successful, with some revision. My thoughts in general are:
Design A: I think this design definitely succeeds in looking modern and having a good energetic feel to it. However, red is a difficult color to pull off. I think it is being used too much here.
Design B: This is definitely more bright and cheery than A, however I think it portrays more of a "fun" feeling than a "hard work" feeling. Blue and orange are clashing colors, so you have to be careful about how you use them together.
Check the notes on each image for more specific feedback.
Notes Added to Images View
-
1Flip the position of the text in the header
These people in the image should be running towards the text and the main call to action, not away from it.
-
2Which is the most important call to action?
The most important action should stand out from the rest of the page. So, if "Start Your Design" is the most important, it should be red and "Browse Designs" should be gray. Also, the most important should be on the right.
-
3Don't use red here
Red is used for the most important actions, don't use it for a simple header.
-
4Use gray for all action buttons other than the main call to action
You don't want less important actions drawing attention away from your main call to action.
-
5Too much red
Because red is such a string color, using a red background here makes this section seem much more important than anything around it. Consider changing it to the blue used in the Featured Design section.
-
6Don't use red here either
-
7Change this button to gray
-
8Change the order of sections in the footer
A call to action like newsletter should be on the right side. Also, consider requiring only the email address as that will make it even simpler to sign-up. Move the contact information to the left side.
-
Notes Added to Images View
-
1Which one is the more important action?
The most important call to action should be the one that stands out. Also, neither button should be the same color as the background. Also, I would suggest using blue for the background of this box and then use orange for the most important action button. Use a light grey for the less important actions.
-
2Flip this image
These people should be running towards the box on the right, otherwise they draw attention away from your call to action.
-
3Incorrect word order
This would make more sense if it said "Browse Our Popular Running Products"
-
4Use a light grey for this button
You most important call to action button should have a unique color. If the most important action is the "Start Your Design" button at the top, then all the other buttons should use a light grey to make them obviously secondary.
-
5Are these the same actions as the box at the top?
If these are the same actions as the "Start Your Design" and "Browse Designs" buttons at the top, then this entire section is not-needed. It only makes the page busy.
-
6How important are events?
What do events have to do with your business? If they are not important, consider dropping this off the front-page so that you can eliminate this entire third row. That will make the page much less busy and focus the user's attention better.
-
7Why is this section a different color?
Consistency is important. All sections should stick to the same background color, otherwise you draw too much attention away from the important call to action at the top.
-
8What is this?
Why is this Graduation Products tab over here? This makes it look disconnected from your business. If it is a limited-time sale or something similar, then it should just be a rotating image in the header. If it is a permanent thing, then it should be part of your main navigation.
-
9The background doesn't blend well
The sudden transition between the page content and the background is too drastic. Also, if images in the header are going to rotate then it becomes an even more drastic transition. Consider adding a left- and right-side border to the content area to make the transition smoother. also, consider making the blue background extend to the bottom of the page.
-
11Use a light gray for this button
-
12Don't use orange here
Use a light gray for this button. Also, consider requiring only an email address for the newsletter as that will make it easier to sign-up.
-
-
Hi again,
This is going to have to be a very quick one but since you asked me to have a look I shall try to give some feedback even if it isn't very thorough.
Basically the logo really needs some work - it's way too corporate and doesn't fit with the rest of the design or your brand at all.
The typography on the headline of version A is better but because the font isn't used anywhere else in your design it doesn't feel entirely unified with the rest of the page.
The legibility of that grey on the background in the headline isn't wonderful and I'd watch the legibility of the white out of it on the sell paragraph underneath.
In version B the navigation feels a bit too large.
The headline legibility is much better but it has to fight so hard with that big box out area on the main banner
Sorry to not be more in depth but I hope this helps a bit.
-
Wow, the look is professional, easy on the eyes, and a nice navigation, everything seems dandy and easy to find, keep up the good work :)
-
I get the feeling I have to but something to enjoy your site, so have you considered giving something away for free? Maybe tickets to a sporting event or cashback incentives. That will help with conversions, also I recommend you add brighter colors that captivate attention. Use a ocean blue to go with all the red you have. Red is a very aggressive color and does not make me feel comfortable enough to buy from someone I don't know. Also add some music
-
- the 'home' nav is missing in option B
- i like the color scheme better in option B, it is a bit cleaner and relaxed.
- on option A, the main image (running legs) and the text "personalized running products.." their position should be interchanged. the running image is heading towards out of the picture.. the running direction should merge with the text. so text could go on right and the image to the left. same on option B, where runners are heading towards out of frame.
- on option A, you have used another running leg image on one of the boxes (choose an event).. that image is really clashing with the image you have on top. same with option B and the choose and event image, where the lady is going to the right and on top image everyone else is running to the left.
- i don't think you need 'about us' heading for the content you have there.
- the 'home' nav is missing in option B
-
OK, I won't comment on A because I don't like it to be honest, B is the much stronger concept.
So, you obviously have a good grasp of current web trends but you're mix and matching them at odds to each other. Some thoughts that might help this come together a bit more cohesively:
- Round corners vs. square corners. Sometimes you can make these work together but for this design I find the two being together a bit uncomfortable. I think rounded is the way to go, so things like the global nav continer and your callout containers should go rounded to compliment the buttons and top level nav
- Colors are awesome, very inviting and invigorating. The cutoff of the body background blue is uncomfortable and I don't see the point. It would be nice to see that carry on and maybe even fade to a lighter blue
- The main call to action, Start Your Design, is being overpowered by the Browse Designs. Not sure if that's intentional?
- We need a cart widget in here. Somewhere that shows number of items in cart and it's dollar amount.
- The lack of logo is really pulling this down. Is one coming? If not, I think you can do better
- Google has launched an Font API that's free and easy to implement. I recommend browsing the fonts to help with your H1 and H2 titles, they could really add something to your design
Overall nicely done, though my eye is sort hopping all over the place. You may want to be sure you're highlighting the things you want the users to do.
-
nice
