Richard MilesPremium Concept

Website for new technology service

By Richard Miles

   on Aug 30, 2010
9 Reviews2 Votes0 Favorites598 Views
new

A New Version of the Concept has been posted. View New Version

Concept Reviews

  • Michael + Webcardinals

    Michael + Webcardinals

    Rank: 1 Elite

    CF Verified professional

    5746

    • Design: 3
    • Purpose: 3
    • Originality: 3
    • Engagement: 1
    4 Votes
    Usability, user experience & strategy

    Posted on Aug 30, 2010 at 3:06 PM

    Hi Richard,

    I like your clean and simple design. It supports the hierarchy and looks structured for a reader who will know which way to read through it.

    Unfortunately there are some serious problems which I will try to list below in no specific order:

    1. What is it? I read the whole page twice, then your concept description you put here on CF for us and I still don't know what it is. Your prospect customers will not spend 1/10 of this time to trying to understand it.

    2. You have a link to How it works page but if you need users to visit this page in order to understand it your concept will most likely fail as they will never get there. First page has to explain the concept.

    3. IMHO every project should be possible to explain in one short sentence, so called One-liner like: 'free encyclopaedia that everyone can edit'. If you can't do it your concept will most likely fail as people will not understand it and they will not investigate further.

    4. Science behind the Letters does not work as a good tagline. It does not explain anything and is not promising any value.

    5. When user does not understand the idea he/she will not read Successes page. Also why should they read it anyway? They are not interested in your successes but in ways of solving their own problems :)

    6. 'Read smart is:' section does not tell what it is. Two of 3 points there try to explain Who is if for so maybe the H2 should say Read smart is for: On the other hand 3rd point says something completely different. Users will be confused.

    7. Which is more important to you? Learn more or Try it now? I would say that Try it now (Upload you file) is far more significant for your conversions. Of course if the homepage does the job of explaining the concept.

    Hope this helps.

    Keep up the good work.

    Cheers!

    Michael

    (user experience designer & strategist)

    • Joel Glovier
      Joel Glovier commented:
      Posted: on Aug 30, 2010 at 7:24 PM

      Michael I think you are spot on with your input - that was the first thing that stuck out to me too, and I picked out several of the same points.

    • Ionut Resetar
      Ionut Resetar commented:
      Posted: on Aug 31, 2010 at 12:50 AM

      excellent points and review, I am learning so much :), dude I think you see things differently haha

    • Richard Miles
      Richard Miles commented:
      Posted: on Sep 03, 2010 at 9:15 AM

      Thank you for your comments - please take a look at the revisions, as the credits have all transferred to the new version.

  • Emma Simpson

    Emma Simpson

    Rank: 1 Elite

    CF Verified professional

    10641

    • Design: 3
    • Purpose: 0
    • Originality: 2
    • Engagement: 2
    2 Votes

    Looking at this page at first glance, I can not for the life of me tell what your company is about. I only understood more from reading your copy which you used to introduce your concept here on CF.

    I really think you need to go back to the drawing board to come up with a better concept to better communicate your product/company.

    Working harder, I can see that you have the arrow blocks starting off with 'Your Content' leading to using 'Read Smart' which then leads to Improved Results. This needs to be reworked so it is much clearer that using Read Smart is the link between their content and getting improved results.

    In terms of the technicalities of various parts of your design, I know you have said that it isn't finished but even in terms of putting up a rough concept, there are lots of inconsistencies all over the place in it. I've put a few design notes on...

    Notes Added to Images   View

    • readsmart_pages_8_29.jpg
      • 1Put line break in after response to make better shaped text

        You are getting very ugly shapes made with your copy. It's good practice in design to make the text ragged on the edges and not 'ski slope' inwards as yours does. By putting a line break in after response, you'll get the second line to come out further. Also I'd put a line break in after 'edge' to do the same thing in your sell.

      • 2Increase leading/line-height slightly

        This leading/line-height is a bit tight across the whole site actually but in the headings your ascenders are encroaching too much into your descenders.

      • 3Distance between subhead and copy to increase

        Not only are users having to work hard to find out what your site is about in terms of content but also you're making it hard for them to read and quickly comprehend the copy because it's all so cramped. Put the headings a little way away from their copy so users can quickly see the headings clearly first and then move on to the copy below

      • 4Headine font doesn't fit with rest of site

        This seems the only instance of this headline and the positioning of it feels 'out' too. It could do with coming away from the arrow blocks above and moving more to live with the headings it associates with

      • 5Horizontal alignment of headings and consistency of line-height

        These three headings don't align along the top and also the line-heights are not consistent in all the headings

      • 6Better image here

        This image I think could be improved to something which has more impact and which communicates better. I didn't know this was a direct mail letter. I have received countless PR shots over the years and I still didn't link this image with a direct mail letter. I just see 'letter' I think you need something either more conceptual or more immediate here. So either a clearer illustration to better communicate what you're about quickly or a person reading a letter or getting a piece of mail or something.

      • 7make tagline slightly larger so it aligns with the far right of the 't'

        Your tagline is tiny anyway and only just doesn't align with the end. I'd make it slightly larger to align with the far right of the 't'. This will look neater and help with legibility.

    • Richard Miles
      Richard Miles commented:
      Posted: on Sep 03, 2010 at 9:17 AM

      Thank you for your comment - especially the time to make all your points is very appreciated. Can you take a minute to look at the revised version (and all the credits have transferred over there now).

  • Joel Glovier

    Joel Glovier

    Rank: 1 Elite

    CF Verified professional

    3701

    • Design: 3
    • Purpose: 4
    • Originality: 3
    • Engagement: 3
    1 Vote
    Give a better overview of what the product is

    Posted on Aug 30, 2010 at 7:07 PM

    Your design focuses way too much on claims (ie the "benefits") and feels very vague. Like a good sales pitch, your home page should explain features and benefits of your product. Right now I'm only seeing benefits. The problem with that is it just leaves me thinking of it way too much as an advertisement, and with no real sense of interest in the actual product.

    You need to answer the "how" question a little. For your main heading try something more like: "Increase response rates and donations by ____".

    If this were a banner ad, I might expect to only see the claim. But on a products home page I expect to clearly see what the product is, what it is for, and even how it works.

    Just by looking over your design I have no idea whether ReadSmart is an online subscription to something, a printed curriculum or material, a web application, a piece of desktop software, etc.

    Especially where you have "ReadSmart is" and then a bunch of claims, but no real explanation of what it is.

    As far as the design aspect, I could pick apart a few things - and I will in my notes - but honestly you're more detrimental issue is the presentation of your content at this point.

    Notes Added to Images   View

    • readsmart_pages_8_29.jpg
      • 1nav should stand out more

        Consider using a button effect or background to make your nav links more prominent.

      • 2your main heading is a very good size and stands out well

      • 3Your subhead really should reflect more of what your product is

      • 4Call to action

        You need to either add a second call to action or just replace this with a more actionable CTA, such as "Sign Up Now". The "Learn More" bit means people will have to take at least one extra step before they can sign up, whereas you don't want to do that to visitors that are ready to sign up on your homepage. This includes visitors that have come to your site already (one or more times) and thought about or researched whether they want to engage with your product/service, then return to say "yes". You want to make it as easy as possible for return visitors to say "yes" since typically the majority of your sales will come from people who you didn't close on the first visit. People like to research and think about sales before they buy. SO make it as easy as possible for them to say "yes" when they're ready.

      • 5awkward shadow going on here

      • 6reduce your inner glow to just 1 px

      • 7try a darker contrasting color for the heading

      • 8shadow is too dark, and looks very generic

      • 9be more descriptive

        This area should contain some objective content about what your product is. I have no clue what you're really selling just from this area (or this page). I'm never going to buy or be interested in something I can't figure out what it is.

      • 10Make better use of your footer

        Your footer could be more engaging. Consider how you can add some content to the footer that makes your visitors feel "rewarded" by going through the whole page and making it there.

    • Richard Miles
      Richard Miles commented:
      Posted: on Sep 03, 2010 at 9:17 AM

      Great comments - I hope we addressed at least some of these issues in the new revision. Would you be so kind as to take a look at it and comment? (And all the credits got transferred over there).

  • Aaran Casey

    Aaran Casey

    Rank: 1 Elite

    22778

    • Design: 4
    • Purpose: 3
    • Originality: 4
    • Engagement: 3
    0 Votes
    ReadSmart - Cool Name

    Posted on Aug 30, 2010 at 8:27 PM

    Richard

    I really like the overall feel of the site, it's easy to navigate and READ what you are putting across, there are a few tweaks that I would make, just to add more oomph...

    See notes...

    So that's it really, I am sure that others have picked up on more, however overall I think it's a nice clean and easy to use design...

    Good Luck!

    Notes Added to Images   View

    • readsmart_pages_8_29.jpg
      • 1background

        Although it's nice it's a little distracting, and I am not sure of the relevance...

      • 2extreme drop shadow

        tone it down a bit

      • 3another drop shadow

        maybe use a different element, or color like a glow

      • 4extreme drop shadow

        number 2 - actually they all need toning down a bit

      • 5rounded squares

        you like them?

      • 6Typography

        maybe use a different font for body text, just to break it up a little

      • 7outline stroke

        lose it...

      • 8what page am I on?

    • Richard Miles
      Richard Miles commented:
      Posted: on Sep 03, 2010 at 9:18 AM

      Thank you - can you look at the revision we posted? I would appreciate your comments and see if we made it better.

  • Ionut Resetar

    Ionut Resetar

    Rank: 1 Elite

    3713

    • Design: 3
    • Purpose: 1
    • Originality: 3
    • Engagement: 1
    0 Votes
    3 colored arrows

    Posted on Aug 31, 2010 at 12:50 AM

    I am not going to say very much because you already have some nice reviews on this one and there is not much left for me to say. I did not understand what services you provide either.

    You have some design elements that or nice but I don't know if it's for the right purpose because I don't know what your service is.

    The 3 arrows in the middle gives you a bad felling because you go from yellow to red. Usually red is for danger, don't touch etc, you could inverse that and you could go from red to yellow and then to green. And the shadow in the back of the buttons it's very ugly.

  • Liviu Anghelina

    Liviu Anghelina

    Rank: 1 Elite

    3093

    • Design: 3
    • Purpose: 3
    • Originality: 4
    • Engagement: 3
    0 Votes
    Nice Green Header...but some design problems

    Posted on Aug 31, 2010 at 3:09 AM

    Hello there,

    At first look I like the website, the green header takes my attention, but when I stay longer and take a closer look you have some serious design issues:

    1. No header expand possibility

    2. yellow > orange bars really not so cool

    3. Nav link hard to see there

    4. Too Small content Zone and doesn't say what's this project about

    I will use notes to highlight the points above!

    You have lots of review if you follow just a 2 or 3, your design will rock!!!
    Good Luck my friend

    Notes Added to Images   View

    • readsmart_pages_8_29.jpg
      • 1Nice Header...but when you have bigger resolution?

        How did you thought to expand your header background when using a bigger resolution?? Well you should think of that! :) But really nice header it's sexy and cool! Not sure what's your project about, but if the header says about the project it's cool!

      • 2Nav link really hard to read and to see!

        Try to make them buttons or separate the background some way with a line or something to be more "readable"

      • 3The 3 bars are nice idee...but you have design issues

        I like the idea of this 3 bars but you have to pay attention to details, this way you design will be better then the others, details are important! So you have to apply that shadow on a different layer behind the bar shape!

      • 4I think you should loose this background shapes

        You have some square shapes on the background...I think you should loose them, it only give noise to the content zone! And your content zone is poor, why don't you add some more content...I don't know..pictures, examples of something...

      • 5Your footer is missing the Copyright

        Copyright is about you and your professionalism...The footer without it is not okay, do you want your work to be copy? :) I like the color of the footer and the light, bu you have the same problem as the header, your background won't expand...

  • Jon Spooner

    Jon Spooner

    Rank: 2 Titan

    681

    • Design: 3
    • Purpose: 3
    • Originality: 2
    • Engagement: 3
    0 Votes
    I would change the middle progress bar

    Posted on Aug 30, 2010 at 1:18 PM

    While this is a very clean and appealing design. It does not really show what Read Smart is.

    The middle progress bar (orange - red middle bar) could definitely use a little revising in order to tell the story a bit more.

    It sounds like the ReadSmart app/product is kind of a black box for improving copy based on proprietary knowledge.

    So why not show a document icon "Your Content" going into a black box or widget labeled ReadSmart and then show the document icon coming out of the black box with a list of improvements * high response rate * better comprehension * retention etc.

    I might also consider uping the size of this middle graphical explanation of ReadSmart as the top rotating area is too big for what it is delivering (headline + contextual graphics)

    basically you have almost all of the correct elements just need to work on telling the story a bit better.

    best Jon

    • Richard Miles
      Richard Miles commented:
      Posted: on Sep 03, 2010 at 9:13 AM

      Thanks for your comments. Would you take a look at the revision?

  • Ben Gillbanks

    Ben Gillbanks

    Rank: 2 Titan

    2066

    • Design: 3
    • Purpose: 4
    • Originality: 3
    • Engagement: 3
    0 Votes
    Good start - needs tidying up

    Posted on Aug 30, 2010 at 1:19 PM

    One thing that jumps out at me when I view this page is I don't know what the service is. I can see it's about response rates, but are we talking about emails newsletters? Postal letters? Website Landing Pages? Adverts? The tag line doesn't sounds goo but doesn't tell you anything. You need to make it 100% crystal clear what your product is.

    Design wise this is a really nice start, however I think there are a few small things that could be tidied up to make it looked smarter/ more polished.

    So, I would:

    • remove the drop shadows from the arrows. Where the shadows overlap there is extra darkness which looks a bit sloppy.
    • where the orange/ red arrows meet the green the colours clash a bit. I would add a 1/ 2 pixel white border at the top to reduce the fighting between the colours.
    • the layout uses a nice simple three column structure, but the margins are all misaligned making things look untidy. Keep vertical alignment consistent to give the page more structure.
    • I would make the 'learn more' links towards the bottom of the page more 'linky'. Either turn them into buttons/ underline them so it's 100% clear what they are for.
    • Maybe you could consider adding numbers to the arrows. I assume the arrows mean there are three steps so maybe numbering them would show how little work is needed.

    Besides these I think you have all the important things covered and with some tweaks should be good to go.

    • Richard Miles
      Richard Miles commented:
      Posted: on Sep 03, 2010 at 9:14 AM

      Thanks - would you comment on the revision please?

    • Richard Miles
      Richard Miles commented:
      Posted: on Sep 03, 2010 at 9:14 AM

      I meant to also say that I really appreciate the questions about what it is, and hope the new concept helps address that issue.

  • Web Design In Croydon

    Web Design In Croydon

    Rank: 4 Master

    101

    • Design: 2
    • Purpose: 1
    • Originality: 2
    • Engagement: 1
    0 Votes
    green colour

    Posted on Aug 30, 2010 at 1:59 PM

    Not a fan of the colour.

    the Nav bar at the bottom doesnt work for me either.

    The difference in quality of the readsmartpages829.jpg and the readsmartpage2.jpg (the ipod and the document) is noticeable

    when you add the 3rd image will it be overlapped on top, or will you fade the below images out.

    There isnt much to go on

    • Tom Charde
      Tom Charde commented:
      Posted: on Aug 30, 2010 at 5:07 PM

      Croydon -- have a look at this post from the conceptfeedback founder, titled "10 Rules for Better Design Feedback": http://blog.conceptfeedback.com/2009/09/10-rules-for-better-design-feedback.html

      You obviously have a passion for design and a willingness to participate -- I think you just need to spend some more time specifying and justifying your feedback. If you follow the guidelines in this article, it can really help improve the delivery and effectiveness of your feedback. (And subsequently - your rank, credits and reputation score as well.)

    • Michael + Webcardinals
      Posted: on Aug 31, 2010 at 5:42 AM

      Hear hear :)