Inventomedis AG
Living with diabetes means learning a lot, and early. MediVey, the digital training programme from Inventomedis AG, asks questions after every learning film and sends the answers straight to the practice. We gave it its mark, icon and opening, in German, English and Arabic, from home screen to trade stand.
- Services
- Mark and app icon
- Intro animation
- Wireframes for iPad and iPhone
- Brochure and website graphics
- Presentation
- Roll-up
- Year
- 2016–2019
Diabetes training is mostly paper: printed, translated, marked by hand. Whether anything has sunk in often only shows in the readings.
MediVey turns that round. First a short film, then a few questions, and the answers are with the doctor at once. Who knows exactly where to pick up.
The product used to be called MediPre and asked about satisfaction. Then it started teaching, and a cross was no longer enough.
The new name keeps the beginning. Clinics recognise the product at once, patients discover a new one.
- 01 / 03A cross for a survey. Cross and tick, superscript next to the name. Clearly medicine, but nothing about learning.
- 02 / 03Rings for a course. Tracks around a centre, like knowledge growing ring by ring. The mark needs no words, which counts in three languages.
- 03 / 03Medi stayed. New name, familiar beginning. Four letters everyone already knows.
A cross says medicine. Rings say: something is growing here. The tracks open up, end in dots and interlock like chapters that build on one another.
Only one corner of it fits on the app icon. That is all it takes to find the training again on any home screen.
- 01 / 04Equal spacing, calm picture. Five tracks, almost equally far apart. The mark stays calm, even as it opens up.
- 02 / 04Open, not closed. No track closes, every gap sits somewhere else. The mark moves without moving.
- 03 / 04Every arc ends in a dot. Open and filled dots mark beginning and end, like stops along a route. One strong line leads, finer ones run alongside.
- 04 / 04A crop is enough. The app icon shows only the top left corner. It is recognised all the same, and the name has room.
Before the training begins, the app loads. Those seconds belong to the brand: rings turn, the maker’s name wraps itself around them, and in you go through the O.
Waiting becomes arriving.
- 01 / 04Waiting that moves. Three rings turn, each at its own pace, the middle one against the other two. Loading looks deliberate.
- 02 / 04The rings become the O. The maker’s name wraps itself around them, and the loading symbol turns into a letter. Sender and product, for a moment in one picture.
- 03 / 04Through the O. The rings grow beyond the screen until only colour is left. Not a cut, a step inside.
- 04 / 04Behind it, the training. At the end the icon appears, the same one as on the home screen. The intro ends where the way into the app began.
People on a diabetes course are rarely app experts. So the interface explains itself: one question, big answers, and every answer gets an echo.
The framework came first, then the colour. Only what is understood gets to be beautiful.
- 01 / 03Order first. The wireframe only settles what goes where: one question, big answer fields, visible progress. Nothing else.
- 02 / 03Then the colour. Colour adds no new order, it makes the framework legible. The question stands out, the hint glows, the chosen answer is visible at once.
- 03 / 03Everything stays put. Every element from the wireframe turns up again in the finished screen. Only the progress moves to the edge and gives the question room.
For Arabic, translating is not enough: the whole training flips. Text sits on the right, ticks and buttons change sides, arrows point back, right down to the answer fields in the app.
On the roll-up, English and Arabic share one column. Each language gets its own edge.
- 01 / 04English starts on the left. Each benefit comes first in English, on a fixed left edge. Anyone walking past the stand finds the start of the line without looking.
- 02 / 04Arabic starts on the right. Below it, the same statement in Arabic, on the right edge. Each language has its own beginning, neither is the other’s footnote.
- 03 / 04Two typefaces, one tone. Both typefaces are built with the same sobriety. So two languages read like one text, even though they run in opposite directions.
- 04 / 04Mirrored right into the app. In Arabic the tick in the answer row moves to the left, and the text follows. The control always sits where the eye finishes the line.
Behind the app are three parties: insurers select patients, patients learn, doctors and clinics receive the results.
That became a graphic rather than a page of text. One look, and the business model clicks.
Healthcare loves pictures of smiling people in white coats. This presentation would rather draw: devices, screens and documents in fine lines, with numbered circles leading through the arguments.
The line is as fine as the tracks in the mark. Slide and icon look like siblings.
The same brand holds its own on the home screen and at the trade stand, where people stop in passing. On the phone it measures less than a centimetre, on the roll-up two metres.
The mark at the top, the benefits in English and Arabic below, the sender at the bottom. In between, only what wants to be read.
- 01 / 04Nine millimetres. That is the size of the icon on an iPhone home screen. Among all the other apps, the crop with the rings is enough.
- 02 / 04Phone and tablet. One interface, two devices. Know one and you already know the other.
- 03 / 04On paper. The brochure takes its time over what the app shows in seconds. It carries the same graphics as the website: paper and screen tell one story.
- 04 / 04Two metres. On the roll-up the brand is more than two hundred times the size it is on the home screen. It holds up, because it was already clear when small.
Planning something similar? info@vertikahl.com