My role
UX/UI Design Lead
What is DB Streckenagent?
DB Streckenagent is a mobility app that helps user find their routes using public transport and sharing providers across Germany.
What is unique about Streckenagent?
Streckenagent can send real time notifications when a route is affected. Commuters can subscribe to routes in order to get latest updates. For long distance it can allow users (in certain areas) to ask for connecting trains to wait when a previous train is delayed.
more about my role in this project below
My contribution
As a DesignOps team lead I contributed indirectly by making sure the entire design team works effectively. DesignOps acts an internal service that enables every designer to work efficiently. Besides maintaining the Design System, the scope of DesignOps spans from optimizing the tools & processes to hiring or even making sure the team has adequate knowledge & training.
Here are some of the things that I worked on for this project.
Sketch to Figma migration strategy
One of my first tasks when taking over the DesingOps team was to plan the migration from Sketch to Figma. The entire design system was migrated together with the key screens of the app.
My responsibilities included the estimation of all the steps and the creation of a migration plan. The OKRs were also estimated and the work was planned accordingly based on the available design team bandwidth.
Setting up processes
Also as part of my duties, DesignOps was responsible for setting up process for the entire design team. The way we work together is very important for achieving consistency of the design system and the app. An example of such a process is the component creation and review flow.
Measuring performance using DesignOps KPIs
In order to measure the impact, the DesignOps team started measuring a number of key performance indicators (KPIs). These are important to measure both team health and well as work throughput and quality. Together with analytics I set up a number of things to measure continuously from our day to day work: Jira bug tickets, design system documentation access, Figma component usage and others. This helped us to better understand where we were could optimise our processes, what is our true capacity and how efficiently we work together.
Building a Design System
The most important part of DesignOps is the delivery of the Design System. As the Design System is used by everyone, its structure and quality determines the speed of the entire design team. The Mobimeo design system was a bit special as it contains generic components (like buttons) as well as specialised components (like public transport search result cards). All the need a good structure and I made sure every component variant was carefully designed to fit the purpose and to be as easy to use as possible for designers.
Palette
Foundation
Components
Building a new documentation
For a Design System to be effective it needs a strong documentation. The platform that we have chosen for this was ZeroHeight. For this I planned the documentation migration from Zeplin to ZeroHeight and sketched the new structure. I have set up processes and created templates for the entire team while at the same time participated to the actual work.
The app
Streckenagent is now available in App Store and Play Store for anyone to try. Here are some of the main screens the app.
