Helicap - UI/UX Design & Webflow

HeliCap leverages cutting-edge credit analytics technology to analyze millions of loan data points sourced from origination platforms. Through its algorithms and advanced tools, they extract invaluable credit rating insights that serve as the foundational pillar of the risk management framework.

It also has a comprehensive online deal platform exclusively tailored for the investor community which grants access to exclusive co-investment opportunities. This unique avenue enables investors to tap into a world of carefully selected private investments, all from a secure and user-friendly online environment.

Challenge

The former website had grown obsolete, it no longer reflected the company's innovative and forward-thinking approach, was lacking intuitive navigation and engaging visuals.

Recognizing its target audience of high-net-worth individuals, Helicap aspired to portray a premium aesthetic through its website – one that resonated with its exclusive clientele.

Our Role

What we did

Identity Design

UI/UX Design

Webflow

Teams collaborated with

Marketing

Engineering

SEO

The agile approach

We followed a sprint-based approach for Headspin.

Sprint 0
Customers from google search, instagram and facebook.

Sprint 1
Customers from google search, instagram and facebook.

Sprint 2
Customers from google search, instagram and facebook.

Sprint 1
Customers from google search, instagram and facebook.

Sprint 0
Customers from google search, instagram and facebook.

The agile process

Discover

We discover the user’ needs and pain points with you and understand the problem statement.

Explore

Through personas, journey maps and user flows we try to break down the problem statement and explore possible solutions.

Design

We first test ideas on low fidelity wireframes for layouts and functions before transitioning to high fidelity visual mockups.

Prototype & Test

The visual design elements come together in a prototype where the product behavior is A/B tested for access, usability & functionality.

Develop

We align with the development teams to achieve what was envisioned at the first step and help bring the product to life.

The agile approach

We adopted a sprint-based project management approach, segmenting our project into 8 distinct sprints. This approach ensured that we are maintaining a consistent and deliberate pace, with each sprint geared towards accomplishing well-defined objectives within set timeframes.

Pages Designed

17+

Completed in

8 Weeks

Discovery and Research - 1 week

In the first week, we kickstarted the project with a comprehensive discovery workshop and in-depth research phase. This set the foundation for our project by gaining crucial insights and understanding.

Wireframes - 2 weeks

In the subsequent weeks, we created the detailed wireframes. This phase allowed us to outline the structural framework of the website, ensuring a well-organized and user-friendly layout.

UI Design - 2 weeks

We completed the UI design in the next few weeks. Here, our focus was on transforming concepts into visually appealing designs that align with the brand and resonate with users.

Webflow - 2 weeks

Transitioning to the development phase, we dedicated two weeks to Webflow. This period involved translating our design into a fully functional website, optimizing it for responsiveness and usability.

Testing and final handover - 1 week

In the final week, meticulous testing and fine-tuning took place. We rigorously evaluated the website's functionality, resolved any potential issues, and ensured it met our quality standards.

Elevated user experience through intuitiveness and seamless navigation

Recognizing the need for a seamless browsing experience, we focused on refining our website's navigation. We simplified the menu, using clear labels that matched user expectations. This empowered visitors to navigate with ease and precision.

Redesign the Current Homepage

Original Brief

Based on existing brand guidelines

Elevation of color palette

Elevation of layout

Reflecting the new brand platform

The Brief

The design needed to be:

Based on existing brand guidelines

Enhancement of color palette

Elevation of layout

Reflecting the new brand platform

The new design achieves this through:

Addition of the color green

Refreshes the color palette to seem young, exciting and lively

Reduces the use of the gold which serves better use in print than digital

Font:Founders Grotesk

Emulates values such as contemporary, young, explorers

Multiple type weights

Layout

Contemporary / modern/ edgy layout that employsa broken grid system

Overall pushing the layout to be more louder, cool start up vibes

Interactivity

Adding micro-interactions, transitions, rollovers to add interest and excitement

Design system

In our design system, we seamlessly incorporated a premium look tailored to our high-end audience. Through carefully curated premium images and well-chosen icons, we tried to convey exclusivity. Complementary fonts further enhanced readability and elegance. This approach collectively ensured the website was not only visually appealing but also effectively conveyed our message to the users.

Webflow

During the webflow development phase, we skillfully implemented seamless interactions that significantly enhanced the overall user experience. Our focus was on facilitating content readability. We integrated micro-interactions that ensured fluidity across the website.

These thoughtful design elements collectively contributed to a smooth and engaging browsing journey, effectively elevating the usability of the website. In addition to it, the CMS structure was created with the intent of enabling smooth data management. Through the meticulous organization of content modules and the implementation of user-friendly data fields, we ensured that the process of adding and updating information was intuitive and hassle-free.

Visual Identity

Our design expertise has shaped an identity that not only captivates visually but also operates seamlessly, showcasing our dedication to both aesthetics and usefulness. Icons skillfully simplify ideas and guide effortlessly, while our thoughtfully chosen images enhance connection and convey emotions.

Style Guide

In the style guide, fonts play a pivotal role in expressing the brand's personality. The typefaces combine elegance with easy readability. The primary font adds sophistication, while the secondary font ensures effortless comprehension. This font selection gives the brand a unique voice and ensures clear, consistent communication.

Meet our client

Helicap is a Singapore-based fintech and investment powerhouse, specializing in Southeast Asia's private credit market. With a passion for financial innovation, Helicap paves the way for groundbreaking investment opportunities.

Countries with investments

>1000

Originator platforms screened

9-12%

Historical returns (p.a.)

>200M

Investment volume deployed (US $)

Jeremy Tan

Co-founder and COO

David Z Wang

Co-founder and Group CEO

Quentin Vanoekel

Co-founder, CIO

Moving our website to Webflow was a crucial move for our company, and the timing was absolutely critical due to an upcoming event. Nitrous Design Studio stepped up to the plate and exceeded our expectations. Their execution of the migration to Webflow was flawless, and they made sure our SEO rankings remained intact. Their commitment to the project was unwavering, and they delivered on time. This achievement is a testament to Nitrous's professionalism and expertise. They met the deadlines and ensured that the website's design and functionality were top-notch.

Jitendra Jaitawat

CTO

Our collaboration with Nitrous Design Studio has been nothing short of transformative for HeliCap. Their impeccable design skills injected a fresh sense of vitality into our website, breathing new life into our online presence. It all began with a small project, but the trust they swiftly established led us to confidently entrust them with our entire website. Nitrous's expertise and effective communication ensured that we were always in the driver's seat, able to make informed decisions promptly. This level of responsiveness and partnership was truly invaluable.

Shi En Wong

Senior Associate, Product Management

What the clients have to say

Jitendra Jaitawat

CTO

Shi En Wong

Senior Associate, Product Management

Elevating the Online Identity of an Investment-Based Platform

Challenge

Our Role

The agile approach

The agile process

Discover

Explore

Design

Prototype & Test

Develop

The agile approach

Elevated user experience through intuitiveness and seamless navigation

Redesign the Current Homepage

Wireframes

Design system

Webflow

Visual Identity

Style Guide

Responsiveness

Post-launch

Meet our client

What the clients have to say

Have a project?

Before

After

Before

After

Our featured work

Performance enablement platform

Digital transformation company