Flex Funding: P2P Lending Platform Development and Design

Smart UX and UI design brought to life with Angular for profitable investing and lending

Copenhagen, Denmark

UI/UX Design, Web Development
Angular, Frontend

Flex Funding is a peer-to-peer (P2P) lending and investment web platform dedicated to the Scandinavian market. Code & Pepper helped to define the app requirements, create an outstanding product design and provide first class front-end developers specialising in Angular. 

About Flex Funding

FlexFunding matches investors with established businesses looking for affordable loans, ensuring both parties get optimal deals. It operates for different products, currencies, languages and business partners. The goal of the platform is to propose an effective alternative to corporate bank loans, ensuring stable terms and safety. Code & Pepper provided the platform with a reliable design and brought it to life with robust front-end development.

Challenge

The first version of the platform had already been built, but its UX and UI design needed certain improvements. This gave us two challenges: to design a new interface for the application and provide skilled front-end developers to implement it without the need of in-house recruitment. To meet the challenge, Code & Pepper began by analysing the target group, identifying the types of platform users and objectives.

Solutions for Flex Funding

Custom software development model

Flex Funding had two specific requirements to get the platform ready. Firstly, they needed a product architect and UX/UI designer, available as soon as possible. Time-consuming recruitment was not an option. At the same time, they were looking for engineers who could join the development team to implement the new interface without hassle.

Taking all factors and requirements into consideration, we decided to offer a custom, two-part service for each development stage:

  • End-to-end model for the UX/UI design. Code & Pepper were responsible for the organization of the design process, requirements management and work results needed for developers
  • Team augmentation model for front-end development. Our delegated programmers joined the existing team and were involved in the development management process carried out on the client’s side.

FLEX FUNDING BY THE NUMBERS

>50 PAGES

1,200 TESTS

2.5 MLN TOTAL FUNDS

Material Design

Google’s Material Design was chosen as the visual language. We followed the best practices and used Angular Material, a high-quality library of material design components for Angular created by Google.

Our team analysed the behaviour of current users and mapped all functionalities of the existing application. On this basis, we were able to propose a more intuitive new design. As soon as Flex Funding agreed upon the redesigned user experience and interface, we began front-end development to finalise the application makeover.

Accessibility

In some countries, it is required by law to follow the A11Y standard in software development. That’s why we chose a high-quality UI library tested with screen readers, used accurate HTML elements and ARIA labels. By making sure the application is easy to use for everyone, including people with disabilities, we are able to create functional software.

Security

In FinTech, trust is key – that’s why we pay a lot of attention to security aspects. Starting from using industry standards like OAuth 2.0/Open ID Connect and JWA (JSON Web Tokens) and MFA (Multi Factor Authentication) for critical actions in the application to lower-level solutions like CSP (Content Security Policy) and other security HTTP headers, HTTPS (TLS) and protection against common attacks like xSS (Cross-Site Scripting).

High performance

Performance is one of the elements that helps create trust in the user, which is crucial especially in applications enabling money processing. In order to keep short load times, we used lazy loading – a design pattern which loads essential parts of the application according to the user’s behaviour, following the so-called application routes.

We value Code & Pepper for their quick-to-grasp understanding of our financial product and implementing an optimised user experience on the client-side app. The team are highly experienced and brought a great approach to our project.

Premila Stampe, Head of Business Strategy at Flex Funding

Testing

To ensure the high quality of the application and maintainable code, every developer created unit, component and integration tests. We also tested selected elements of the UI Behaviour-Driven Development (BDD).

Localisation

We prepared the application to be usable in different languages by using Angular’s build in
i18n attribute and CLI tools. We created and tested all the pages and components using three languages: English, Danish and Faroese.

Technologies and solutions for Flex Funding

material-design Created with Sketch. Material design
product-design Created with Sketch. Product design
angular Created with Sketch. Angular
asset-managment Created with Sketch. Security solutions
quality-assurance Created with Sketch. Quality assurance

Code & Pepper services for Flex Funding

You’ve got the vision, we’ve got the power

See next case study

LUSID

Why nearshore IT outsourcing can work out with an independent team – and how to get it right

London, United Kingdom
Team Augmentation, UI/UX Design
.NET, Angular, Asset Management, Frontend