The Co-Branding department is part of the DKB, where we specialize in providing white label credit card solutions for private and business customers in collaboration with renowned brands such as Miles & More, Porsche, and Hilton. Within this portfolio, you'll find a showcase of our work, highlighting the unique challenges and creative solutions involved in navigating the complexities of the banking industry and the white label market.
In our design process for white label products, we implemented design tokens as fundamental building blocks to ensure consistency and adaptability across various branded iterations. These tokens encompass essential design properties like colors, typography, spacing, and more, empowering us to seamlessly customize while upholding brand integrity. By defining these tokens, my team and I established a cohesive design language that facilitated efficient collaboration and scalable design systems, ultimately enhancing the user experience across our diverse white label offerings.
Working with my team of three designers i mostly focused on:
In overseeing the workload of our three designers, I personally relied on Notion to track tasks and prioritize effectively. Notion's flexibility allowed me to tailor our workflow to fit our specific needs, ensuring each designer's workload was managed efficiently. Moreover, I worked closely with our product teams and stakeholders, integrating our processes through Jira. This hands-on approach enabled seamless coordination between design efforts and project requirements, fostering collaboration and driving success across the organization.
Managing and establishing a design library for a white label product across three distinct platforms—Web, iOS, and Android—presented a unique set of challenges. Balancing the need for consistency across platforms while accommodating their individual requirements demanded meticulous attention to detail and strategic planning. From ensuring visual cohesion to maintaining usability standards, each platform posed its own complexities. However, through perseverance and a collaborative spirit, our team navigated these challenges with confidence. Despite the initial challenges, one designer's dedication and innovative thinking played a pivotal role in overcoming obstacles. By empowering this individual to take ownership of certain aspects of the design library, we witnessed remarkable growth and trust within the team. Their contributions not only streamlined our processes but also inspired confidence in our collective abilities. As a result, our design library flourished, driving significant improvements across all platforms.
Some UI Examples that showcase the different brands
A recording of our Web Banking Solution with example data
Unfortunately, I cannot disclose any further details of my work in this project. But I am happy to share more of my experiences and working style in a personal meeting.
Celonis specializes in process automation, leveraging data insights to optimize business processes. With a focus on process mining and automation solutions, the company analyzes complex workflows to streamline operations, ultimately enhancing efficiency and effectiveness. Within this portfolio, explore how collaboration and user-centered design principles drive the transformation of intricate processes into intuitive user experiences within the realm of process automation."
Focusing on process automation, Celonis navigates the complexities of optimizing business processes through data-driven insights. As a senior UX designer within this domain, the challenges are multifaceted. From deciphering intricate workflows to ensuring seamless user experiences, my role involves translating complex processes into intuitive interfaces. Through collaboration and user-centered design principles, I tackle these challenges head-on, striving to streamline operations and enhance efficiency within the realm of process automation. By leading multiple user test sessions and integrating feedback into product requirements, I ensured that our solutions were not only visually compelling but also intuitive and user-friendly. Through this collaborative effort, we successfully translated complex processes into seamless interfaces, driving efficiency and usability for our customers.
Unfortunately, I cannot disclose any further details of my work in this project. But I am happy to share more of my experiences and working style in a personal meeting.
Cybersolutions is one of the leading providers of integrated e-commerce solutions in Germany and part of Burda Group. Focusing on designing, implementing, operating and optimizing e-commerce platforms, for example for Cyberport and ComputerUniverse - end-to-end.
As a senior interaction designer at CyberSolution, my focus was on the practical challenges of e-commerce. Working within Cyberport's ecosystem, I grappled with the complexities of multiple touchpoints—web and app—and the demands of various teams. One of my primary responsibilities was on the one hand cultivating our design library. It involved creating a shared resource that ensured consistency across our products , teams and streamlined our design process. That required collaboration, workshops, and a keen eye for detail. On the other hand i was responsible for reworking our Produkt Detail Pages (PDP) and preparing the launch of our new renting business model. It involved understanding user needs, market trends, and aligning them with our business goals. This process demanded creativity, strategic thinking, and a deep understanding of our target audience while analysing a huge amound of customer data. Navigating these challenges wasn't always easy, but it was immensely rewarding. It pushed me to grow as a designer within the area of E-Commerce.
One of the primary challenges we faced was ensuring a seamless user experience throughout the rental journey, from browsing and selecting products to managing rentals and returns. Balancing the needs of both renters and owners, while maintaining profitability, required careful consideration and strategic design decisions.
One of the main challenges we encountered was striking the right balance between providing comprehensive product details and maintaining a clean and user-friendly interface. We needed to ensure that users could easily find essential information such as pricing, specifications, and availability while also incorporating interactive elements and visual cues to encourage exploration and purchase. Another challenge was ensuring consistency across a wide range of product categories and types. Each product had its own unique features and attributes, requiring thoughtful design considerations to accommodate various layouts and content structures without sacrificing coherence and usability. Despite these challenges, the project presented an exciting opportunity to refine our platform's core user experience and align it more closely with our customers' needs and expectations. By leveraging user feedback, data-driven insights, and best practices in e-commerce design, we were able to create product detail pages that not only met but exceeded user expectations, ultimately driving higher engagement and conversion rates.
Unfortunately, I cannot disclose any further details of my work in this project. But I am happy to share more of my experiences and working style in a personal meeting.
A college dormitory provides a variety of amenities and a dedicated staff is responsible for its maintenance. But there is not always an easy way for community members to report problems to management, so they can be resolved quickly. In my case study I focused on this problem and tried to solve it through different design iterations.
Team
Only me
Timeline
4 weeks
Software
Figma
Balsamiq
The challenge
Build a system for a dormitory:
Target group
Students living in a dormitory
Before I started, I defined my design process and was able to proceed and work on it step by step.
I interviewed ten students and asked them:
All ten participants were (former) students who lived in a dormitory and were between 21 and 30 years old:
Besides the possible issues in a dormitory, I wanted to find out for what kind of service I need to find a solution.
“Definitely mobile. But I don‘t want to download another app, which uses space and I probably will never need.“
Hannes B.
In my Interviews I found a lot of issues that might occur:
Doors
Clamps
Locks
Keys
Lost
Demolished
Lamps
Do not work
Flicker
Lost & found
Search
Found
Electronics
Dishwasher
Fridge
Oven
Heating
Drips
Too hot/cold
Not working
Clogged
Sink unit
Bathroom
Damage
Wall
Floor
Ceiling
WiFi
Window
Noise
Parasites
Bikes
Transport
Cleaning
Mildew
Mailbox
Outdoor
After all the research I did, I decided to go with the approach of PWA! Why?
“The possibilities you have as a user through a PWA sounds awesome, but I didn‘t know anything about it, especially how to get access.“
Anja N.
So the onboarding process has to be very smooth and self-explaining:
After I had first ideas in mind, I started to put these first thoughts on paper. During this process I found out that maybe more then one navigation concept will work, so I decided to test different approaches.
In my design I concentrated on following principles:
Simple
The whole process from on-boarding to reporting to tracking
should be simple and smooth,
so you never lose the user at any point.
Accessibility
The design should be beneficial and accessible to the user. There should be no disturbances.
Fun
Even this application is about reporting and tracking issues, it should be fun while using it
or at least satisfy the user.
As I mentioned before, I wanted to find out which of the different bottom navigation concepts would be the most common one for the user, so I built several click dummies to get more insights on that.
After the first testings, I got some interesting insights which helped to advance the app (even more).
Home – Issues (Overview) – Create Issue – Quick Fix (Self-help) – Profile
Here you can see the final prototypes and some of the user tests I made.
To make it easier for users to see where they need to take action without being disturbed in the actual process.
I was really impressed by the quality of the feedback and how quickly
the users were able to adapt the functionality. It was also great to hear
that the concept creates real added value in everyday life.
I have also been thinking about some future topics for this app, like:
Match Insights is part of the SAP Sports One application, which is available for soccer, ice hockey, basketball, handball, skiing, and rugby. The software helps clubs and organizations digitalize sports performance management by coordinating all administrative, training and team management, scouting, and medical processes.
Team
Stakeholder 👨🏻🦰
Backend Developer 🧔🏽
UX Designer 👨🏼
Frontend Developer 🧔🏻👨🏼🦱
Software
Adobe XD
Principle
Balsamiq
Platform
Progressive Web App (PWA)
Client
SAP SE - Sports & Entertainment
Timeline
8 weeks
Before we could even start, of course, we had to find out the needs of our customers. So we held a Design Thinking Workshop, in which the following roles were represented:
Eintracht FrankfurtPlayer 👱🏼♂️🧔🏽
Match Analyst 🧔🏼👨🏻🦱
Athletic Coach 🧑🏻
After two days of intense workshop, we knew the needs and the restrictions:
PlayerThe data provided by the match analyst consists mostly of text and video/image files.
Since we only had 4 sprints to complete the whole project, we decided to work more intensively: We moved from our regular seats to a team space and included each role directly in the decision, so it was possible to iterate very quickly.
Together with the Eintracht Frankfurt, we focused on the simplicity of the application, everything had to be uncomplicated and without any distractions.
First and foremost, we have focused on the creation of low-fidelity wireframes to visualize first ideas and use them as a basis for all further discussions and iterations.
Due to the time pressure, we decided against a very detailed design process and built the first prototypes live with the colleagues from frontend directly in the development environment. This gave us the opportunity to test directly in the system and identify potential problems immediately.
After the basic functionality was available, we started with the visual design and transferred it (with the help of our colleagues from frontend) directly into the PWA to see what might work, and what might not.
In the final spurt, we used the time to get as much feedback as possible, also from various colleagues within SAP, to make the experience as good as possible.
I want to highlight three main learnings:
AccessibilityAfter we successfully implemented the project together with the Eintracht Frankfurt, the product was also released for other customers. Here we got the feedback that the touch screens in the catacombs were sometimes placed too high on the wall, so that especially smaller players did not always have full access to all functionalities. That is why we made some changes in the interaction concept: For example, we have implemented an alternative closing function of the lightbox by allowing it to swipe from the lower right corner in the middle of the screen.
ContrastWe also realized that many clubs wanted to brand the solution individually, so we built the possibility to maintain a club image in the background, which caused a lot of effort in ensuring contrast and readability, but was solved well by using jquery and javascript.
ProportionsWe also had to make some adjustments regarding responsiveness as we had to cover a large number of different screen sizes.
Through SAP Tactic Insights a match analyst can request tactical issues, such as “show me game scenes where the player has played passes in the back of the opponent“. The machine then finds similar scenes to this query, which the analyst gets presented in an intuitive and attractive interface.
The match analyst often has problems in recognizing similar patterns over a large number of scenes and evaluating them according to rules.
He loses much time and puts a lot of manual effort into the search. That is why we decided to support
his daily work with launching a whole new machine learning based platform.
Unfortunately, I cannot disclose any details of this project but I will show the process
Team
We built this solution together with 3 teams:
Belarus
Frontend-Team 👱🏼♂️👩🏻🧔🏼👨🏻🦲👱🏻♀️
China
Backend-Team 👩🏻👩🏽👱🏽♀️🧔🏻🧔🏽
Germany
Machine Learning Specialists 👨🏻🦳🧔🏼👨🏻🦱🧔🏽👨🏻🦰
UX Designer 👨🏼👩🏻
Stakeholers 👨🏻🦰👨🏻🦱
Software
Sketch
Principle
InVision
Balsamiq
Target group
Match Analyst
Platform
Cloud based web application
Client
SAP SE - Sports & Entertainment
Timeline
8 month
Defining of a good collaboration process due to the size of the Team and different time zones
Research to get a clear understanding of the scope and the requirements
Interviews with stakeholders and customers and also observation onsite and remote
Defining user journey to identify the different interaction touchpoints
Ideation based on the collected insights
First sketches to get a better understanding
Wireframes and first prototypes
Design of the visual appearance
Building of high-fidelity prototypes and user-testing
Large user test with all relevant user groups, refine the solution
Analyse Page and Filter Overflow
It was a great challenge to coordinate such a large team, especially when the members are from different countries with different time zones, but we managed it very well.
Through all of this experience, I developed (myself) a step further, and not just as a UX Designer. Even though the project was challenging, it was a lot of fun.
It was also very exciting to work with so many different roles in areas, such as machine learning. It was a really great experience to be part of this project from the very beginning until the end. We all have
worked close together to transform a very complex topic into an intuitive and beautiful UI.
With the SAP Scout One mobile app for iPhone you can finish your scouting tasks anywhere and anytime. This app connects to the SAP Sports One solution and allows you to manage your scouting requests and to create scouting reports while you are on the road, finding the next big talent for your club.
The role of a scout had no possibility to create data based on matches and players both on the fly and at the same time using already existing templates which are often provided by the club.
Since we had to build this app from scratch, we had to face several challenges:
First we had to map various complex requirements in a clean and user-friendly app.
The synchronization with Sports One had to be guaranteed as well as the offline availability, and the access to a database with all available players worldwide.
Team
Stakeholder 👨🏻🦰
Full-stack developer 👨🏻🦲
UX Designer 👨🏼
Timeline
8 weeks
Software
Sketch
Balsamiq
Target group
Chief Scout
Scout
Temporary staff
Platform
IOS
Client
SAP SE - Sports & Entertainment
I created several concepts which I validated in various user-tests to find the solution that fits best the user‘s needs. I also worked closely with the stakeholder and the full-stack developer to clarify possible restrictions regarding our Sports One solution directly.
Once we had validated the first concepts, I created all pages as wireframes based on the insights we had gained. We built first prototypes to test them once again to get as many insights as possible.
After we had validated all concepts with the users, I started to create the visual designs. Here, I worked very closely with the full-stack developer, so that we could quickly iterate together and fix potential problems. It was also a opportunity to exchange ideas about new technologies and learn a lot from each other.
Once the app was released by Apple on time, we have tested the app again with several customers. Fortunately, there were no major issues and we also received very positive feedback.
Android
After the IOS version was successfully released, we started to create an Android version, which was completed two months later.
Dark Theme
We have also released a dark theme version for IOS.
