Live LQID – FinTech Website design
Designing a corporate mini site for a UK FinTech startup
This UK FinTech startup needed a marketing website to help spread the world of the impending launch.
The site had to entice people to want to find out more about not only the products but to come and joint their expanding team.
UX Design, UI Design
We took particular care to make sure this site looked, felt and worked well on mobile. The site is very well-optimized and we crafted each section to mobile screens.
The interesting challenge here was there was no real brief. This was left up to our lead designer Carl who took an originally poorly designed website and turned it into this stunning project.
Notice the use of the animated SVG’s and use of their core brand design through the site. This was a challenge! Firstly to make the “blobs” animate smoothly and then to make sure we did not overuse them and make the design look too busy.
The most difficult challenge was that the product had not launched yet so it a lot of the content had to be created from scratch. However, this was made very easy by the excellent branding team at LQID.
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.

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

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.

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.

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

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
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 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.