SAP Learning

A new MVP learning platform for SAP launched in less than 100 days

Serving over 335k customers in 190 countries, SAP is one of the largest enterprise resource planning software vendors in the world - in fact, it’s estimated that 75% of all global business transactions come in contact with an SAP system.

The opportunity

SAP is one of our longest-standing clients. So when they needed help to deliver an MVP in time for their global customer conference attended by 30k+ of their customers, they turned to Tangent to deliver.
SAP has lots of different platforms (and brands) their customers use for training and CPD, which was causing a problem. Research by SAP found that for first-time users, the differences between these platforms (such as Open SAP, SAP Training, SAP Learning Hub, SAP Community) was very confusing.

It's very hard to navigate because there's not one place to go to to find information and it wastes time

Setting the vision

The vision for the MVP was to create a single platform that over the next 4-5 years will become the home for all SAP Learning. No more jumping between platforms, logging in multiple times or experiencing disjointed user and brand experiences.
Our mantra became “One experience, one destination”.

Starting wide, generating & validating ideas

With the deadline being so tight, we worked very collaboratively with the SAP team in an agile set-up. We created an embedded team of product designers and developers working together to explore and validate solutions.
The process began by translating what we heard from user and stakeholder interviews into product principles that would guide our teams and, more importantly, made sure we stayed true to the project’s vision.
We then spent the first 4 weeks rapidly exploring and prototyping different potential user journeys. Our approach was to generate lots of different ideas for the different stages of our users’ journey. We tested concepts for onboarding journeys, content discovery, consumption, account management, loyalty and gamification.

Narrowing down and defining MVP scope

We agreed the focus of the MVP should be on the consumption of learning. This is after all the heart of the platform, so making it effortless for our users to jump in and out and learn on the go is critical to success.
We focused our efforts on designing an immersive learning experience that allowed users to freely navigate and cherry-pick the content they need to learn. For our more inexperienced learners, we used quizzes and interactive elements to help them retain knowledge.
Bookmarks and notes were all important requirements from our initial research, along with access to communities to get answers to questions when our learners needed help or became stuck.

Moving fast and keeping senior stakeholders informed

Daily stand ups meant blockers were quickly resolved, and weekly show-and-tells gave an opportunity for the wider business to have visibility and weigh in on important decisions. With teams from every corner of both SAP and Tangent involved, it was important to strategically bring in the right people at the right time. From a technical perspective, both tech teams worked in close collaboration to get the front- and back-end completed in time.

Scalable design system

The new platform is going to become a key digital asset for SAP. So it was important we set ourselves a design foundation that we could build upon over the next 4-5 years.
Therefore, the project was also used as an opportunity for us to push SAP’s existing brand guidelines to make the experience more visually engaging for learners. More relaxed copy, refreshed colour palettes and gamified elements helped to bring the learning proposition to life.

Technical specification

  • The website uses React which is a JavaScript library, so that we can easily build user-interfaces which scales well as the project grows.
  • We also make use of TypeScript to ensure the code we deliver has fewer bugs.
  • We use the React framework Next.js, which allows us to serve statically pre-rendered pages, leading to faster site performance for users and allowing search engines to better index the content of the site for higher rankings.
  • The front-end is driven by data from headless CMS Contentstack as well as various custom APIs built by the SAP teams. Our use of incremental static regeneration means that if data from any of those sources are changed, the static pages will stay up to date.
  • We style the website using the Sass framework. This allows us to define a theme based on the design system for a much more rapid development experience.

What’s next?

Our MVP launched at SAP’s SAPPHIRE NOW 2021 global conference. We launched as an open beta with a single learning journey: ‘Building Extensions with SAP Extension Suite’.
We’re proud to have delivered a slick and polished first experience of the MVP, in one of the tightest turn-arounds Tangent has ever done.
We will be running the beta for a few months and actively encouraging our early adopters to provide feedback using a survey in Qualtrics.
As with any new site, it’s now that the real fun begins. We’re looking forward to learning more about our users and building on the MVP to deliver even more value to SAP’s learners.

At SAP, we pride ourselves on creating world-class digital products for our customers. The Tangent team completely understands this and we highly value their outside-in view. They aren't afraid to challenge our status quo and push us to disrupt the market with cutting-edge products. The best bit? They do it all so quickly.
Stefan Ritter - VP of Product, SAP Learning

Other projects