Bäderland Mobile App

A new native app experience for swimmingers in Hamburg.

Bäderland Mobile App

Project Overview

Swimmers want to dive right in
The Problem

Swimmers and water-enthusiasts of all ages want to enjoy going swimming in Hamburg. The city has a variety of attractive and diverse public swimming pools called Bäderland. However the digital experience of finding and selecting pools at Bäderland as well as choosing courses or even buying tickets is cumbersome and outdated on their current website.

Swimmers lack a one-stop solution. They seek to easily access and plan all vital points of a trip to the public swimming pool from their mobile phone, be it iOS or Android.

The Solution

The Bäderland Hamburg app will provide a one-stop solution to finding and accessing public swimming pools in Hamburg in an easy, secure and intuitive way.

My Contribution

UX

Product strategy and flows
Desktop research
Prototyping
App design for both platforms

UI

Low to High-Fidelty Design
All UI components

Team

1 × UX/UI Designer
1 × Mentor
1 × Tutor

Duration

6 Weeks — September to mid October 2023

Home page iOS
iOS - Home Page
iOS - Pool detail page
Home page iOS
iOS - Home Page
iOS - Pool detail page
Home page iOS
iOS - Home Page
iOS - Pool detail page

Focus on the good the bad and the swimmers

Breaking down the project

In order to devise a new concept and strategy for a Bäderland native app solution, I firstly had a closer look at what the current website offers their visitor. As I am the sole UX/UI designer intending to pitch this concept to Bäderland, I don’t have a brief with clear functionalities to work on. Therefore I determined the users most urgent needs by diving deeper into what prominent services Bäderland currently offers on their website.

The 5 vital goals the swimmer has to fulfill specific needs

Based on this desktop research of their website, I concluded the following:

  • Search, find and save suitable pools for their individual needs (for example: see the opening hours, does the pool have a sauna or a kids pool)

  • Buy Tickets

  • Access tickets and overview of (past) purchases (this was added after testing)

  • Log in/Sign Up

  • View member card, adjust settings and more

“A pitch is a bit like diving in at the deep end but with a lot of room to swim.”

My own thoughts on this project

The Process

The Process

The Process

My own thoughts on this project

My own thoughts on this project

My own thoughts on this project

Android - Home Page
Android - Pool detail page
Defining the User Flow

This flow diagram shows the following user actions and decisions.

Hamburgs' swimmers want to reach these five main objectives:

  • Log in/ or Sign up (Flow 1)

  • Access their profile and view their member card (Flow 4)

  • Find a pool (Flow 2)

  • Buy a ticket (Flow 3)

  • View their current ticket and buy/see other prices and options (Flow 5)

Flow with magnified areas
Flow with magnified areas
Flow with magnified areas

Dear guests, due to the current staff shortages, some of our pools are closed to the public on up to 2 days a week. See opening hours in PDF.

From the current Bäderland (opens in new tab) website.

One Key Problem

Currently the opening hours at Bäderland are uploaded in form of a PDF.

This table of all opening hours of the swimming pools in Hamburg isn’t responsive
and therefore not mobile friendly.


Severe Accessibility Issues

This PDF document has contrast issues, with the use of red on
green background. Visually impaired customers may not be able to
distinguish the days of the week a swimming pool is open (red) as opposed to the closed ones (on green).
The opening hours for every pool in Hamburg are listed in a table, which isn’t scrollable.
So the experience is cumbersome, only made for desktop use and for people with a lot of patience.

Essentials for Swimmers

My component inventory revealed that the app's vital features should prioritize on presenting key information in a progressive style. The pool’s opening hours, facilities and location should be discoverable in a logical and easy to access way. This ensures that swimmers can make faster decisions, when deciding to go swimming.

Improvements and Interations at every Lap

The low- to mid-fidelity wireframes for the Bäderland native apps
evolve at every step. 


I integrated feedback from swimmers from my usability testing sessions, in order to improve my ideas and incorporate appropriate patterns. Progressive disclosure enhances the experience and speed by which swimmers can search for their favorite pool and gradually discover relevant information.

Illustration of progressive disclosure
Illustration of progressive disclosure
Progressive Disclosure

The swimmers can select their favorite pool and gradually choose to discover more information on opening hours.

Ticket page added

The ticket page was added after testing.
This turned out to be a vital need of the swimmers.

Ticket Page
Ticket Page
Ticket Page

Outcome - customer centred and strategic improvements

While working on the Bäderland App, I learned that it is essential to allow for more time in the early phase of a project like this, to thoroughly understand the existing info architecture. Despite the lack of access to real data, I leveraged my expertise in UX design, conducting audits of the Bäderland website and multiple rounds of usability testing. Additionally, my personal research during the pandemic served as a valuable foundation and inspired the original concept for this project.
I also recommend a structured usability testing session as it often yields richer insights and data to work with and iterate on within the product cycle.


Next Steps

To do a structured usability test with a range of age groups and see whether the app fulfills the needs of younger but most importantly older users and what we can improve on in terms of accessibility.

Developer Communication


  • Communicate and share the product context early

  • See the Hand-off as an iterative and continuous process (Hot-Potato approach)

  • Discuss ideas and intricacies of the two App platforms with the developers early and continuously

  • Make sure to focus on accessibility, interactions and usability details within a 'hand-off' document

  • Communicate changes clearly and consistently and use a living document (design system), that is understood by both sides

Outcome - customer centred and strategic improvements

While working on the Bäderland App, I learned that it is essential to allow for more time in the early phase of a project like this, to thoroughly understand the existing info architecture. Despite the lack of access to real data, I leveraged my expertise in UX design, conducting audits of the Bäderland website and multiple rounds of usability testing. Additionally, my personal research during the pandemic served as a valuable foundation and inspired the original concept for this project.
I also recommend a structured usability testing session as it often yields richer insights and data to work with and iterate on within the product cycle.


Next Steps

To do a structured usability test with a range of age groups and see whether the app fulfills the needs of younger but most importantly older users and what we can improve on in terms of accessibility.

Developer Communication


  • Communicate and share the product context early

  • See the Hand-off as an iterative and continuous process (Hot-Potato approach)

  • Discuss ideas and intricacies of the two App platforms with the developers early and continuously

  • Make sure to focus on accessibility, interactions and usability details within a 'hand-off' document

  • Communicate changes clearly and consistently and use a living document (design system), that is understood by both sides

Next project

Routehoppers

I’m Anja — a UX/UI Designer from Hamburg, powered by 100% human creativity and understanding.

Email me here

sackhauchwitz.anja(at)gmail(dot)com

Find me here

© 2024 Anja Sack-Hauchwitz

I’m Anja — a UX/UI Designer from Hamburg, powered by 100% human creativity and understanding.

Email me here

sackhauchwitz.anja(at)
gmail(dot)com

Find me here

© 2024 Anja Sack-Hauchwitz

I’m Anja — a UX/UI Designer from Hamburg, powered by 100% human creativity and understanding.

Email me here

sackhauchwitz.anja(at)gmail(dot)com

Find me here

© 2024 Anja Sack-Hauchwitz