Mitigram Website Redesign

Image showing the landing page of the Mitigram website
Project Duration
July 2021 - October 2021
Team Members
An external brand agency, Bold and our internal team which consisted of our CEO, CPO, Senior Product Designer, two Developers, Marketing Head and I.
To attract more users to our website and raise awareness around our products. Eventually, get more users to request for demos through our website.
Tools Used
I primarily used Figma for the different steps of the process and used Atlassian’s Confluence to communicate with my team members.

Project Description

This project aimed at redesigning our company website to make it minimal and seamless.

My Role

I was responsible for improving the look of the website and ensuring that its user experience is more intuitive and seamless.

What was my impact?

Being assigned to this project shortly after joining Mitigram, I approached it with a fresh perspective. Like a first-time user, I had limited knowledge of Mitigram and its offerings. I advocated for website changes that would enhance user understanding of Mitigram's products and facilitate their interest in requesting a demo.


Brand & UX Workshop

This workshop were conducted by Bold before I joined this project. But from what I understood, this was to gauge a brand design position of our company and conduct a visual audit of our website.

Concept Workshops

This too took place before I joined Mitigram. Bold presented 2-3 concepts to us which exemplified the design and mock-up touch points. They wanted to gather our feedback and the preferred choice of concept direction.

Abhilash Arun has joined the project.

1st July 2021



The provided fonts were a great match and I believed they would work well for the website.

Our Serif Font
Serif Font
Our San Serif Font
San Serif Font


Other Trade Finance websites typically use blue as their main color. After thorough discussions and considerations, our internal team made a final decision. I personally voted for this color set because I believed it would distinguish us from competitors. With additional team members supporting the same colors, we chose them as the official Mitigram colors moving forward.

Our color palette
Color Theme


As part of my responsibilities, I created a mood board of images that met specific requirements. This included showcasing potential users such as corporates, bankers, traders, and professionals benefiting from our products. Additionally, I selected images depicting the interiors and exteriors of financial buildings to represent financial institutions, one of our target user groups. After careful consideration, a selection of images from Getty was made and filtered to be used on our website.

Image of a lady looking into the distance
Image of a hand using a digital tablet
Image of a man smiling at the camera
Image of a man in the office smiling at the camera
Image of a woman working at her desk
Image of a woman looking at her desktop screen
No items found.
No items found.


Bold provided us a Figma file with the wireframes of all the different pages of the website. The senior product designer and I looked through these wireframes to ensure that all the necessary information is being displayed in the appropriate pages and that the flow between the different pages is consistent and intuitive. Based on the analysis that we conducted, we made the corresponding changes to the flow and information architecture of the wireframes.

Low fi wireframe of the Homepage
Low fi wireframe of the Pricing page
Low fi wireframe of the Solutions page
No items found.


In another Figma file, we received the designs of three pages (Home, two of the Solution pages) of the website. Keeping the updated wireframes and the three designs as our reference , the senior product designer, head of digital marketing and I were tasked with designing the rest of the pages of the website with the required content and the images that we had previously gathered. We ensured that the UI is intuitive and the flow between different pages is seamless. I put together the design for the following pages:

  • Pricing page
  • About Us page
  • Enabling Tech page

Once we had designed all of the remaining pages, we reviewed each other designs and made some further changes to the structure. Once the designs were ready, their implementation was carried out by our front end developers using Joomla as their content management system. Here are screenshots of a few pages of the old website compared to pages in the redesigned website:

Before the Redesign
After the Redesign
Old website's homepage
Redesigned website's homepage
Old website's efficiency page
Redesigned website's corp page
Old website's Request a demo page
Redesigned website's Request a demo page
No items found.


People spent more time on the redesigned website and there were also a few more users requesting for demos compared to earlier.

What could I have done differently?

If we were not short for time on this project, I would have pushed for extensive user testing to be conducted with the wireframes and the designs.

My Learnings

I gathered so many insights and faced a few learning curves during the course of this project. Out of all the insights that I have gathered, I feel like the following ones are my main takeaways:

Better communication and handoff with the developers
During the design handover to the developers, few big changes were made to the designs which lead to extra hours of implementation for the devs. In the future, I would love to have a freeze (as much as possible) on the designs, so that the development work can be initiated whilst keeping the designs as a reference.

More confident in voicing out my opinions
Since this was the first project that I was handed, I was a bit intimated to be fully surrounded by professionals with years of experience under their belt. This made me feel a bit nervous and worried that the feedback that I provided was wrong and did not make sense. But I learned, especially towards the end, that all feedback was appreciated and valuable in this project.

Working in a large team
Gaining experience in collaborating with diverse team members possessing various backgrounds and skills will prove valuable for my future projects.


By enhancing the old website for our potential, we achieved the goal of improving user satisfaction and engagement. Our user-centered design approach resulted in a successful redesign that addressed the identified problem areas.

Other Projects