Vauban

Interface
Fintech
UK
Start-ups Investing Faster, Easier And More Accessible

What is Vauban

Vauban’s goal is to make start-ups investing faster, easier and more accessible by building the infrastructure needed to deploy capital.

They have been helping investors funding $700m in companies such as Airbnb, SpaceX, Tide and many more. Their mission is to democratise private investment and unlock trillions in capital.

Initial stage

We started working with Vauban with a brand identity and website project.  We were able to take this work as a base for the interface project, that the Vauban team offered us to take upon as well.

Project goal

We had many tasks ahead of us. The most important one was to improve the customer experience and bring clarity in the dashboard both with UI and UX. This left us with:

  1. Creating the new platform architecture
  2. Forming a basis of general UX patterns of the dashboard  
  3. Making a scalable UI kit client’s in-house team can work off
  4. Making the most important user’s tasks accessible from mobile

Inviting experts

For this project we have invited several experts.

Wireframing stage

We took most crucial scenarios Vauban’s users face and made them into simple wireframes, to set up the basis of the general logic that we had suggested

Sponsor scenarios:

  1. Set up container and invite investors. This is an initial stage every sponsor goes through to start a deal or a fund.
  2. A legal process. We focused on how documents are created and being worked with. Managing legals is the key part .
  3. Setting up an offering. This was chosen to display how long forms where you set something up work,  Vaubanusers have to do these a lot.

Investor scenarios:

  1. Onboarding application. All of the investors start their journey with it and it was found confusing and difficult by most users.
  2. Capital call. Basically, the payment process.
  3. Redemption. For when investors want out.

*For the investors scenarios we took were basically the little actions investors have available to them to do on the platform

Key interface
sections

We’ve created many sections and screens, but we want to show the main ones we needed to get 100% right.

Dashboard for an SPV owner was a central dashboard.
After all, a  deal-by-deal SPV is Vauban’s key product. It was crucial to show the most important information that a Sponsor needs to know without diving into the inner pages: how fundraising is going and how investors are getting on board and making progress.

All the sponsor’s work is about getting investors into the deal or fund and manage that they submit all important documentation, prove their identity, and of course, proceed with payment.

The investors dashboard purpose it to make their tasks much easier, so it was important for us to give them instructions one step in reach. Other tasks they may need to access quickly are just in a reach of a tab.

Adapted for phones

For the mobile version we needed to make the most important features accessible. We've removed or hidden all the non-essential functions.

Typography

There is a wide application of text on the platform. It was important for us to make a broad collection of different text styles that work together well. Each type serves a purpose so it is clear how to combine them.

Palette

We created a vast palette based on the brand colors with addition of must-have colors for any interface.

Grid

The grid needed to be flexible for the content, not to limit ourselves we left the navbar out on desktop, our main device.

Scalable UI-kit

We've created compatible building blocks so that the Vauban team could easily scale their platform.

You might also like

Skyeng Home
Interface
Edtech
Russia
LaborX
Interface
SaaS
USA
Ledger
Interface
SaaS
USA

Sounds good?
Hit us up

If you have any questions, email us

Testimonial

As for the interface part of the project we had a difficult task of rethinking the architecture of our system and general UX logic of interacting with our platform. Only after that we could proceed to create the UI look and feel that would be professional, clear and quite simple that also had to resemble the style we developed during our website project."
Remy Astie, CEO Vauban
Full review