Check and protect your smartphone

Programs that were used

About project

Customer

Company "Support.ua"

Support.ua approached me with the request to create an application that helps consumers secure their devices from damage. The primary purpose of the service is to insure the smartphone screen. The customer can sign up for an insurance subscription or purchase an insurance package without worrying about the phone being destroyed because the firm would promptly repair it. To obtain insurance, the user must complete the series of smartphone screen tests to demonstrate that the smartphone was not damaged at the time of insurance.

Thus, when designing this mobile application, it was vital to consider screen testing functions as well as the ability to apply for and purchase insurance.

  1. Search and analysis

  2. User-Flow

  3. Wireframes

  4. Interface design for Android and iOS

Stages of work

User-Flow

When I first started working, I had to analyze similar programs that were already on the market. After receiving the complete perspective of how competitors deliver this service, I proceeded to create a User-Flow. With the assistance of company managers and competitor research, I was able to determine the primary navigation paths and create the user-friendly and straightforward interaction scheme for each screen. Analyzing User-flow showed us how to better structure features and provide users with intuitive navigation.

Legend

Wireframes

Wireframes assisted in defining the precise location of buttons, input fields, and other objects on application screens, ensuring their logical and convenient distribution. I attempted to avoid overwhelming the interface, resulting in a minimalist and clear design.

Based on the wireframes, I constructed a clickable prototype in Figma, allowing me to test and enhance the interface before moving forward with the design.

Design elements

Interface Design

From the mobile application's main page, you can take a quick or complete insurance registration test.

A fast test is a collection of tests that run independently of one another. You can pass one or more tests.

Full protection is a series of interconnected checks. You must pass all of the tests in order. After successfully clearing all of the tests, you can select and purchase insurance.

Home page

Following the application's initial launch, the user is presented with four onboarding screens, each including a brief overview of the application. The introductory onboarding process allows the user to immediately learn the software's benefits. This is valuable and visually appealing information for the user.

Onboardings

To conduct the first test, the user needs to completely draw the smartphone display with his finger within 60 seconds. In this way, it is checked how well the sensor works.

Test #1

One of 5 colors will appear on the screen with a solid fill. You will need to touch the screen to change the color. This will help check the integrity of the pixels.

Test #2

The third test allows you to check how many fingers the device can detect when you touch the display with several fingers at the same time. This helps to understand whether the screen responds correctly to the position of the fingers.

Test #3

The fourth test asks the user to press their finger firmly on the circles that appear on the screen until they turn green. This helps to check how well the 3D Touch function works.

Test #4

The app's main function is to sell insurance to safeguard your smartphone's screen. As the result, it was important to create functional displays for choosing and purchasing insurance.

Additionally, screens were required to enable the user to submit the application in the event of the insurance incident.

In addition, there were screens containing directions, contracts, and frequently asked questions.

Other screens