Mastercard Foundation
Asset Management Website
Scope
UX/UI Design
Tools
Figma
Challenge
In Spring 2024, the Mastercard Foundation launched its new entity, Mastercard Foundation Asset Management Corporate (MFAM). Establishing a distinct identity while maintaining a connection to the Mastercard Foundation brand was essential for MFAM. As the lead UX designer on this project, I worked closely with managers, engineers, and cross-functional teams. I was tasked with leading the front-end development of the website that reflected MFAM's unique position and accommodated future growth and evolving content.
To address the challenge, we conducted a thorough analysis of the target audience and competitive landscape. We sat down with stakeholders to understand what they wanted to present that conveyed credibility and trustworthiness, particularly given the organization's newness in the market.
After defining both user needs and business objectives, I moved forward with crafting wireframes and prototypes to visualize the user journey and ensure alignment with the project goals.
Solution
-
I prioritized responsiveness, ensuring the design was seamless and consistent across both mobile and web platforms. This involved adapting key design elements to fit smaller screens without compromising usability or visual appeal.
-
Using Figma, I created high-fidelity interactive prototypes, allowing stakeholders to explore and interact with the product in real-time, fostering early feedback before development.
-
To ensure flexibility and scalability, we chose WordPress as the foundation for MFAM’s website. This platform supported seamless integration of essential plug-ins, facilitating easy updates and effective content management.
-
We crafted website content that empathizes with users, addressing their common concerns and fears.
-
We crafted a cohesive visual identity that not only aligned with the Mastercard Foundation’s brand but also highlighted MFAM’s unique position. A signature element, the “MFAM Curve,” was created and integrated across all assets to reinforce this brand identity.
-
To elevate the site’s professionalism, we arranged a photoshoot for the MFAM team, capturing high-quality images that conveyed the organization’s credibility and expertise.
-
The website was designed with a strong focus on user experience, ensuring intuitive navigation, accessibility, and a seamless journey across all pages.
-
Despite initially limited content, the website successfully communicated a professional and polished image, allowing MFAM to stand out in its competitive landscape.
Results
The launch of the MFAM website was highly successful, with strong engagement in its first month. The site received over 13.6k impressions and 5,000 total clicks, drawing users from diverse regions including Canada, the USA, the UK, and Africa. The client considered this initial traffic to be a major achievement, signaling strong interest and validation of the website's design and functionality.