Together with Olympus Marketing Group, we had the opportunity to launch a new website for Legal Funds Now. [Above you can check out Jharwin Barrozo, the project's lead designer, with the final product]

The improvement is huge, not only from a design standpoint, but also in terms of usability. The new website focuses on providing a better experience for customers by featuring information that is relevant at different stages of the decision process, as well as easy contact and application points.

Step 1: Assess the Client’s Needs

Legal Funds Now wanted a modern design that encouraged people to engage with the website. We found that a majority of their hang-ups were coming during the sign-up process. Many times the legal documents you have to fill out for a site like LFN are overwhelming and intimidating. To make the process as streamline as possible for potential clients, we needed to create a simple ‘fill in the box,’ step by step process. This easy to understand flow of information gathering would allow LFN to better connect with users and assess their specific needs right away.

Step 2: Logo Design

Prior to taking the first steps in the site overhaul, we worked closely with LFN to design a new company logo. If your logo is your brand of course it’s important to spend time making it pop.

“For me, being able to design a logo from scratch is extremely rewarding,” said Webonise Creative Director Erin Cummings. “One of the things we do best at Webonise is seeing what is trending in the marketplace and bringing those ideas to our work.  Its gratifying to have trust from our clients in creative direction because with that freedom we end up creating something for them that is timeless and will serve their business for years to come.”

Take a look. The one they had looked like this:Old LFN Logo

And here’s the one we designed for them:

New LFN Logo

A punchy, clear and smart logo is extremely important because it “tells” potential customers why you are meaningfully different and better by immediately setting yourself apart. When designing logos for our clients, we stick to these five principles:

  1. Simple
  2. Memorable
  3. Timeless
  4. Versatile
  5. Appropriate

Step 3: Understanding the User

When the logo adventure came to an end, it was time to focus on rebuilding the Legal Funds Now website from the ground up. This is oftentimes how we approach development at Webonise, and it’s one of the distinct factors that sets us apart from other development companies.

Before we dive into our work flow, lets take a look at what the “before” website looked like:

 Old LFN homepage

 Now, time to Brainstorm. Who are our users?

In order to answer this, we had to thoroughly understand the business logic behind Legal Funds Now. Once you understand the business through and through, you understand the customer, and once you understand the customer you can create the perfect UX that is specific to them.

After a few shrugged shoulders, some puzzled looks and a blackboard filled with clumsy explanations of legal jargon, we got it. To put it in just one easily understandable sentence, it’s something along these lines:

If you’re hit by a drunk driver and while fighting your case, you are financially stressed, Legal Funds Now helps get you the funding you need to pursue a fair settlement.

 Step 4: Proposed Design

The website contains a lot of very valuable information that users need to access as quickly as possible.

“Legal Funds Now users are often times going through a time of distress,” said Cummings. “The design of the website needed to empathize with the situation of the user and make it as easy as possible for them to navigate quickly to the content that will be most helpful to them.”

That being said, we focused on structuring the website content in the simplest way possible.

We understood that in this case content was king and we developed a new, organized, intuitive site architecture that would allow users to easily locate the exact information they care about most.

Step 5: The Back End

This website was not built to be a virtual yellow pages on all things legal and funding, good for reading and nothing more. We took care of the more functional aspects as well.

Example: We built a short application whose purpose was to make sure the user is retained.

Another important requirement was building something easy to manage and customize. In order for the client to handle the content of the site on their own and upon convenience, we decided to go with Wordpress. The whole idea behind choosing Wordpress was that it allowed the client to freely modify their own website and tweak and update the information on a regular basis, without needing a complete re-design to achieve this.

In order to help the RIGHT users find Legal Funds Now, we needed to implement several features to increase the company’s online searchabilty, like a blog and specific case type pages, which is hugely important for any online brand.

Here is the final, approved layout and design for the website’s new homepage:

 New LFN Homepage

Our takeaways:

The ability to completely understand and relate to the client’s user base is imperative when building web and mobile applications. As a business, it’s easy to put on your marketing hat and forget that in order to gain the trust of an audience you need to draw them in through great design and user experience. The user engagement and user satisfaction that you achieve from this is, in fact, helping you achieve your end marketing goals. Luckily this is something that Legal Funds Now embraced wholeheartedly, and in turn we were able to build a great product that works as flawless as it looks.