Immersive platform strategy

Re-directing the product towards goal-driven, autonomous value creation

Tl;dr
Immersive design direction evolution
Immersive design direction evolution
Immersive UI details
Immersive UI details

Success scenario

“The human edge of cybersecurity is honed on Immersive’s training platform, where 400+ enterprise customers autonomously track and validate their progress: learners complete targeted exercises, line managers see team readiness at a glance, and CISOs have a clear and current view of their organization’s cyber resilience, no support briefing required.”

Methods used
  1. Auditing the platform information architecture for all user personas
  2. Qualitative user research and shadowing customer support to understand capability gaps
  3. Iterative design with heavy use of prototyping and quick testing cycles
  4. Strategy roadmap alignment with CPO and leadership group
  5. Facilitating and presenting product vision to the entire organization live on stage

The key piece to understanding the product gaps was dogfooding the offered training analysis. The answer to the big question of “why are customers dropping engagement?” became obvious once I laid out the reality of the value the platform was supposed to deliver.

The problem in detail

When I joined the product suffered from a clear lack of strategic direction. It was evident across the entire platform: some new great feature was built with no plan or sensibility of how to integrate it to reach its goals effectively, it was all arranged haphazardly, in order to ship quickly.

Navigating through the platform became a scavenger hunt, as functionality was localized and hidden beneath layers and layers of nested links, tabs, and dropdowns — depending on license level. The issue for users was multi-dimensional. CISOs, managers and learners were not served the same platform UI and were often confused by what they should pay attention to, as arbitrary elements just would not show up for them.

Long white tapestries of non-actionable tables and numbers
Long white tapestries of non-actionable tables and numbers

Immersive was 300 people strong, 8 years in the business and transitioned from a startup into a scaleup company. I was in charge of leading the design function at Immersive, managing the people as well as contributing to the product landscape.

The platform was so hard to use, that the customer support team had to deliver the promised value to the customers by hand: They became the translators who collected the data from the platform and built a story slide deck out of it to present to the customers bi-weekly.

The customers themselves didn’t even bother logging in anymore. And the licenses were NOT cheap, depending on the seats it could easily reach into six figures.

Customer success agent acts as a translator for the generated value
Customer success agent acts as a translator for the generated value
How I approached the solution

I first mapped out the upskill loops for the different personas, “what is the loop they should run through every visit to step closer to their goals”. I ran several workshops with our subject matter experts and interviewed several CISOs via videocall about their goals and motivations.

Relying on customer support did not scale the business, as there were limited CX experts available. So I convinced our CPO that we needed to shift the entire platform strategy towards working as autonomous value creation for our customers. “Sounds great, how do we do that?” he said, so I presented the first iteration of what the core value loop should look like.

First iteration and polished, catchy version of the value loop
First iteration and polished, catchy version of the value loop

This was the lightbulb moment for immersive, now they saw what the customers needed and how bad their current platform was at delivering it. Almost like the metro, this map let any user jump in at any point in the platform. They followed the guides and eventually ended up at the start again, having completed at least one value loop. We tracked their progress, presented their improved metrics and let them experience their improvement themselves, no customer support required.

Raising the experience to match

In all my research, one thing always came up again and again: the lack of clearly stated goals, internally as well as for our customers. In the concepts I explored how to set the goals as the core communication piece and how the customers’ progress on the platform paid into reaching their goals.

On the visual side, I explored the cyber and gamification aspects: I went wild with the playfulness and effects, to shake off the “white material table” look from the platform. This prototype was a massive hit with the teams, as it directly challenged our main competition, who were so far doing a far better job in these regards.

I went so far as to re-think the login for the platform: As this platform is for security experts, why not offer a terminal for them to hack their way in? This was a little game that I prototyped, which our testers loved. You can play it on my side projects section.

Gamified login: Hack your way into the platform
Gamified login: Hack your way into the platform

Immersive was going through a re-brand at the time, so we aligned the visuals with this new brand. My work on the information architecture solved the pain points of bad navigation, missing signposting, too much UI everywhere, too many styles all at once. This new version told you exactly the current state to be aware of, how you were progressing towards your goals and what you needed to do next to advance.

In our usability testing sessions we saw that users were immediately setting goals and moved towards completing learning exercises, exactly the thing they needed to do to get the value they paid for.

Design evolution: Rough wireframes to figure out the signposting and IA logic
Design evolution: Rough wireframes to figure out the signposting and IA logic
Design evolution: Style treatments and diverging directions exploration
Design evolution: Style treatments and diverging directions exploration
Final design direction: De-cluttered, clean and technical, catering towards cyber security experts
Final design direction: De-cluttered, clean and technical, catering towards cyber security experts