Planning and Designing McKinsey Academy's Pathway to a Responsive Future

McKinsey Academy created an educational tool to help companies and teams transform through interactive lesson plans and group cohorts.

At Mckinsey Academy I worked closely with the PM and engineering team to design product updates and new features. I also led the design effort to transition the web app from non-responsive to responsive.

Conducting a deep dive into the platform illuminated some key problem areas that we needed to focus on. With the project and engineering teams, we developed a strategy, which helped me focus my time on designing productive and efficient templates to be used for all current and upcoming interactive lesson plans.

  • UX/UI Design
  • Photoshop + Illustrator
  • Sketch + Invision
  • Responsive Planning + Design


I'll be showcasing a few screenshots of the interactive lessons we worked on below: swipeable lessons, simulated chat and drag-and-drop lessons.

Swipeable Template

The goal of this redesign was to make it simplistic and translatable on a mobile device to all users. I provided an updated "guide" the first time you see this type of lesson. Additionally, I opted to keep the design streamlined and vertical for an easier responsive breakdown.

Simulated Chat Template

For simulated chat, I wanted to emulate as much of a guided chat as possible. Keeping the main "chat" area as close to a messenging application as possible. Stacking the response buttons beneath this area, allowed for a seamless responsive breakdown.

Drag and Drop Template

This approach was a bit more complicated. When you think about "drag-and-drop" interactions, there are some preconceived notions about how that should look and operate. Given this established approach, I did not stray far from the original, but cleaned up the design by taking away any unnecessary text and having clearly define action areas.

Heather is a really amazing balance of precision and creativity. She is at once able to focus on details, and think through her work within the larger business context. I've found her thoughtful, unflappable, and at ease within the most complicated stakeholder discussions. She is able to simplify the complex, back up choices with insight, and perhaps most importantly, help multi-disciplinary teams get to the right solutions. I trust her judgement, I value her perspective, and know she sees things most of us wouldn't think about - way ahead of when they become issues. I'd work with her anytime, anywhere.
— Jennifer Gormley, Senior Director of Product, McKinsey Academy

© 2020 Heather Stickell. all rights reserved.