Illustration of a black cat sitting on a table in front of a lamp and a plant, with a window in the background.

Notification Centre

Designing Bang & Olufsen’s first notification centre

Brief

Bang & Olufsen customers have access to an app that is used to control their products (such as speakers, headphones, etc).

The client wanted to be able to communicate to their customers via the app for product maintenance and marketing messages. The intention was to introduce a Notification Centre.

A flowchart illustrating the final designs for delivery of notifications, showing various stages including notification icon, notification center, and content types, with app screens for a brand new connected speaker.

Building on the brief

A large chunk of the notifications were product promotions. If the customer was interested in the product offer the customer would be taken out of the app in order to fulfil this.

I felt there was an opportunity to improve this experience by introducing ecommerce into the app. I used an experience map to show my clients the gap and opportunity area I had uncovered.

Flowchart titled 'App ecommerce MVP user flow' illustrating the user journey in an e-commerce app, with steps involving notifications, browsing, product details, basket, checkout, and error states, using color-coded boxes.

Preparing for delivery

After I got approval I designed the screens and spoke to the developers to understand their timings and how this could get delivered.

Once I had this information I set a phased delivery process for the ecommerce to be introduced to the app.

Flowchart diagram showing the user journey in the B&O app, including receiving an in-app toast banner, push notifications, and browsing product details.

The results

The Notification Centre designs were built and are live now and the team (at the time I was leaving the account) were about to start implementing my ideas on introducing ecommerce to the journey.

The first phase of this went live in early 2022.