TNMP App

Designing a powerful career management app for young professionals.

Team

  • Ashwin Srihari - Design Sprint Master
  • Parag Kulshreshtha - TNMP Program Leader
  • Toiba Sultan - TNMP Program Leader
  • Manpreet Kaur - TNMP Program Manager
  • Dhushyant Dutta - Technology Program Leader
  • Sangeeta Mamgain - Core Team Member (CTO)

Tools

  • Sketch
  • Adobe XD
  • Principle
  • Proto.io
  • Whiteboard and Marker
  • Paper and Pencil

Roles

  • Sprint Master
  • Ideation
  • Prototyping
  • Interaction Design
  • Visual Design
  • User Testing

Problem

Every year 100s of fellows graduate from the Gandhi Fellowship program, many of them go on to become successful social entrepreneurs, academics and leaders. But the career guidance and support in-between is crucial, this is where the career services that the TNMP team offers steps in. They help fellows find new jobs, network to secure funding for their venture or even with their graduate studies ambition. Previously the team did not have any platform that fellows could leverage to access the career services. Tracking the interactions with fellows over phone calls and meeting was getting out of hand as more and more fellows are added to the Gandhi Fellowship network.

Goal

Our goal was to develop a new career management platform, that Gandhi Fellows can use to,

  1. Access a nation-wide network of Gandhi Fellow Alumnus
  2. Get help making a career shift or finding a new role and organization
  3. Get help finding mentors or securing funds for their social venture
  4. Get help with their post-graduate ambition
  5. Get regular updates from the organization about important events and posts

Research

We interviewed Gandhi Fellows to understand their pain points and need-finding. Through the stories we gathered, we determined our How Might We and used Affinity Maps to identify our broad categories and opportunities. This exercise helped us determine the product requirements and what should be our MVP.

Day 1 - Storyboarding

I led a team of 5 members through the storyboarding process. We used the archetypes from our research to write user stories that imagined our customers (fellows) using the career services through our platform. We leveraged the User Journey Mapping technique to write empathetic user stories, this helped the entire team set and understand the vision for the platform.

Don't judge me for the lack of 3M Stickies in my portfolio. Truth is, they are really expensive in India.

Day 1 - User Flow Diagram

After wrapping the storyboarding session by noon, we set out to design the user flow diagrames that established the basic logic for our different app functions. Seen below is the user flow for the higher studies service request.

Day 2 - Sketching

Now for the most fun part of the process, we had a Crazy 8 exercise and vote on a single design that our team settled on. It really helps when you have the User Flow nailed down.

Day 3 - Wireframe

I used Adobe XD to turn the shoddy sketches on the whiteboard to neat wireframe. They were presented to all key stakeholders for feedback and duly incorporated in the prototyping stage.

Day 3 - Prototyping

I created a functional prototype using Proto.io with the wireframe sketch. The great advantage of working with Proto.io is the cloud infrastructure and the functional resemblance to the actual OS.

Proto's built in tools allow you to build powerful prototypes that are really easy to use and navigate, for testing in the next stage.

Now, I really wish I had the working prototype to link to, but Proto.io deletes all your projects after 3 months of inactivity. Not cool!

Day 4 - User Testing

We had 15+ tester, with whom we conducted multiple rounds of user testing. They had to accomplish simple tasks like account registration and successfully raising the appropriate support request, all while thinking out-loud. With each user testing round, we gained a new insights through careful observation and made iterative changes constantly. Towards the end, we had a 90% success rate in task completion.

Day 5 - Designing the Final UI

I designed the final UI using Sketch. The user interface follows the iOS Human Interface Guideline, to reduce the learning curve and provide a native experience to the user. Most users are trained to the Affordances in the stock iOS apps and therefore can use the TNMP app with familiarity. The UI was further refined and polished with feedback from more Gandhi Fellows.

Day 6 - Animation

I love Sketch too much, to switch to another design software like InVision, that has robust prototyping built-in. So I imported all the artboards to Principle and created animations for the motion design and app operation. With everything in place, we handed-off the design and functional specs to the engineers to develop the app.