0

MyINSEAD

Mobile App

Product design, art direction

Role: Design Lead

Market: Global

Team: MING Labs Asia

Date: Feb 2023

MyINSEAD is the web platform of the prestigious business school INSEAD, designed for alumni and students to access academic, administrative, and event information while staying connected. As the lead designer for creating the MyINSEAD mobile experience, I was responsible for requirements analysis, process planning, creating the visual design language, and executing the design.

Project Objective

The primary objective of this project was not only to create a mobile application for MyINSEAD but also to elevate the product to the next level in terms of features and UX/UI design.

Discovery Phase

Although we had the web version as a reference, the product was not well-defined initially because the client wanted to improve several aspects of it while also introducing mobile-specific features.

Information architecture and main navigation (Partial)

Getting ready for kickoff workshop at INSEAD Singapore campus

Feature tree of MyINSEAD mobile app (Partial)

Art Direction

A big part of this project was creating a fresh, visually engaging design language for the mobile app. After the kickoff workshop, we came up with two design directions: one that emphasized prestige and exclusivity, and another with a more progressive, futuristic feel. This gave the client a clear choice between a sleek, sophisticated look and something bolder and forward-thinking.

MyINSEAD Mobile App

Wireframes

Once we had the information architecture, features, and main navigation in place, we started working on wireframes to further visualize the product. We took an iterative approach, gathering feedback from INSEAD along the way and refining the designs based on their input.

MyINSEAD Mobile App

Wireframe example

Prototyping and Usability Testing

To validate our design and identify potential issues, we built a high-fidelity interactive prototype and conducted remote usability tests with users from different locations. The screens and navigation were designed around our research goals and key user tasks, ensuring the tests provided actionable insights.

MyINSEAD Mobile App

Figma prototype

MyINSEAD Mobile App

Remote user testing

Design production

To ensure the final product was pixel-perfect compared to the design file, I focused on providing a well-structured component library aligned with how front-end developers build components and styles. I also included detailed yet concise annotations to guide implementation. The design team held regular, short meetings with the front-end team to fine-tune details like animation speed, easing, and haptic feedback.

MyINSEAD Mobile App
MyINSEAD Mobile App
MyINSEAD Mobile App
MyINSEAD Mobile App

Scale

MyINSEAD is a product we’re proud of, and we continuously improve it. With each phase, we address existing issues based on user feedback while also introducing more engaging and advanced features to enhance the experience.

More works

Learn more about me here.

Or drop me a line at hello@nathangao.xyz.