01
A digital solution that motivates sports fans to find the most sustainable and intelligent way to and from the highly awaited multifunctional sports arena SAP Garden
SAP Garden, Munich's new multifunctional sports arena, is currently being constructed to be the future home for Munich's beloved sports teams: EHC Red Bull Munich (ice hockey) and FC Bayern Basketball. With great enthusiasm in sports and how technology can be apply to it, I joined the team to develop a digital solution for the sustainable objective of the SAP Garden. I worked as the sole UX designer in a cross-functional team consisting of 5 members (product manager, software engineer * 2, AI engineer, UX designer). We worked within the agile software development framework and carried the lean mindset throughout the project which can be summarised as "Test often! Fail Fast!" My main responsibility in the project includes:
SAP, Red Bull, and FC Bayern had the goal to build the most sustainable modern sports arena in Europe. Therefore, sustainability can't be just a buzz word and has to be incorporated into every detail of SAP Garden. For instance, the materials for the construction and certainly the carbon footprints produced by the stadium visitors. Subsequently, the challenge was set by our stakeholders from SAP x Red Bull x FC Bayern with a WIBG question: "Wouldn‘t it be great to motivate fans to find the most intelligent and sustainable way to enter and leave the SAP Garden?"
Design Thinking
User Research
User interviews
Wireframes
Hi-fidelity Prototype
Usability Testing
Mobile Application
More information and final deliverables will be uploaded as the project progresses.
We started by summarising the research result from the design team of the current Red Bull Munich & FC Bayern Basketball mobile app @ Designit. Then, we continued with a competitor analysis. The outcome showed that there is no application of sports venue that tackles the sustainability issue as we intended to. On the other hand, we found various apps that work with the similar concept in other sectors. For instance, the city of Aachen launched aachen.move to reward the residents that commute with sustainable alternatives.
Essentially, we needed to understand user's pain points and validate user's reaction to potential features. We had two bold assumptions that were luckily proven to be wrong during our preliminary user interviews:
Basically, it means that users don't need another way-finding app to replace Google Map. Besides, users expect the public transport to be packed on a game day and sometimes enjoy the feeling of getting to the arena with other fans together.
As our app has to know how the users commute to SAP Garden, we acknowledge that the mobility data of the users is the underlying asset of our app. Therefore, we have to know whether the fans are willing to share their mobility data with us for the sustainability purpose. To test this out, we built a mini-experiment and conducted it with the fans at a regular season match of Red Bull Munich (Figma link to the mini-experiment). The in-field experiment gave us confident result that all interviewed fans allowed us to track their mobility data.
We extracted six core features that have to be developed for our envisioned mobile app: 1. Carbon tracking 2. Recommendations of modes of transport 3. Smart factor matrix 4. CO2 Score Reveal 5. Dashboard Overview 6. Rewards & Points System. As you can see in the figure below, these features are interconnected with each other and form a cycle that keeps the users motivated to become more sustainable.
Focus of UX:
We iteratively build out these features in our user journey. During this process, we used wireframes and digital wireframes (Low-fi prototypes) to gather feedback from users and communicate our concept to the stakeholders.
Our user testing can be split up into two types. Firstly, in order to gather rapid feedback, we tested our design with colleagues and friends. This fast feedback was helpful in giving the team another perspective that might be disregarded in our considerations. Then, we arranged user testing sessions with volunteered participants from both Red Bull Munich and FC Bayern Basketball fan clubs. We executed the sessions with a hybrid format by inviting some of them to the office and the rest to participate via video conference.
Findings:
User Testing:
Design Solutions:
Design Exploration:
Wireframes:
Digital Wireframes:
The general impression on our concept and UI design was profoundly positive. Below are some testimonials from the fans (in German language):
"Ich finde es gut in der heutigen Zeit bildlich vorzuzeigen was man positiv verändern kann. Man könnte viele Leute in die richtige Richtung bewegen." - Red Bull Munich Fan Michi
"Ich würde die App sofort weiterempfehlen!" - FC Bayern Basketball Fan Louis
The majority of the test users navigated through the UI without any problem. And most importantly, all participants could give a fairly clear explanation about the concept of the app and what is designed for. The validation of our idea gave us a solid foundation to move on to the next stage of creating Hi-fi prototype. Nonetheless our team aims to go the extra miles for a phenomenal user experience. Therefore, we interpreted the user testing to identify several points for improvement:
The Hi-fi prototype went through multiple rounds of usability testing with the sports fans that voluntarily participated. By observing them while they clicked through the prototype, we identified several elements that may cause confusion or were not fairly accessible. Moreover, the refinements based on the testing and the feedback from various stakeholders were incorporated iteratively. Finally, the design was handed over to the software development team for implementation.
The below-presented mood board was created as a medium to align the vision and as well as a guideline for the visual design of our mobile application. Green and blue were selected as the main components to build our color palette. Green signifies sustainability and our goal of transforming the commute to sports events towards an environmentally-friendlier future. Blue transmits the feeling of freedom, inspiration, and energy which ideally matches the sports aspect of our app. Furthermore, we added some reference app designs to the mood board. These designs reminded us to focus on creating a playful visual design that resembles a functional but fun app with gamification for the users.
Visual Design: