Calmi from the
inside out

Easy to obtain, easy to replace

All the parts used in Calmi are off-the-shelf, meaning they're easy to find and order. They are affordable and simple to assemble.

And if any of the components break, it's easy to replace, which allowed me to experiment and learn as I'm building and testing things out.

Light bulb icon representing Calmi’s light feature.

LED light ring

A ring of twenty four light emitting pixels shine into the white SLA-printed dome, allowing for different light patterns to be created.

Speaker icon representing Calmi’s audio feature.

Speaker

Calmi can play sounds and voice-overs through its 3.5-watt speaker and dedicated audio controller.

Charger icon representing Calmi’s wireless charging feature.

Charging

The device runs on a lithium battery. You can charge it via the USB-port or wirelessly by using the provided charger pad.

Image of Calmi

Software

The microcontroller runs on custom-written firmware. It manages communication between all components and facilitates communication between the app and the device.

The custom app has been developed from scratch. It enables users to perform complex interactions that they can't easily execute on the device itself.

Design

Power at your fingertips —

Power at your fingertips —

Power at your fingertips —

Power at your fingertips —

Power at your fingertips —

Power at your fingertips —

Power at your fingertips —

Power at your fingertips —

Power at your fingertips —

Power at your fingertips —

Power at your fingertips —

Power at your fingertips —

Power at your fingertips —

Power at your fingertips —

Power at your fingertips —

Designing a mobile app that can monitor, manage, and analyse high-end lithium smart batteries.
Client
Super B
Location
Enschede, Netherlands
My role
UX / UI Design
Year
2021

Introduction

Super B designs robust, safe, and user-friendly lithium batteries for both individuals and businesses, powering RVs, marine vessels, and industrial applications. Some models include wireless capabilities for better control and data insights. To manage these features, a customer-facing app needed to be built.

All the SuperB app battery fluid states highlighted.
Two phones next to each other displaying the SuperB app.
The SuperB app logo displayed.
A close-up of toggeles used in the SuperB app.

Deliverables

I delivered high-fidelity designs to the developers, including prototypes for what we called the fluid-level indicator, ensuring customers could easily check battery status and access detailed information when needed. The design also included a simple setup process for connecting batteries to the app. I worked closely with developers to ensure a smooth handoff and transition from design to development.

Connectivity

I collaborated closely with stakeholders to define the all the key features of the app. Through user research, we identified different user types and how they interact with the battery and app. I structured the information into two categories: ‘basic’ for essential controls and ‘advanced’ for more complex features and connectivity. This gives users the flexibility to begin with the basics and gradually access more advanced functionality as they gain experience.

Splashscreen of the SuperB app.App screen from the SuperB app displaying the search for batteries screen.App screen from the SuperB app displaying available batteries to connect with.App screen from the SuperB app displaying connect new battery via QR code screen.App screen from the SuperB app displaying the battery connected screen.App screen from the SuperB app displaying a full battery.App screen from the SuperB app displaying a half-full battery.App screen from the SuperB app displaying an almost empty battery.App screen from the SuperB app displaying the battery name modal.

Onboarding

Users can add multiple batteries, with the process integrated into the onboarding flow for ease of use. Since there are different types of batteries, the flow adapts based on the Bluetooth signal received. In some cases, users need to confirm the connection by pressing a button, while in others, a QR code scan is required. The app guides users through each step, ensuring a smooth setup.

More Work —

More Work —

More Work —

More Work —

More Work —

More Work —

More Work —

More Work —

More Work —

More Work —

More Work —

More Work —

More Work —

More Work —

More Work —

More Work —

Calmi

Calm down with Calmi

A device that assists young adults in managing stress by teaching them effective relaxation techniques.

Product
Thumbnail of the Calmi case study showing a person holding the device in their hands.

DEGIRO

Trading repainted

Revamping Europe's leading broker platform platform with a fresh art direction and scalable design library.

Platform
Case study thumbnail of the DEGIRO facelift project showing components of the Markets page.

Lynk & Co

Mobility of the future

Creating the all-new Lynk & Co app for seamless vehicle control, car sharing and borrowing.

Mobile
Thumbnail of the Lynk & Co case study showing a person holding the app in their hands.

Baristö

Bounding through Coffee

Building an app where coffee enthusiasts can share recipes and learn techniques to craft unique brews.

Thumbnail of the Baristö case study showing an app screenshot.
Mobile

Crafted with Care

Sustainable Product Design

Rethinking production methods and prolonging the lifespan of materials in products.

Product
Thumbnail of the Crafted with Care case study showing a person holding the AirPods wireless charger in their hand.