BACK
Aldi
ABOUT ALDI
Aldi is a global discount supermarket chain known for offering a limited assortment of high-quality private-label products at low prices. Originally founded in Germany, Aldi operates with an emphasis on efficiency, reducing operational costs through streamlined store layouts, smaller staff sizes, and minimal in-store services.

In the U.S., Aldi has expanded significantly, with over 2,300 stores across 38 states. The company focuses on grocery staples, often stocking fewer items than traditional supermarkets, which allows for easier inventory management and cost control.
PROBLEM
Aldi in the U.S. faced challenges with outdated HR processes, where tasks like submitting requests to managers, setting availability after a trial period, claiming available shifts, and exchanging shifts between employees were still done on paper.

This reliance on manual processes slows down operations, creates inefficiencies, and increases the risk of errors or miscommunications. Employees often have to rely on managers being available to process these requests, leading to delays in scheduling flexibility and shift assignments, which are crucial for operational efficiency in a fast-paced retail environment.
SOLUTION
Aldi in the U.S. began digitalizing their HR processes using the StaffBase platform.

This initiative included the development of custom extensions to StaffBase, such as a working schedule feature, allowing employees to review their punched times, upcoming shifts, and PTOs.

Additionally, the platform was extended to support submitting and managing requests, such as time-off or availability changes, and introduced a shift marketplace, enabling employees to view and exchange available shifts easily, streamlining scheduling operations.
Senior UX UI Designer
@ Modus Agency
Discovery sessions
Mobile schedule UX optimization
New features
Mock ups & Prototypes
Prototype

My role & approach

In October 2023, I joined Aldi's team to enhance the UX, which had been directed by the client but lacked an assigned UX designer from our side.
I quickly understood the client's intention and focused on simplifying the screens and shift cards by removing redundant information, applying color differentiation using the brand's color palette, and optimizing the header for more intuitive navigation.

Once the client was satisfied with the schedule UX, we extended it by adding new features, which were designed from scratch.

Making a schedule look like a schedule

OLD VERSION

Concept was right but required optimization
Redundant information created excessive scrolling
Nav Bar was too wide for some screen sizes
Go-to-Latest button looked like a separate feature
To go from Employee-view to Manager-view, users had to go back to a parent menu and enter a different feature
Limited color differentiation was not adding a lot

OPTIMIZED UX

Redundant information was separated
Nav Bar was optimized to fit on narrow screens and display more information
Tapping on the date now links to Latest
Added selector to change from Employee view to Manager view (prev on an parent menu)
Color differentiation improved hierarchization of data and identification of future events

Turning a Menu into a Homepage

Menu screen was enriched with information bites that solve most common needs right away

Next shift, next day with no shift, and Next PTO, were added
Space for notifications with deep-linking was proposed for the future
Color differentiation in notifications indicates type of notification

Designing for most common user case first

Setting Availability was a tricky one as it had to allow the rarest case of setting up to 5 time blocks each a day

Tangible components and expectable interactions require no further explanation to be used
Native mobile components are used for dropdowns, enabling a quick interaction with data

Different visual languages creating multiple reading levels

User wins when related features are combined effectively

Conversational language is direct and precise, informing user about most urgent requests
Actionable language (sortable table) is intuitive and provides direct action with no need for explanation

Intuitive components that require no explanation

To make the shifts more tangible, I simplified the shift cards and created an intuitive set of components displaying the most relevant information with a clear data hierarchy.