Down Arrow icon to symbolise navigationRight Arrow icon to symbolise navigation
OverviewA Fresh StartA Collaborative Effort Across TeamsCrafting the Blueprint with WireframesDesigning Key Pages for Maximum ImpactOutcomesMy LearningsArrow icon that navigates to the top of the page
Laptop Minimal icon

Product

The Mitigram website showcases its products and encourages potential users to request for a demo.

Octagon icon

Problem

The previous website failed to engage users effectively, leading to low user interest in exploring the products or requesting demos.

Gavel icon

Impact

Post-redesign, the website saw a 4x increase in unique visitors but demo requests remained low. This project highlighted the importance of aligning design decisions with user needs and pain points.

Section Break

A Fresh Start

Core Need

Mitigram needed a website that attracted users and communicated its products clearly.

Insight

The old website’s design and information architecture were confusing and lacked the visual appeal to stand out.

How might we?

Redesign the website to enhance usability, communicate value effectively, and increase demo requests.

Section Break

A Collaborative Effort Across Teams

  • An external branding agency, Bold, worked alongside Mitigram’s CEO, CPO, marketing lead, designers, and developers.
  • My role as Product Designer focused on improving usability and advocating for user-centric changes.
  • The redesign aligned branding, design, and marketing strategies into a cohesive direction.
Section Break

Crafting the Blueprint with Wireframes

  • Bold delivered the first version of low-fidelity wireframes for the homepage, pricing, and solutions pages.
  • Internal analysis led to updates in the flow and information architecture to better address user needs.
  • This collaboration ensured clarity in the user journey and alignment with business goals.
Webpage 2 Wireframe
Webpage 2 Wireframe
Section Break

Designing Key Pages for Maximum Impact

Circle Dot icon

My focus was on the Why Mitigram, Resources, and About us pages to improve clarity and engagement.

Circle Dot icon

Internal reviews helped refine designs to create intuitive layouts that guided users seamlessly.

Circle Dot icon

The revamped "Request a Demo" page aimed to make conversion steps simpler and more enticing.

Webpage Links

External Link icon

Pricing Page

External Link icon

Resources

External Link icon

About us

Section Break

Outcomes

Trending icon

Daily Adoption

With more than a 95% adoption rate, users use WFMs for nearly every transaction.

Chart Bar icon

Stagnant Demo Requests

WFMs serve as a foundation for ongoing improvements and new functionalities

Section Break

My Learnings

Scan Eye icon

Better Product Visibility

Improved product representation is essential to engage users and drive more demo requests.

Users icon

Understanding Users

Addressing user motivations earlier could have improved demo conversions.

Devices icon

Frequent Usability testing

Usability testing at critical stages would have identified blockers sooner.

Main Section Break

Other Projects