ternoa

ternoa

a blockchain infra platform, token

and web3 services agency

based in Paris, France

A comprehensive online directory for all immigration programs and portfolio management services for Indian HNIs.

20Mint

Use positioning to fix topbars, sidebars, and backgrounds.

Mafiafoot

Use effects like Transforms and Parallax scrolling.

Royaland

Connect your site to the most popular apps out there.

Metafight

Run a blog, list job openings, or manage your event schedule.

NFT Marketplace (Beta)

Visually structure your pages and link to them easily.

Zombie Horses

Build lightning-fast, globally optimized sites.

My Role

Ad Creative Design, Web Design, Web Development, Video Reels, Video Editing

Timeline

7-8 months

Team

Punit, Kathryn, Nishi, Bhavin, Prathamesh, Lex, Travis, Courtney

Tools

Figma, Canva, CapCut, Squarespace, Webflow, Duda.co, Adobe Premiere Pro / Shotcut, Microsoft Clipchamp, Hubspot, Google Ads, Meta/Facebook Ads,

Figma, Canva, CapCut, Squarespace, Webflow, Duda.co, Adobe Premiere Pro / Shotcut, Microsoft Clipchamp, Hubspot, Google Ads, Meta/Facebook Ads,

  • The Problem

There is a growing interest in India as an Investment Destination. At the same time, there are a growing number of HNIs, high networth individuals, looking to build sophisticated strategies to invest in India.

Furthermore, the number of HNIs planning to migrate to other countries via the investment route is also increasng. However, the knowledge gap to be able to make a strategic plan and execute it is severe.

The information overload when making immigration decisions as well as investment decisions is overwhelming. In worst case, accurate information is inaccesible and expensive.

Xumit Capital was positioned to solve these 2 major problems for Indian HNIs.

There is a growing interest in India as an Investment Destination. At the same time, there are a growing number of HNIs, high networth individuals, looking to build sophisticated strategies to invest in India.

Furthermore, the number of HNIs planning to migrate to other countries via the investment route is also increasng. However, the knowledge gap to be able to make a strategic plan and execute it is severe.

The information overload when making immigration decisions as well as investment decisions is overwhelming. In worst case, accurate information is inaccesible and expensive.

Xumit Capital was positioned to solve these 2 major problems for Indian HNIs.

Tool Stack

  • Challenge

How to communciate complex information to customers in a simply way that feels welcoming?

How to communciate complex information to customers in a simply way that feels welcoming?

  • The Solution

XumitCapital.com was designed with a design & performance first approach, with a focus on making user experience easy, fast and comfortable. With an elegant design system, the website was built using React.js and deployed on Netlify. AWS CloudFront and AWS S3 were deployed to provide an a seamless user experience across the website to decrease the image loading speeds.

XumitCapital.com was designed with a design & performance first approach, with a focus on making user experience easy, fast and comfortable. With an elegant design system, the website was built using React.js and deployed on Netlify. AWS CloudFront and AWS S3 were deployed to provide an a seamless user experience across the website to decrease the image loading speeds.

  • Our Approach

  • Phase 01

Research: understanding the customer persona to build a brand identity

Research: understanding the customer persona to build a brand identity

  • Developing Personas

Most people want ‘on the go’ services, they want to spend least amount of time engaging to activities other than their routine.

Most people want ‘on the go’ services, they want to spend least amount of time engaging to activities other than their routine.

⭐️

Connect to Content

Add layers or components to make infinite auto-playing slideshows.

  • Creating a Brand Identity

Xumit Capital is positioned as a boutique consulting service provider for HNIs. This made is crucial to created a brand identity that appeals to those customers. We started with the basics first: font selection, color palette and basic layouts.

Xumit Capital is positioned as a boutique consulting service provider for HNIs. This made is crucial to created a brand identity that appeals to those customers. We started with the basics first: font selection, color palette and basic layouts.

  • Phase 02

Ideate: developing scalable components to that is easy to build and maintain

Ideate: developing scalable components to that is easy to build and maintain

  • Designing Layouts and Components

We tested several layouts for each section. This included design mockups as well as deveopment sections to test on browsers. This helped us understand how each compenent interact with each other, how they fit together to communicate a story and how they feel to the customer when they experience the website for the first time.

  • Information Architecture

On individual information pages, the information architecture was designed such that it becomes more familiar to the user as they consume different pages of similar structure.


A page template was created for the ‘country’ pages which helped accommodate the content for immigration programs, basic information, eligibility criteria etc.


Different section oriented templates were utilized for the ‘investment’ service pages like pricing tables, service features, hero section etc.

  • Design & Development Strategy

Some ideas we implemented for team collaboration:

  • Divided all the information in smaller managable units

  • Designed a branded component for each of the unit

  • Each unit was defined in a way that fits together without the context of the content

  • This created repeatable units that could be designed and developed independently

  • This greatly increased design and development speed for the teams

  • It also helped create iterations faster for A / B Testing

  • Phase 03

Solution Architecture: Reducing page load time by using React JS, AWS Cloudfront and Netlify

Solution Architecture: Reducing page load time by using React JS, AWS Cloudfront and Netlify

  • Technology Stack

Taking into consideration the customer persona, we designed a premium customer experience that focuses on faster loading time and frictionless content experience. To ensure that, we developed the website using React.js. For caching the images where the users are, we used AWS Cloudfront, further creating a seamless experience.

  • Final Product

A seamless and sophisticated brand experience that helps educate and engage customers

A seamless and sophisticated brand experience that helps educate and engage customers

  • User Testing

What Inperson offer is all services under one app and it’s completely free for users. Below is my observation on comparison with different market segments.

  • Home Page

    The home page clearly gives a glimpse of the value proposition to the customer. Designed to delight and engage customers with a simple interface and elegant layout.

  • Country Page


    Designed with a focus on presenting complex and analytical information with simplicity, crucial in decision making for the customer.

  • Reflection

Talking to customers becomes crucial to build empathy, which helped us stay focused on user experience.


Building a design and technology first brand experience poses significant challenges, especially during the discovery phase. These challenges include building an understanding of the customer needs, testing technologies that provides the desired experience and creating the foundational design system that guides both design and development teams.