UI Design, UX Design

Live LQID – FinTech Website design

Designing a corporate mini site for a UK FinTech startup

Here’s what we did to help this web design project grow:

The previous design, drafted by Live LQID’s internal team, did not have a good flow or the level of design the managers wanted. We used UX research, UX content writing, UI for mobile and desktop, WordPress design and speed optimization to bring this Fin Tech website to life. 

Carl was able to work with the branding team to re-imagine and simplify the marketing site to be more in tune with the business needs. This is why we added the people section to help bring more new employees to the LQID team. 

We also added the branding “blobs” as animated objects to bring the playful feel the brand embodied to the users.

How we used UX and UI design to build a website that works

First, we looked at the content provided by the brand team and adapted it for the web. We then mapped their content to a simple UX wireframe and user flow. Once we had an idea of the flow and layout we were able to pinpoint where we would need some extra content. 

For this project, the client preferred to use Adobe XD. It was a pleasure to build this website in this powerful program. We then moved the design into Divi with WordPress which was again a pleasure to work with.

The site launched and has been well received by both teams and potential clients.

Our approach

Main phases from user research right through to putting the site live.

User Research

Client brief

Designing an effective user interface system begins for us with understanding the user.

Wireframing & Testing

Ideation

This is where the ideas and concepts really take shape. By sketching out a basic visual representation of the system, its flow patterns can then be tested and refined before moving to the next level.

UI Design

Wireframing

In the final step before handing over to the designers, we add colors and images to the wireframe to create paper prototypes that can then be developed and tested on HTML pages.

UI Design

Once a concept is approved for further development, we begin to design the interface so that we can begin to see what the user will see. To enhance this step, we employ our Pixel Perfect concept.

UI Validation

Testing

Before the project is ready to be launched, the design must be thoroughly tested from the user’s perspective.

Put Site Live

Launch

We put website live and keep a track if everything displays and works perfectly.

How can we help?

6 key ways we can help your business grow:

Accelerate your business!

Branding

Branding

Your brand is more than just a pretty logo. It's how you communicate with your target audience and the messaging behind everything you do. We help build brands using a "Strategy first" approach.

UX Icon

UX Design

Drawing on more than 40 years of combined experience, we combine flexible research tools with interactive development techniques and hands-on testing.

UI Design

Take advantage of our decades of combined experience. We design a User Interface system that is based on the specific preferences and behaviours of your users.

Web Development

Think of your website like an employee. You want it to look nice, speak well of your brand and work perfectly right? We can build a website for you that achieves all your goals.

Website Maintenance

We take care of your website so you don’t have to worry about it. We will make sure it’s up, safe and helping your business to grow.

Copywriting

WCB Agency provides professional SEO-copywriting services for small and mid-sized businesses who are looking to generate leads and close sales.