IronClad – Investment Company Web App, Mobile App UX Design & Development
Ironclad Investment is an investment management company based in Nottingham, England. Ironclad provides clients with a solution adapted to their specific needs regarding expected returns, risk tolerance, future liquidity requirements and potential tax and legal restrictions.

Project Context
The project came through a referral
Ironclad Investment’s Head of Operations, Mr. Fahim Sajid, contacted our project manager to discuss the idea of revamping their existing application. This contact was made via a referral from one of our long-term clients, Expert Mortgage. After a virtual meeting to discuss the project details, we were thrilled to be selected for the project.
Challanges
Showcase the useful information with a holistic view
We have been tasked with creating a completely new admin dashboard from the ground up, redesigning it from scratch, as well as developing a new dashboard for investors, arranging and displaying all transactions using charts, and thoughtfully selecting and highlighting key information to be presented on the first screen.

Problems No. 1
The dashboard for stakeholders has too much informations in one place.
The previous dashboard had all of its functions consolidated in one location, leading to confusion and a sense of being lost for both the admin and users. This approach did not follow traditional methods of digital product interaction, as it overwhelmed the user with too many tasks in one place.
Solution for the problem No. 1
Visual charts/graphs now display holistic data for clear progress visibility.
To address the issues with the previous dashboard, we have separated the various functions and distributed them across multiple pages. This approach ensures that each page has a clear and focused purpose, making it easier for both the admin and users to navigate the dashboard and complete their desired tasks.
Problems No. 2
Previous dashboard lacked clear progress overview, hindering fund managers.
Upon review, we observed that the previous dashboard displayed all transactions and data, such as profits, withdrawals, and commissions, using only numerical values. This approach lacked a clear visual representation of the admin’s daily or monthly progression and demotions.
Solution for the problem No. 2
We distributed different functions to different pages
To address the issues with the previous dashboard, we have separated the various functions and distributed them across multiple pages. This approach ensures that each page has a clear and focused purpose, making it easier for both the admin and users to navigate the dashboard and complete their desired tasks.
Problems No. 3
The three frequently used features (add transfer, withdrawal and deposit) are hidden inside the menu
The primary purpose of using this application by investors is to perform transactions such as adding transfers, withdrawals, and deposits. However, in the previous dashboard, these functions were not clearly visible to the user as they were hidden under the hamburger icon.
Solution for the problem No. 3
Added features to left nav for easy user navigation.
During the research phase, we determined that the functions of adding transfers, withdrawals, and deposits are the most critical features for users in the dashboard. As a result, we decided to make these functions more prominent and easily accessible to users, independent of any other features. Our objective was to enhance the user experience by providing easy access to the most frequently used functions.

The double diamond framework solved the problems
During the research phase, we determined that the functions of adding transfers, withdrawals, and deposits are the most critical features for users in the dashboard. As a result, we decided to make these functions more prominent and easily accessible to users, independent of any other features. Our objective was to enhance the user experience by providing easy access to the most frequently used functions.
Colour
We use blue and red, which goes with the brand color. Blue is used as a primary color and red for interaction.

Typography
We use only one sans-serif typeface (Poppins), so the user can quickly scan the information.

Spacing
We use 4px, and 8px spacing, which is Consistent and scalable spacing that helps designers and developers work much faster on a project.


Ironclad Mobile App
We have also make a mobile app for Ironclad, wherein we have designed a user-friendly interface that simplifies navigation. We have also ensured that the relevant content from the web application is presented in an intuitive manner.

Meet our client

Fahim Sajid
Operations Manager, IronClad Investment UK
At IronClad Investment, we were struggling with our existing IT service team. The solution and the support both were creating issues for the last 6 months. Then we got the recommendation of Technext. And it was the best decision to hire the team. They go through the existing system, analyze the SRS and suggest improvements. They designed all the pages, and we are extremely happy with their UI/UX design. Then they converted all the design with UI and developed the API driven backend. We are already discussing mobile app development as well. All the best for the team Technext!
Client
Ironclad Investment
Project link
Category
-
Front-end Development
Back-end Development
UX design
Visual/UI Design
Prototype/Interaction
Talk to us about your project
Work with the highly talented group of artists, engineers, and imagineers.
Hire Us