Theft ProtectorSOURCENEXT, with offshore partner BJIT

Anti-theft web management for lost and stolen phones

Theft Protector (Anti-Theft Web Management) helps people locate a lost or stolen device and protect the data on it.

Role
Lead UX Designer
Company or client
SOURCENEXT, with BJIT
Period
2018
Platform
Web
View on Behance

01.Getting started

AboutTheft Protector

Theft Protector (Anti-Theft Web Management) helps people locate a lost or stolen device and protect the data on it.

I led the UX and UI design of the Theft Protector website for SOURCENEXT, working with offshore partner BJIT, for version 2.01 of the service.

  • ProductTheft Protector Ver 2.01
  • CategoryAnti-thief web management
  • ClientSOURCENEXT
  • Delivered inPSD and Figma

02.The problem

One day, someone you don’t know may end up holding your phone.

  • Left behindYou might leave it in a taxi.
  • TakenIt might be snatched out of your hand.
  • RisingPhone thefts are on the rise.

A pocket-sized summary of your digital life

That phone holds photos of the places you’ve been and the people in your life, along with videos and personal information. Losing the device is bad; a stranger opening it is worse.

03.How it helps

Four things, when it matters most

Theft Protector Ver 2.01 lets people keep strangers out of their personal information, back up and retrieve the photos and videos stored on the device, and improve their chances of getting the phone back.

  1. 01LocateFind where a lost or stolen device is.
  2. 02ProtectKeep strangers from accessing personal information.
  3. 03Back up and retrieveGet the photos and videos on the device back, safely.
  4. 04Get it backImprove the chances of recovering the phone.

04.The page

Calm, for a stressful moment

People arrive here after losing their phone, so the page has one job: get them signed in and acting fast, while reassuring them they are in the right place. Select a number to see the thinking behind each part.

The homepage, rebuilt in code from the design.

05.Visual language

A yellow shield against a clear blue sky.

Low-poly skyFaceted blues give the hero depth and a sense of calm, without a photo competing with the message.
The shieldOne shape does double duty: it is the logo, and it is the frame for the login.
  • Shield yellow#EEC71A
  • Sky blue#5FA3CE
  • Pale sky#A2CEDC
  • Midnight#0C0B1A
  • Footer ink#171721
  • Cloud#EEEEEF

06.In context

Protect your smart phone from theft or loss

One day, someone else might end up with your phone, lost or stolen. It holds your personal info, photos, and memories. Here’s how to keep your data safe, back up your files, and improve your chances of getting your phone back.

The website in an everyday setting.
Theft Protector Ver 2.01, delivered in PSD and Figma.

Theft Protector, manage your device in any situation.

Full project on BehanceTheft Protector (Anti-Thief Web Management)

View on Behance

Next project

All work

Want to work together?
Drop me a line