New, improved Zopa: Now washes whiter!

As you may know, we’ve been working away on a new look and feel for the Zopa website - and we thought it was about time we invited you in to give your views on where we’re ending up.

Below are a couple of mock ups of what the Zopa homepage and Lending homepage might look like - have a click through to see the full size images.



Zopa home page

Lending home page


We’d love your comments, but hopefully you might find it interesting to read a little about where these designs have come from first.

Although we love the existing Zopa site, there are a lot of problems with it. We’ve found the graphical language and layout very constraining - for example the silhouettes are hard to bring to life. They’re supposed to represent our members, and the human side of Zopa, but they don’t do it very well - which means we have to use lots of copy to convey the humanity and warmth of Zopa. And no one reads copy online :)

Also, we only really have a way to represent data in a tabular format - and for many people that is hard to interpret - we need a way to show lots of data in a graphical format.

Another problem, familar to many weary lenders in particular, is that the site has had more and more crammed into it as we’ve added functionality over the last year or so - and it’s creaking at the seems. We’re simultaneously looking at making a lot of the site simpler and more useful - but it’s hard to do that inside the current, sprawling, design. (There’s a post coming on this soon!)

Finally, we wanted to remove the barrier between the active (transactional) pages, and the non active (brochureware) pages…and to make it easier for non members to see ‘inside’ Zopa.

So, when we sat down to come up with something better, we had a series of requirements. The new site would have to be:

  • Open and transparent - allow anyone who visited Zopa to immidiately understand what was going on and what Zopa was about
  • Simple
  • More engaging and human, and something that showed our members better than the silouettes we’ve been using to date
  • Expandable - it would have to work in the UK and the US, and allow for future expansion of the Zopa proposition

So what are the main changes we’re making?

Well, most obviously there’s a new look and feel to the site - hopefully it feels a bit more modern and grown up, and also makes it more obvious what we’re about - money and people. We’re introducing new colours to be able to distinguish different areas of the site: a purple for the (new) community area (blog, discussion board etc.) and blue for the signed in transactional area (We’re told blue is a credible financial services colour… :) )

The space at the top will be an interactive area where it will be possible to see what’s going on in the markets directly from the homepage - without joining or logging in - breaking down the barriers and letting visitors ‘play’ with Zopa before they join up.

We also have a new system for visualising our members - the little characters at the top of the home page are avatars that represent each and every one of our members, and will evolve to allow us to show specific groups and communities within Zopa.

Overall, we hope the new layout will be simpler to navigate, have less copy, fewer routes for people to travel down and generally be a worthy sucessor to the design that has seen us through our first 15 months.

What do you think?

EDIT: You can also join in the discussion over on the, very well named, Zopa discussion boards. Ta.


10 comments

dave

Posted on July 19th, 2006 at 8:23 pm

How will the site handle those of use who cannot install a flash plugin? (I run FreeBSD, and the unofficial plugins are too buggy, while the offical one is forbidden to install by its license)

Dave

Dave

Posted on July 21st, 2006 at 11:22 am

Dave - although the site will look (and hopefully function) better with Flash, it won’t be necessary to your using Zopa. We’re limiting Flash to just a couple of areas of the site - and working to open up the information presented in other ways as well (Can I hear the letters A, P and I? I think I can…).

Cheers

Dave

Robert

Posted on July 24th, 2006 at 12:06 pm

The design looks better but can I ask you to consider the accessibility issues, particularly for visually impaired lenders/borrowers. My colleague who has a visual impairment finds your current design impossible.

iain tait | crackunit.com » Blog Archive » Trial By Blog

Posted on July 24th, 2006 at 12:55 pm

[…] […]

kea

Posted on July 24th, 2006 at 1:53 pm

I definitely prefer the first option and can’t offer any more than that!

John

Posted on July 24th, 2006 at 2:51 pm

I like the second one much better. In the first one, too much of the information is below the fold. The left-hand navigation bar in the second one is good at bringing some of the primary informatio above the fold.

Like the color selections in both… nice stuff.

Dave

Posted on July 24th, 2006 at 3:10 pm

:) Something about all the people all of the time?

In case I wasn\’t clear (It does happen…) the left hand one is a proposal for the home page, and the right hand one the main lending page (And shares it\’s navigation and lay out with pretty much every other page on the site).

Robert - We are thinking about accessability, and I\’m a little surprised that your colleague has problems - we have had many comments about how well the site works for blind and partially sighted users. Are there any specific problems he / she is experiencing?

Jackie Danicki

Posted on July 25th, 2006 at 2:31 am

Man, subjecting mock-ups to opinions is always *such* a brutal process. I don’t envy you.

That out of the way…

1) I really hope there’s a point to the Flash you will be using. It is so deeply annoying to find embedded Flash on sites, and it’s never there for a good reason. (Also a pain to get quality screenshots of sites that use Flash, and you can’t pull text from the movies so you can quote it on your blog.)

2) Words as images (jpegs, gifs, Flash, whatever) is so rarely justified. I can understand wanting to have maximum control over what people see when they go to your site, but again, it’s so frustrating when you want to evangelise a company on your blog and can’t quote the cool stuff they say on their jpegs.

3) I really hope you’ve got shit hot SEO experts consulting the designers at this stage. Now is the time to nail the search optimisation; post-build is very rarely a patch on doing it from the very earliest design concepts on through to the architecture and coding.

Most importantly, please don’t ever ditch the authentically human voice in favour of ‘more professional’ (read: cold, sterile, off-putting) ‘copy’!

Dave

Posted on July 25th, 2006 at 11:17 am

Hi Jackie!

Tell you what - if you don’t think there’s a point to what we do with the embedded Flash, then I’ll buy you a nice bottle of wine! I’ve seen my fair share of dodgy Flash gimmicks on sites, and we’re working hard to make sure this one isn’t.

Get your point on the text / image thing - although there is this thing called typing… (as opposed to copying and pasting) :) I think the plan is minimal use of this though, just on a few ‘hero’ banners on some key pages.

SEO - yes, we’ve been working with some gurus through this design phase - it’s baked into the site layout and design in a way it never really was before.

As for the copy and human voice - we have no intention of losing that, it’s really key to the Zopa brand and personality…if anyone ever thinks we’ve lost that - please shout. VERY LOUDLY. Thanks.

Justin

Posted on July 27th, 2006 at 8:27 am

Jackie (and anyone else interested), whether to present headlines and subtitles as an image is always going to be a tough call: with my accessibility hat on, it’s better not to for some of the reasons you mention but then with my designer’s eye I wince at the thought of having to use Arial for headlines - the great work Poke have done for us would really lose some of its magic if we limited ourselves to the typographic control available through HTML/CSS.

But…

One thing we’re very seriously considering is using, and have been running a few tests on is sIFR which will replace standard browser text with our in-house style, but without losing its selectability (that’s not a word, but it should be damnit). Have a look at this example page. Note that the headlines are in some very funky, non-standard fonts - now select a load of text and paste it into Textedit/Notepad and you’ll find that the those tasteful image-looking headlines have been captured.

God that’s a bit techy for this time of day.


Leave a comment

  (will not be published)


« New toy

Bad Egg »