Nester Logo

Design System

Nester is a groundbreaking Peer-to-Peer (P2P) investment platform, redefining the way individuals engage with their financial futures. I joined the team to conceive and design the mobile & web apps, and also a complete design system to ensure coherence across the different products.

Project type
UX Design, UI Design
Sector
Finance, Fintech
Timeline
January 2022 - January 2024
Role and contributions
UX Design, UI Design, Interaction Design, Design System
Nester Design System Hero image
Overview
The goal was to enhance user interactions, streamline processes, and foster seamless experiences for buyers, brokers, and investors across multiple products. With a myriad of features ranging from online forms to payment schedules, chat functionality, investing, and requesting finance, the need for a cohesive design system was paramount. I joined the team to conceptualize and craft intuitive mobile and web applications and additionally craft a comprehensive design system to ensure consistency and coherence across all Nester products.
Nester Design System Typography and colour palette
Nester Design System Button foundation Nester Design System Button example
Nester Design System icon foundationNester Design System Icons

Complete Design System to Optimise Workflow

The main challenge for this project, was to create a strong design system that we could use on Mobile & Web apps. I used Atomic Design principles to create base components (text styles, color palette, buttons, icons, tags, inputs etc...). More complex components have been added to the design system all along the project, following the needs of the UI. Once finished, the design system had more than 400 components and was fully scalable.

Nester Design System colour palette
Nester Design System UI elements

Consistency is Key

When designing the screens, I tried to keep the same navigation & interaction patterns. The goal was to make sure that the users could use the product efficiently.

Nester Mobile app High fidelity screens Opportunity list and opportunity details screens
Nester Investor web platform High fidelity dashbpard example desktop
Nester investor platform Mobile app and Web platform mobile example

Final Words

Nester was one of the most challenging projects that I had to work on. Firstly because the financing inductry was totally new for me. Secondly, the product itself was intricate involving investment according to Islamic principles and compliance with Sharia law and this required a significant learning curve. The product is also complex with the different users types with specific features for each of them. In the end, I’m very proud with the work done on both the website and with the mobile app. As I’m writing these words, the development team is working on the Investor Web platform I designed, using the same design system.

Nester Design System colour palette