Go back home

SAP Sports One

Streamlining and digitizing your sports performance and team management workflows for enhanced efficiency and insights.

Branding UI UX

Project Overview

SAP Sports One is the first sports-specific cloud solution powered by SAP's renowned HANA platform. It offers teams and administrators a unified platform for efficient management of teams and players, while delivering powerful analytical insights for performance optimization.

Cannot disclose all details here but am happy to discuss further in a person

The Solution

A multiplatform, user-centered application suite that provides access to relevant data for team, training, and scouting management, as well as team performance and player fitness. Its adaptability to any sports organization empowers users to request, send, and share specific information across various platforms while ensuring a consistent experience across all devices.

Client

SAP

My role

Visual design, icon design and style guide maintenance

Tools

Photoshop, Illustrator, Sketch, InDesign, HTML and CSS

Platform

Web based application, iOS | Android application

Timeline

2014 - 2017

The solution was born out of a partnership between SAP and the German football team. Following the team’s victory at the 2014 FIFA World Cup, SAP was heralded as the team’s “12th Man” by the Wall Street Journal and credited with a significant contribution to the famous win.

The Process

Understand

Analysis of existing designs and research into current and future design trends for potential improvements

worshop

Creation of mood boards to define the future design style more clearly.

Design high-fidelity mockups based on wireframes provided by UX designers

Conduct internal interviews with stakeholders and developers to validate design and development feasibility

Analyze testing outcomes and identify necessary design improvements before handing over to development

Document design components in a living style guide

Dark vs white

To determine the best design strategy for the additional applications needed to complete the Sports One suite, the design team gathered best practices for both dark and light themes. Two mockups, based on the created mood boards, were presented to project managers and product owners.

From wireframes to mockups

Icons

Before leaving the Sankt Leon Rot office, one of my primary responsibilities was designing over 300 customized icons for the Sports One suite. The icons were created in sizes ranging from 16x16 to 48x48 pixels to support the information displayed throughout the suite, including launch icons for the mobile applications.

Launch icons

Challenger Inside App

Team One App

A quick preview of the Challenger Inside app

Team One App concept

Team members use SAP Team One to chat, share videos and images, and enhance internal team communication. The mobile app features individual chat rooms for focused discussions.

To facilitate quicker navigation between chat rooms, the concept introduced a horizontal scroll/carousel. Users can easily drag the top container of each chat room, allowing for faster switching between conversations.

Branding

As a quick challenge, I was tasked with designing a logo for the Sports One suite.

Conclusion

During the 24 months I spent working on this project, I had the opportunity to define the initial steps of one of the most revolutionary sports-specific cloud solutions in the market. I had the privilege of collaborating with talented UX designers, which deepened my understanding of how digital product concepts are created, tested, and developed. Additionally, I gained insights into how UI elements are conceived and documented in a living style guide, as well as the conception and maintenance of an icon font. Throughout this journey, we were also honored with two design awards.

Aditional Discussion

Points not covered in this case study but worth discussing in person:

  • Style Guide design and maintenance