Transforming the leadership e-learning industry

As the lead designer at Matrix Insights, I got a chance to build a product from the ground up. Matrix Insights is one of the first companies to bring leadership development to the computer and phone screen. Making it easier for today’s leader to access, digest, and be reminded-of key development tips.

Project date: September 2013 - April 2019

View live marketing sites for the three brands we launched:
Matrix Insights
Team Dashboard
EQ Dashboard

Roles

  • Lead Product Designer
  • Information Architect
  • Front-End Developer
  • Product Management and Planning

Services

  • Product Design
  • UX Design
  • Journey Mapping
  • User Testing
  • Web Design for Marketing
  • Responsive Design
  • Product Feature Management
  • Print Design
  • HTML, CSS, LESS Coding
  • Javascript Development

Design Problems

Extensive content and features

To meet the needs of the industry, we created multiple libraries of content (called Lenses). Each library had a separate, distinctive survey phase (called Discovery) and content sections (called Insights). I had to create a cohesive yet individual experience across all the lenses while not confusing and overwhelming the user.

Decision makers vs daily users

Probably one of the more frustrating parts of this project was designing for two drastically different user types. The 40-55 year old decision maker or leadership coach who often prefer to take their time through the content, especially when they’re judging the validity of the content initially. Versus the 22-35 year old daily users who have much shorter attention spans and prefer to skim through content. Attention spans are short and pages of text are frightening. We want both of our users to see the value.

So I had to design with that in mind: something that offers a lot of information, if needed, to pass the test of the decision maker, and less information for users who don’t want it while helping them learn without getting overwhelmed.

Had to function on old workstations and new devices

We found that a lot of our prospective users were on outdated desktop workstations and still do. This limited us from a functionality standpoint but also design. I knew from my other projects that a sandboxed Windows XP machine running IE 8 can't handle animations or certain CSS so I had to make sure the product was designed simply and didn’t require excessive CSS or code to make it work. Plus, it had to work on tablets and phones.

Wireframes and Inspiration