Mangold trading platform screens on tablets

Project highlights

We started with a thorough discovery phase which included detailed research of the trading industry, competitor analysis, and the creation of project documentation. After that, we went to the design and development phases, and in a year, a newly rebuilt web platform was released, soon followed by a mobile app.

Here are the main project milestones.
Mangold login and trading dashboard screens

Project highlights

We started with a thorough discovery phase which included detailed research of the trading industry, competitor analysis, and the creation of project documentation. After that, we went to the design and development phases, and in a year, a newly rebuilt web platform was released, soon followed by a mobile app.

Here are the main project milestones.
Market Analysis for Key Features
Feature Prioritization at Mangold
Project Roadmap Development
Market Analysis for Key Features
#01
Market Analysis for Key Features
To rebuild Mangold’s trading platform, we analyzed the industry, studied competitor offerings, and identified ways for Mangold to stand out. With insights from trading experts, we conducted market research on six key Scandinavian companies. Our findings, documented in Google Sheets, helped define the essential features for the new platform.
Feature Prioritization at Mangold
#02
Feature Prioritization at Mangold
Different departments at Mangold, including Compliance, Back office, Business, and Customer Support, compiled a list of features they would like to see on the platform. We combined that with our insights from the market research and prioritized the features, defining which ones have to be prioritized.
Project Roadmap Development
#03
Project Roadmap Development
Finally, we developed a comprehensive roadmap with the project’s milestones, deliverables, and essential activities.

UI/UX design and functionality

Our goal was to create a trading platform that would be convenient for all types of users, from trading experts to newbies who want to manage their personal financial assets. To achieve this goal, we focused on creating an intuitive user flow.
Mangold trading platform holdings dashboard

Concept creation and component library

We started with a pre-design stage to set a foundation for how the future platform would look and perform.

Wireframes
Wireframes
To get the team aligned around the design concept, we developed wireframes that clearly illustrated how the solution should function.
Navigation elements
Navigation elements
For a convenient user experience, we paid special attention to navigation, ensuring that each element is easy to reach and lets users quickly get to the right page.
Component library
Component library
For a consistent look and feel, we created a detailed component library with specific icons and fonts. These components can be reused for new modules or features, ensuring a faster design process.

Seamless and intuitive functionality

After the wireframes and component library were done, we moved to the design implementation, developing intuitive UI/UX for each module.
Sign up & onboarding

Users sign up on the platform by filling in their personal information and answering questions for a personalized experience. The user onboarding consists of 4 steps: Contact Information, Customer Information, Knowledge & Experience, and Signing.

Wallet & portfolio overview

One of our main tasks was to accumulate portfolio statistics on a single page. We implemented it through a portfolio dashboard where users can see data on all their stocks with a detailed breakdown of the assets, balance, and holdings.

Market overview

In the market module, users can view all available shares and select those they wish to buy or sell. The sidebar shows information on a chosen share with its market price and history.

Order list

Here, users can view their order history with details on each order, including company title, order ID, buy or sell side, volume, and price.

Savings plan

Beyond single orders, users can also create personal savings plans for automatic payments. For example, users can set up a monthly investment in a specific fund.

Transfer history

In this module, users can view their deposit history with each payment date, account specification, and amount transferred.

Document overview

In the document module, users can check and update their personal information and sign agreements for buying and selling shares.

Help desk

Mangold wanted to ensure that users could easily communicate with their Customer Support service. We implemented it through a chat feature, allowing users instant access to the Mangold team.

Dark mode

To facilitate the use of the platform in low-light conditions, we added a dark mode to each module.

Sign up & onboarding
Wallet & portfolio overview
Market overview
Order list
Savings plan
Transfer history
Document overview
Help desk
Dark mode
Sign up & onboarding
Sign up & onboarding

Users sign up on the platform by filling in their personal information and answering questions for a personalized experience. The user onboarding consists of 4 steps: Contact Information, Customer Information, Knowledge & Experience, and Signing.

Wallet & portfolio overview
Wallet & portfolio overview

One of our main tasks was to accumulate portfolio statistics on a single page. We implemented it through a portfolio dashboard where users can see data on all their stocks with a detailed breakdown of the assets, balance, and holdings.

Market overview
Market overview

In the market module, users can view all available shares and select those they wish to buy or sell. The sidebar shows information on a chosen share with its market price and history.

Order list
Order list

Here, users can view their order history with details on each order, including company title, order ID, buy or sell side, volume, and price.

Savings plan
Savings plan

Beyond single orders, users can also create personal savings plans for automatic payments. For example, users can set up a monthly investment in a specific fund.

Transfer history
Transfer history

In this module, users can view their deposit history with each payment date, account specification, and amount transferred.

Document overview
Document overview

In the document module, users can check and update their personal information and sign agreements for buying and selling shares.

Help desk
Help desk

Mangold wanted to ensure that users could easily communicate with their Customer Support service. We implemented it through a chat feature, allowing users instant access to the Mangold team.

Dark mode
Dark mode

To facilitate the use of the platform in low-light conditions, we added a dark mode to each module.

Challenges with the Previous Backend System
Mangold needed to replace its existing backend infrastructure to improve performance.
The previous system was managed by Skillgo and LeanOn. Skillgo provided core financial processing services, while LeanOn handled the integration of these services with the frontend.

The backend was responsible for both the frontend interface and financial calculations, creating a tightly coupled system that struggled to handle complex financial operations with the needed flexibility. As a result, the system frequently experienced errors, unstable performance, and trading disruptions.
Implementing a High-Performance Solution
To solve it, we moved the system to Crosskey’s 1Factor backend solution, specifically designed for high-stakes financial operations. We re-engineered data pipelines, optimized trade execution algorithms, and established secure, high-speed API integrations with Crosskey’s systems.

Before releasing our implementation to production, we conducted testing to ensure that the new backend could handle high volumes of trades and market data with minimal latency and maximum accuracy.
As a result, the platform is now more stable, more flexible to changes, and offers enhanced performance.
Mangold trading dashboard on a laptop

Integrations with 15+ third-party services

Another challenge was to integrate 15+ third-party services that were essential for efficient financial operations. Successful integration required a deep understanding of each provider’s API, security protocols, and performance characteristics. We developed a unique integration approach considering the specific technical requirements and functionalities of each service.
BankID
for secure and reliable digital identification
SPAR
for accessing the Swedish population register
Infront
for providing real-time market data and trading solutions
Morningstar
for comprehensive financial data and analysis
Milistream
for data feed solutions
Swish
for fast and secure mobile payments
Crosskey
for backend support of core banking and trading operations
Bolagsverket
for verifying legal company data
SharePoint
for document management and collaboration
Postmark
for reliable email delivery services
Graylog
for centralized log management and analysis
Rollbar
for real-time error monitoring and debugging
Zabbix
for monitoring system reliability
OpenAI
for implementing AI-powered features
SCB
for official stats for economic and market analysis
BankID
for secure and reliable digital identification
SPAR
for accessing the Swedish population register
Infront
for providing real-time market data and trading solutions
Morningstar
for comprehensive financial data and analysis
Milistream
for data feed solutions
Swish
for fast and secure mobile payments
Crosskey
for backend support of core banking and trading operations
Bolagsverket
for verifying legal company data
SharePoint
for document management and collaboration
Postmark
for reliable email delivery services
Graylog
for centralized log management and analysis
Rollbar
for real-time error monitoring and debugging
Zabbix
for monitoring system reliability
OpenAI
for implementing AI-powered features
SCB
for official stats for economic and market analysis

Migrating 15K users to the new platform

Our last challenge to solve was the migration of all Mangold’s existing users to the new platform. Since there was no unified user database, we had to carefully coordinate the migration with the Mangold team and make several rounds of adjustments.

After multiple iterations and rounds of testing, we successfully migrated all 15K users to the new platform, ensuring that their data was intact and ready for use on the new platform.
Mangold online login screen on a laptop

Project outcome

Project outcome

As a result of this project, Mangold released a completely revamped trading platform for web and mobile that differentiated them from competitors and allowed them to fully solve the problem of overcomplicated user interface and performance issues. We continue working with Mangold, expanding their platform with new features for corporate trading and robotized investment plans.
Zero support requests
When users moved to the newly redesigned platform, there were no support tickets about problems with onboarding or navigation. Users could intuitively understand the interface.
+1260 new users
The new platform allowed Mangold not only to keep their existing customers but also attract new ones. They value the platform for its simplicity, ease of use, and comprehensive feature set.
Faster business processes
We consolidated the needs of each department into a single product. This allowed Mangold to streamline its business processes, saving time across support and compliance departments.
Multi-language education, LTR/RTL Interface for Arabic countries
We consolidated the needs of each department into a single product. This allowed Mangold to streamline its business processes, saving time across support and compliance departments.
Notifications panel
We consolidated the needs of each department into a single product. This allowed Mangold to streamline its business processes, saving time across support and compliance departments.

Proud to be a trusted partner

We measure our success by the success of our customers and partners. By helping others win and grow, we aspire to build bulletproof alliances.
Tallium are very agile in their way of working, and deliver on time. They always aim to get a deeper understanding of our needs and feedback.
“”
Marco Villaggi
Marco Villaggi
Project Manager, Technical Business Developer at Mangold.
Stockholm, Sweden

Other projects

Altris AI case study screenshot 1
Altris AI

An innovative mobile app for Optical Coherence Tomography interpretation.

Prostor App case study screenshot 1
Prostor App

Award-winning e-commerce app for leading…

Get in touch

Let’s create something your users will love.
Fill out the form - we’ll get back to you as soon as possible.
Tallium
120+
In-house
IT-professionals
250+
Projects
Delivered
14
Years
on a market
We are using cookies to give you the best experience on our website. By pressing this button you accept the terms of our privacy policy.