Richard MilesPremium Concept

Website for new technology service

By Richard Miles

   on Sep 10, 2010
5 Reviews0 Votes0 Favorites361 Views
new

This concept is a new version of an older concept. View Old Version

Concept Reviews

  • Michael Gunner

    Michael Gunner

    Rank: 1 Elite

    CF Verified professional

    5988

    • Design: 2
    • Purpose: 1
    • Originality: 2
    • Engagement: 2
    1 Vote
    A poor design lacking attention to detail

    Posted on Sep 13, 2010 at 4:28 AM

    I appreciate the design isn't done yet, but I can only review it "as it is".

    I have to say, as this is your third attempt, and all three are equally weak, it may be time to consider the input of another designer to try and expand the ideas a little, as from what you've come out with so far I get the impression you're a little stuck. You're basically sticking to a layout which I feel isn't working.

    First off, the navbar. There's a hideous chunky green line and then buttons clipped on top with quite a strong gradient. The whole thing really looks kinda ugly.

    You also have a big problem in that you clearly have no distinguishing colour scheme going on here. You've got green buttons at the bottom which are a different green from the navbar, and then you've also got an odd blue CTA in the middle. There's no connection between those colours, there's also no connection between them and the logo which is another shade of green.

    To make matters worse, the photoshop-trigger-happy buttons in the middle are another three different colours which also don't at all fit in with the rest of the design. Put simply, you've clearly given little/no thought whatsoever to one of the most crucial elements of web design.

    Secondly, the big boxes in the middle. They're too big, and there's too many effects on them. Additionally, the text is all mis-aligned - and as I've said, the colours are just ugly and ill fitting with the rest of the design.

    The text beneath is another problem. The alignment again is dodgy and I can't think for a second why you've made one text area wider than the other.

    Generally, two big areas of web design, colour and layout, have all but been given very little thought here and the result is a very muddled up, messy design that fails to capture the imagination. It fails to look modern, intuitive, and classy. To be honest, it looks like the kinda thing people churn out of Frontpage, the professional look just isn't there.

    I hope you do not take any offence at all to any of this, I do just tell it how it is and give my honest opinion - sometimes people don't like it! But at least this way you can see the mistakes you're making that you might not otherwise see :)

    So my suggested steps for you would be:

    1. Develop a good colour scheme consisting of 5/6 colours. You should have colours for text, headers, highlighted elements, buttons etc.
    2. Get out those guides on Photoshop and USE THEM. You really need to whip them out and use them to help arrange the layout of your page and align everything correctly.
    3. Use of images. You've got one image on the page. Is this enough?
    4. Stylized elements. When you style elements, be very careful and try and be as subtle as possible. When people get too carried away it just ends up looking a bit silly.
    5. Fonts. Your typography needs some additional thought here. I feel the current fonts are a little clunky.
    6. I suggest a "before and after" method for advertising the product. Telling me it'll look better than an eBook - so what? SHOW ME! That will impress people a lot more if you can immediately show them the side-by-side difference.

    Good luck and keep going!5.

    • Richard Miles
      Richard Miles commented:
      Posted: on Sep 14, 2010 at 11:28 AM

      It doesn't look like my comment went through. I really appreciate your comments, direct as they may be. But that's why this site is good, yes? Some of the text alignment issues I can address in the HTML itself; the design is a result of a designer going down one direction, and then thinking if we just keep tweaking that one direction it will all work out, when sometimes it's best just to move on and start fresh. Thanks again, great comments.

    • Noel Tock
      Noel Tock commented:
      Posted: on Oct 22, 2010 at 5:30 AM

      No problem Richard, hope it works out for you :) Cheers & have a nice weekend, Noel

  • Noel Tock

    Noel Tock

    Rank: 1 Elite

    CF Verified professional

    4071

    • Design: 2
    • Purpose: 2
    • Originality: 1
    • Engagement: 2
    1 Vote
    Fundamentals...

    Posted on Sep 16, 2010 at 11:45 AM

    Hi Richard,

    Props for tackling a landing page. I’ve continually been optimizing my own websites for higher conversion rates and it’s a hell of an uphill battle, so I feel for your goal here.

    I’ve had a look at the previous revisions and get the impression you keep moving towards the safe-zone (i.e. plain white background), whilst not addressing some of the more fundamental issues.

    On to my comments…

    Layout

    Overall, the elements are more or less where we’d expect such items to be with current landing page trends. This is no way a bad thing (probably even a good one), but the major issue here are margins / padding and adherence to a consistent structure.

    When I refer to a consistent structure, I mean such “starter” frameworks as the 960 or Square grid systems. Both are available with PSD templates (as well as other formats):

    960 Grid System - http://960.gs/ Square Grid - http://thesquaregrid.com/

    This will greatly help with your current design, which is leaning towards a 3 column layout. If I can give you a really helpful tip; is to take screenshots of popular websites and paste them in one of these grid templates to see how well utilized they are. Visually, it’s so much easier on the eyes. In terms of programming, it’s much easier to handle (as the structure can be re-used across all pages), which in turn drives the cost down slightly.

    General Design

    Color – This was one of the things I liked about your first design. You had your “brand” green as a base and then used a warm analogic color palette for the USP (Light Orange / Orange / Red). This more or less goes out the window on this latest design, whereby you have:

    • 5 Different Greens
    • 2 Different Blues
    • … and Pink

    What complicates matters, is that the greens vary across saturation & hues. Keeping saturation fixed will greatly help you achieve a more consistent look (i.e. note: not brightness). And if you can, reduce the Blues & Pinks to a single color which you’ll use to draw attention where needed (i.e. CTA’s / USP Text).

    Style – This is something I thought you did better on your first design, i.e. keeping it simple. The glass buttons, drop shadows, outer glow, gradients can in my opinion get significantly reduced. These are things we used to do 5-10 years ago, and no one is forcing you to get in line with the trends. But being in line, communicates that you’re up-to-date (and indirectly, so is your product). Something simple with a soft gradient would be more appropriate in my opinion, here are some good examples:

    http://houseofbuttons.tumblr.com/

    Typography – Part of the issue here is the padding/margins and positioning I described before. The rest is quite fine, although you can benefit from a little more line-height to let your text breath some more. I’ve put individual comments on the screenshot itself. Also, I'd make sure you're not getting too fancy with special fonts (i.e. cufon, sIFR), you do want maximum compatibility, especially with institutional/corporate clients.

    I've gone ahead and also added other notes to the actual design.

    I hope this is helpful and please let me know if you have any questions.

    Cheers

    Noel

    Notes Added to Images   View

    • readsmart9_10b.jpg
      • 1Not a Menu Item

        This is contact information and should clearly be labeled as such. I'd rename it to something more common as "Contact" with an expanded contact page, but then still include the basics (phone) above the navigation.

      • 2Fake Highlight

        Another cool trend these days is to fake a highlight on important text.

      • 3Green Consistency

        More about this in my review, but it's much needed.

      • 4Very hard shadows..

        I think you could do with a lot less of a drop shadow around here.

      • 5Image is not convincing

        I think you'd be much better off aligning 2 IPhone's next to each other, one with the book cover and the next with a page (this way you're giving a much better idea of the product). The great part is that you can then use a transparent slider to show 2-3 other variations without breaking visual consistency.

      • 6Remove this

        The lighting isn't consistent and the 3D aspect confuses and adds an unnecessary "busy" feel.

      • 7Vertical Alignment

        Top-align the headers for consistency.

      • 8If it's a list, treat is as such...

        And use bullets. Could use small triangles angled to the right to fall in line with the rest of the flow.

      • 9Add a line break and make the Header stronger..

        Hopefully the text will pop out more as a result and attract the people you are targeting.

      • 10Small reminder for the consistent greens...

      • 11Visually separate the footer..

        I'd use the darker green variant, and then overlay the text in white. This action was also visually define an end to your page (thus not interfering with the main content).

      • 12Need some white space here..

        .. as it's cramped vertically at the moment.

      • 13Not relevant to the design, but..

        I don't understand the header here. Does the user have to contact an agent or is it an automatic tool within a SaaS?

    • Richard Miles
      Richard Miles commented:
      Posted: on Oct 20, 2010 at 4:35 PM

      Noel, great comments, and much appreciated. Thank you for your most thorough and thoughtful review. I'm actually quite unhappy with the design as shown, but needed to post it up live to satisfy my client. Hopefully, we'll be moving to a new revision shortly. Stay tuned.

  • Malay Patra

    Malay Patra

    Rank: 10 Newbie

    40

    • Design: 1
    • Purpose: 5
    • Originality: 2
    • Engagement: 4
    0 Votes
    Smart Design

    Posted on Sep 22, 2010 at 5:15 AM

    I love whole design especially the logo!

  • Cogito Sum

    Cogito Sum

    Rank: 10 Newbie

    15

    • Design: 4
    • Purpose: 4
    • Originality: 4
    • Engagement: 3
    0 Votes
    Provide a demo video by clicking the phone image

    Posted on Sep 24, 2010 at 8:50 AM

    The pink block should end as a arrow as well. Currently seems to hit a wall rather than move ahead with better results!

  • Kunal

    Kunal

    Rank: 2 Titan

    1604

    • Design: 1
    • Purpose: 1
    • Originality: 1
    • Engagement: 1
    0 Votes
    Draft

    Posted on Sep 15, 2010 at 4:51 AM

    I m sorry Richard but the design level you shown here is not good at all.. agree with the above comment.. please try to change some points written above.. it will look nice. :)