The Homepage Evolution

November 2nd, 2009 by Amit

As we are on our way to launch the product, we are about to publish our new homepage. Homepages are always a tricky thing… We want it to be clear but nice, minimal but full of messages, so – how can we do it?

The first version goes like this:

Home Page 1

Not good, why?

1. The icons are problematic

2. Too minimal

3. No one can understand what the product actually does…

The second version was better. started with this spec:

Spec

Followed by this design

homepage 2

Better but still not there

homepage1

Great, now the problems:

1. Time for the right texts and messages

2. Not clear enough. Where is the mobile? the grandparents, the parent side?

3. From our experience, orange “sign in” button is always better conversion wise, why? good question

4. The “flickr” and “twitter” are too big

5. Need to finalize details

So we are here:

homepage3

What do you think?

5 Responses to “The Homepage Evolution”

  1. The CEO says:

    Good Post. The new design works well.

  2. Yariv says:

    Do I need to click on the “more” button to see the bottom of the page? I think the complete page looks fine and not too cluttered, so I would lose the “more” button.

  3. Amit says:

    Yariv – it will be there anyway, but we wanted the “more” will appear above the fold

  4. Ofer says:

    I like the design, it’s smooth, colorful and gives a playful feeling. I find the “follow us on…” quite irrelevant in this context (it’s more about the startup itself right?), I’d drop it, move to an internal “About Us”, or move to bottom of homepage.
    As a parent, I would expect the words PRIVACY/SAFETY to appear very prominently in the message and have their own real estate. After all, that’s the first association that pops into parents’ minds when we connect kids and web…

  5. very professional and looks absoloutly great. good job and good post. Interesting thing with the orange ‘join’ button, hilarious really. Just found this on about.com -

    “Orange is mentally stimulating as well as sociable. Use it to get people thinking or to get them talking.”

    and

    “If you want to get noticed without screaming, consider the color orange — it demands attention.”

Leave a Reply