Mitigram Website Redesign

Work
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.
EXPECTED OUTCOME
To attract more users to our website and raise awareness around our products. Eventually, get more users to request for demos through our website.

My Role

I was responsible for improving the website’s overall design and ensuring that its user experience is more intuitive and seamless. Being new to the company during this project, I advocated for changes that would enhance user understanding of Mitigram's products and facilitate their interest in requesting a demo.

Project Description

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

Research

Workshops with an external brand agency, Bold, were conducted to gather each team members thoughts around this new brand direction.

Abhilash Arun has joined the project.

1st July 2021

Design

Typography

We picked two fonts that were a complementary match and I believed they would be suitable for the website.

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

Colors

Since we wanted to stand out from the competition, we opted for a theme that supported this.

Our color palette
Color Theme

Images

Using Getty as our image repository, I created a mood board of images showcasing potential users such as corporates, bankers, traders, and other professionals in different settings.

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.

Wireframes

Bold provided the first version of the wireframes of the different web pages. Post internal analysis that we conducted on them, 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.

Designs

I was tasked with designing for the following pages:

  • Pricing page
  • About Us page
  • Enabling Tech page

We internally reviewed each other’s work and made further necessary changes.

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.

Results

The unique visitors increased four folds but only a handful of them requested for a demo.

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:

  • The results showed that our other objective was not solved and that there was something that was still holding back the users from requesting for a demo.
  • Extensive usability tests should have been conducted at different points of the project.
  • Gaining experience in collaborating with diverse team members possessing various backgrounds and skills will prove valuable for my future projects.

Other Projects

IntroResearchDesignConclusion