Safe2win

KaskoButik · Mobile app · Case study

Safe2win scores how safely you drive and turns that score into discounts. I designed the mobile screens for KaskoButik, a car insurance brand: onboarding, a test drive with live alerts, the driver score and the related KMatik "pay as you drive" screens.

Design board with six dark-blue phone screens: Safe2win onboarding, a test drive on a map with a speed alert, two driver score screens (87 and 55), and two KMatik screens.

01Overview

Your driving, scored, and priced accordingly

The promise is on the first screen: the higher the score, the lower your price for services throughout Klaster. Everything after that explains the score, so the driver can see what to change.

The app is dark navy with a map texture, which suits use in a car. Colour carries the meaning: the score ring glows green when driving is good and red when it is not.

02What I designed

Start, drive, see the score

  • OnboardingOne message and one button

    "Check how safe you are & get discounts", a line on how pricing works, and "Start driving".

  • Test driveLive route with alerts

    The route draws on the map, a red banner warns about speeding, and a round "End Test" button stops the trip.

  • ScoreTotal score and four sub-scores

    Brake, speed, acceleration and idling each get a small ring under the main one; the ring's glow turns from green to red.

  • EventsWhat lowered the score

    A list of incidents, such as harsh braking and high speed, each with a warning icon.

  • KMatik"Плачу как вожу" product screens

    A KaskoButik-branded pair in Russian: a card illustration, then the same card listing the bonuses.

03Screens

From the first tap to the score

Safe2win onboarding over a dark map with a car at the bottom, the headline 'Check how safe you are & get discounts' and a blue 'Start driving' button
StartThe pricing promise and a single button.
Dark map with a blue route line, a red 'Slow down! You have exceeded the speed limit' banner and a round End Test button
Test driveRoute, live speeding alert and End Test.
Driver score screen with a green-glowing ring showing 87 Total Score, four small rings for Brake, Speed, Acceleration and Idling, and one Harsh Break event
Good score87 overall, with one harsh-braking event.
Driver score screen with a red-glowing ring showing 55, a speeding alert banner and three events: Harsh Break and two High speed
Low scoreThe same screen at 55: red glow, alert and more events.
KaskoButik screen with the KMatik logo, the line 'плачу как вожу' and a yellow outlined card illustration on navy
KMatikThe "pay as you drive" card.
The same KMatik card turned to show six bonuses with yellow line icons, labelled 'бонусы'
BonusesThe card's second slide lists the bonuses.
  • Add the year to the header line.
  • Confirm how Safe2win, KMatik, KaskoButik and "Klaster" relate, and whether the KMatik screens are part of this project.
  • The onboarding frame is named "Save2win" in Figma; the page uses Safe2win as on the logo. Confirm your role and whether it shipped.