Case study · Client work · medi, Germany

Made to measure, one step at a time.

medi makes compression stockings, braces and insoles. Specialist shops order them through medi’s e-shop. I designed it around one search, three kinds of order and a made-to-measure flow that asks for one measurement at a time, on desktop and on a phone.

Role: Product designer
Client: medi, Germany
Years: 2020–2024
Screens: Desktop and mobile web

Quick order: a search for Genumedi shows four knee supports with photo, price and colours, under the three kinds of order

01 · Quick order

Every order starts with one field.

The search takes an article name, an article number or an MTM number. Below it are the three kinds of order: made to measure for a patient, standard for a patient, and stock for the shop itself. Typing shows the products right away.

Stock order: twelve body parts as cards with small drawings, from leg and knee to back and hand

MTM order: article types as cards, each with a drawing of the garment

02 · One question per screen

A long order, cut into short answers.

A made-to-measure order has many choices: body part, knitting, article type, compression class, foot style. Each screen asks one of them, and a trail at the bottom keeps every answer so far. Back and forward arrows step through it, and an order can be paused and picked up later.

Waist circumference: a drawing of the hips with three tape lines, the value 60 entered, and a note on how to measure

Measurement of the right leg: a drawing of the leg with the point to measure marked, a field for the value and the trail of choices at the bottom

Measuring: the drawing shows where the tape goes, the field takes the number, a short note says how.

03 · Mobile web

The same order on a phone.

The phone keeps the same steps. The search and the three orders come first, each question takes the whole screen, and the order stays in a bar at the bottom with its trail, so it can be paused or closed from anywhere.

Quick order on a phone: the search and the three kinds of order — Quick order

Stock order on a phone: four product categories — Category

Body part on a phone: leg, knee and ankle with small drawings — Body part

A product on a phone: a new knee support with its photo, and the order trail at the bottom — Product

Screens from the design file. Product photos are medi’s.

Let’s build the whole thing.

Contact me