B2B Website Redesign

Objective: Decrease clutter and confusion, drive conversions
Target Market: Facility managers. Males ~45 yrs old
Added on Aug 13, 2009 at 1:10 PM

This is the latest mock-up for the B2B recycling/environmental services company I work for. We're trying to improve on our current site (www.aircycle.com) by simplifying the options on the homepage and "directing" visitors. Any suggestions?

Concept Media:

Concept Reviews

  • Aurimas Adomavicius
    Reputation: 1978
    Wouldn't change a thing

    Wow! This rocks. :) I wonder who designed it!!! I'm going to load up SQL management studio and give this bad boy like a million votes.

      Posted: on Aug 13, 2009 at 1:51 PM
      • Design: 5
      • Purpose: 5
      • Originality: 5
      • Engagement: 5
      • You'de better give 2 million votes to a guy who codes it up for IE :)

        Posted: on Aug 13, 2009 at 8:26 PM
      • IE! haha :)

        Posted: on Aug 18, 2009 at 7:27 AM
      • Hi Andrew,

        overall it looks neat and clean... user experience will be good... i think

        Quick clicks is a good thought...

        1. I think the home page is too long...

        2. May be you should work on the creative part... like knock off the guy in the right... you don't need too visual elements to say they're into cleaning..

        3. The header part is should be clean and creative.

        4. Keep the news to max one or two with headlines to create curiosity to read more..

        5. may be for video you can have video thumbnail and on rollover a small video clip may to play to create interest...

        6. HOME PAGE is a clean presentation of the key areas of sitemap, so keep the sitemap at the tip of your finger...

        DO research and add interesting features... once you've started coding it... you should not go back and change the design...

        bye Sadhu

        Posted: on Dec 16, 2009 at 11:25 PM
    • Angie Kohler
      Reputation: 1070
      Really well done.

      I have to admit. I looked at this for a VERY long time to try and give you helpful feedback. You know, more than 'this really rocks'!

      The only thing I could think of that might need some more attention...in the middle part there is no clear tie between the images and the navigation under them. I don't know if you could make those buttons look more like construction cones or something that ties with the company. I am imagining table tents...but that obviously doesn't work!

      Overall - fantastic!

        Posted: on Aug 13, 2009 at 2:09 PM
        • Design: 5
        • Purpose: 5
        • Originality: 3
        • Engagement: 5

        This review has no comments.

      • Graffino
        Reputation: 1192
        I would prevent the products from repeating

        Hey Andrew!

        I really, really like this one. It's neat and clean and it's also how a homepage should look like.

        I'm confused by just 3 things:

        1. The need help deciding should be in the same column with "Free case study" it makes more sense for these two to be together. Being in the main picture is adding more clutter and removing it could allow you to insert more space between the 3 products.

        2. Why are the products repeating bellow, I don't understand. Ok, there should be some description bellow the product (1-2 lines of text) but I think you could find a way to merge the two. This way the page would also become shorter thus no more scrolling needed. If you decide not to change them, at least make them appear in the same order as above. What I would advise you is to keep the products available on the homepage to no more than 3 (like it shown currently). The more choices a user has, the lower the conversion rate is.

        3. You're repeating some of the links from the main menu in the footer ... but you're intertwining them with new ones. I would keep them separate, or not repeat links from the menu, instead providing a simple ^Top link.

        So, considering all this ... it's a fav for me :)

          Posted: on Aug 13, 2009 at 4:41 PM
          • Design: 5
          • Purpose: 4
          • Originality: 4
          • Engagement: 5
          • That's some great insight Zeno, thank you! I'll talk to the team.

            Posted: on Aug 13, 2009 at 4:55 PM
          • Good stuff Zeno...

            Posted: on Aug 14, 2009 at 11:39 AM
        • Tim Gursky
          Reputation: 122
          3 buttons in the middle

          I'd make them not that flat, add border or a small vertical gradient.

          And also I'd review products' shadows - the inner feeling says, that the shadows must be sharper at the bottom (where close to the object itself) and more blurred at the top.

          Other than these two points - everything perfect!

            Posted: on Aug 13, 2009 at 8:29 PM
            • Design: 5
            • Purpose: 5
            • Originality: 4
            • Engagement: 5

            This review has no comments.

          • M. E.
            Reputation: 77
            very nice - one small nitpick

            EasyPak is first at the top, but is second in the left column. I would just keep the same order. As I said, a nitpick.

            The middle column seems a little empty/short on content.

            Love the colors and gradations, especially the use of grey, and the way you pick up the yellow in the hardhat and acho it softly on the rest of the page.

              Posted: on Aug 13, 2009 at 10:35 PM
              • Design: 5
              • Purpose: 5
              • Originality: 5
              • Engagement: 5

              This review has no comments.

            • Dave Yates
              Reputation: 57
              Prevent featured product redundancy...

              Very nice looking site! An essentail question I have about this website is: How will potential customers end up on this site?

              Is this is a landing page for folks arriving after viewing an ad placement, or search engine result? OR are folks directed here after an initial previous contact with the company?

              If it is a landing page... I would make "Innovative Recycling Solutions" much more closely associated with the company logo in the header... similar to how the current site does it.

              When I looked at this page, I wasn't exactly sure what your company did. When I looked at the header on the existing page, I knew EXACLTY what you guys do. Confusion in the end user = click away from site.

              Folks will decide whether their "user actions" i.e., surfing to the site is congruent with what they are looking for in just a scant few seconds.

              The image of the hard hatted guy is a great image... but it feels a little incongruent with the question there.

              Rather than infering that your visitor can't decide... why not reframe it from the context of "why we can make you much better" or "why we are da bomb diggity" kinda stuff.

              The product offerings are redundant, and the way most eye scans will look at this page, folks may stop their "journey into" your offer once they notice the product image "repeat".

              The design aesthetic of this page is REALLY NICE. It's pretty uncomplicated, and I think the various elements you are offering the user experience are good.

              If you removed the reduntant product placement, can you make good use of the space it frees up?

              More customer reviews... and some spirited videos... with maybe some thumbnails that make it REALLY APPARENT there are videos? Those... if done nicely will make this page like velcro.

              Folks LOVE concise well done video...

                Posted: on Aug 14, 2009 at 12:06 AM
                • Design: 5
                • Purpose: 4
                • Originality: 3
                • Engagement: 3
                • P.S. BTW... I'm a businessman... my presumption in my review is you guys want your website to increase your sales. Design and aesthetics, and "conversion stats" are pretty different birds... thus, my take on how to increase the stickiness and conversions of the site. Aesthetically it's already PDG.

                  Posted: on Aug 14, 2009 at 12:14 AM
                • Dave,

                  The comments are great, thank you! Our traffic is about half and half - 50% from search and ads, the other 50% direct. My boss made the same comment about the placement of the site purpose message "Innovative Recycling Solutions", but I'm not sure how to fit it in the header yet w/o losing our pretty waste counter :) The redundant product thing is a potential issue - we wanted to provide more info for those that don't click on the main image as well as provide some SEO value. I might split test videos in the left column and customer reviews/awards in the right. Do you think that would be an improvement? Again, appreciate the advice!

                  Andrew

                  Posted: on Aug 14, 2009 at 10:53 AM
                • Hi Andrew... are you the coder? Great looking site!

                  I didn't want to come off as a naysayer... the Waste Counter is aesthetically "novel", and it draws the eye... but it seems out of place to me.

                  Instant recognition of your business, and reafirming the cleint is "in the right place" trumps everything.

                  From a cognitive standpoint, it's probably fair to say, that MOST folks who will land on and look at your site, are fairly "surfing savvy". It's probably also fair to say, that they too live in our advertising frenzied culture and have tons of messages coming at them in countless numbers each day. All these words are to say this: If the User Experience confuses your prospect, you are already losing them, and planting doubt in their mind about the competency of the company.

                  I'm not trying to be harsh at all here... Probably 90% of S & M American business with a website, use it like a glorified business card. You guys are already WAY ahead of t

                  Posted: on Aug 14, 2009 at 11:33 AM
                • Whoops! I didn't realize I was character restricted. The system truncated my comments about your video/testimonial ideas. Feel free to e-mail me your e-mail address Andrew.

                  Posted: on Aug 14, 2009 at 11:37 AM
              • Marius Stuparu
                Reputation: 186
                Not too much to add

                Aside from the small comments above, I would move the "Quote Me" button in a more visible place (and/or make it bigger) - I think that's what would be most interesting from the business point of view.

                  Posted: on Aug 14, 2009 at 3:13 AM
                  • Design: 5
                  • Purpose: 4
                  • Originality: 3
                  • Engagement: 4

                  This review has no comments.

                • Matthew Trubow
                  Reputation: 185
                  Superb

                  Hi Andrew,

                  I hope you're well.

                  There are a lot of people on here who have given positive feedback for this site.

                  It's difficult to make less 'sexy' product and services stand out on the web. I think you have achieved that.

                  Superb job

                  Kind regard,

                  Matt

                    Posted: on Aug 14, 2009 at 2:08 PM
                    • Design: 4
                    • Purpose: 5
                    • Originality: 3
                    • Engagement: 5

                    This review has no comments.

                  • Mitch Anderson
                    Reputation: 315
                    Nothing too big...

                    First off I would just like to say that this is a really solid design. I first went to the current website and automatically realized that any first-time visitors are pummeled with a lot of content.

                    I think you've completely overturned this matter, and in essence I think you've really made this site what it should be.

                    Correct me if I'm wrong, but is the main purpose of the website to get new clients involved with your recycling services? Either by the pickup or products you offer?

                    If that's the case then you've really done a great job executing it. You've got an obvious call to action, and on top of that there's multiple entry points to get involved with the company. However, I noticed Angie said this above, but maybe a little more correlation between the images (in the banner) and their links, just some way to make them more seamless and separated from each other (not too much though.)

                    I'm also curious about that login in form. Does it take the user to another page or is it an animated drop down?

                    That's all i've really got, sorry it's not much. But to be honest you've really laid the out in a really sensible manner. This should help the company out big time. (At least I hope it does.)

                    Nice work!

                      Posted: on Aug 14, 2009 at 3:57 PM
                      • Design: 4
                      • Purpose: 5
                      • Originality: 3
                      • Engagement: 4
                      • The login is an animated drop down. Thanks Mitch!

                        Posted: on Aug 18, 2009 at 9:18 AM
                    • Bill Freund
                      Reputation: 53
                      Simplify

                      Very good. A big improvement over the current version of the site. But would simplify further. The person who commented just before me wrote "Correct me if I'm wrong, but is the main purpose of the website to...". Should not have to guess. For relevant learning, I recommend this recent article from Tim Ferris, author of the 4-Hour Workweek: http://www.fourhourworkweek.com/blog/2009/08/12/google-website-optimizer-case-study/

                        Posted: on Aug 18, 2009 at 12:37 AM
                        • Design: 4
                        • Purpose: 4
                        • Originality: 3
                        • Engagement: 4
                        • Thanks Bill! I read that article the other day, very good stuff. We've never used GWO, but I plan to once we launch the new site.

                          Posted: on Aug 18, 2009 at 8:28 AM
                      • Bhushan Jain
                        Reputation: 190
                        Well done!

                        Everything looks so perfect, nicely aligned. Proper balance on text and visuals. I don't see anything that really requires any change. Everything is perfect to me.

                        Good Job!

                          Posted: on Aug 18, 2009 at 7:36 AM
                          • Design: 5
                          • Purpose: 5
                          • Originality: 5
                          • Engagement: 5

                          This review has no comments.

                        • Nishant Rajput
                          Reputation: 106
                          Nishant

                          Nice Work

                            Posted: on Aug 19, 2009 at 5:22 AM
                            • Design: 2
                            • Purpose: 0
                            • Originality: 0
                            • Engagement: 0

                            This review has no comments.

                          • CodeDude
                            Reputation: 1195
                            idk

                            I got to say you REALLY improved on their last site. I visited the old one and was overwhelmed by way too much content is such a little space. Nice work in adding lots of white space. Gives the old eyes a break.

                              Posted: on Aug 24, 2009 at 8:21 AM
                              • Design: 3
                              • Purpose: 4
                              • Originality: 3
                              • Engagement: 4
                              • Thanks - my sentiments exactly!

                                Posted: on Aug 24, 2009 at 6:11 PM
                            • Ederson Morche
                              Reputation: 227
                              decrease the search box

                              the box is highlighted with a very large size relative to the main menu

                                Posted: on Aug 24, 2009 at 10:51 AM
                                • Design: 5
                                • Purpose: 5
                                • Originality: 3
                                • Engagement: 4

                                This review has no comments.

                              • Brant Calder
                                Reputation: 73
                                Very busy looking

                                It's very busy and takes a long time to figure out what is actually trying to be said here.

                                  Posted: on Aug 24, 2009 at 6:03 PM
                                  • Design: 3
                                  • Purpose: 4
                                  • Originality: 3
                                  • Engagement: 3
                                  • Sorry, I was looking at the old (current) site. The new design is about a thousand times better. Much less messy, easy to look at. Nice work. I agree that the search box is a bit too big though.

                                    Posted: on Aug 24, 2009 at 6:05 PM
                                  • Hah :) You had me worried there for a minute. Thanks!

                                    Posted: on Aug 24, 2009 at 6:11 PM
                                  • Yeah sorry about that, still getting used to how the site works. My votes for the new site would have went something more like 5,4,4,5. Cheers

                                    Posted: on Aug 24, 2009 at 6:23 PM
                                  • After looking at what the site has now & what you created... I like your concept. Hopefully they go for what your pitching them. The layout is way cleaner and makes the main points stand out.

                                    Posted: on Aug 24, 2009 at 11:54 PM
                                  • This looks much better than the previous one , it a true display of web 2.0 . great design , keep it up

                                    Posted: on Aug 25, 2009 at 9:40 AM
                                • Joel Acevedo
                                  Reputation: 895
                                  I would stay with the three columns

                                  Everything looks great but I will use a three column as well for the footer, instead of four.

                                  Good job. Love the colors.

                                    Posted: on Aug 31, 2009 at 11:17 PM
                                    • Design: 4
                                    • Purpose: 4
                                    • Originality: 3
                                    • Engagement: 4

                                    This review has no comments.

                                  • Pedro Sombreireiro
                                    Reputation: 566
                                    Great looking but

                                    Great look, but ... too much divisions in the structure.

                                    You have about 14 different areas ...

                                    The banner should have bigger lettering and bigger buttons ... it's "your call out".

                                    The sign is not very visible and ... the buttons and fone number on the top right, along with the post-it ... are fighting for "first to be seen" along with the banner.

                                    :)

                                    Try, not changing all the website, but, just remove some of the lines you are using to outline areas ;

                                    Try changing the foto on the banner, and using bigger lettering for call outs;

                                    Try, giving less strength to the buttons in the top right area ... make them light colored and solid .

                                    Just my 2 cents :)

                                    keep up the good work.

                                    ( I wrote this because i really think you have a good website there ... just some fine tuning needed )

                                      Posted: on Sep 02, 2009 at 3:27 AM
                                      • Design: 4
                                      • Purpose: 4
                                      • Originality: 4
                                      • Engagement: 4

                                      This review has no comments.

                                    • Amy Feger
                                      Reputation: 2238
                                      Text hitting pic

                                      Hi Andrew.

                                      I just checked out your website and had the feel of "clean shop" and it looks great.

                                      Just a few type things you may want to checkout.

                                      Under "latest headline" the text is touching the pic.

                                      Maybe try cleaning up the adobe icon in photoshop... I can see white edges here and there.

                                      In the bottom right corner quote; The type should be left aligned and the quote marks pushed to outside of the boxed shape (rather than lined up to test.)

                                      All through out the text presented in the top pics that switch every few seconds... There are gaps of white space between those words that really should come in. (track and Kern stuff). Same with the popular features text.

                                      Well, off I go to bug someone else...

                                        Posted: on Sep 03, 2009 at 3:19 AM
                                        • Design: 4
                                        • Purpose: 5
                                        • Originality: 4
                                        • Engagement: 5

                                        This review has no comments.

                                      • Engin Gürelli
                                        Reputation: 73
                                        html background

                                        Hi Andrew, very clean and nice design. But i'm thinking this grey gradient background killing the design a bit. I believe small seperators under "Featured Products, Video Features, Customer Reviews" will improve the readability. I love the header and banner, well done.

                                          Posted: on Sep 04, 2009 at 6:31 PM
                                          • Design: 4
                                          • Purpose: 5
                                          • Originality: 4
                                          • Engagement: 5