Scroll

Smart tracking system.

It records every discharge.

About Project

shockers about project bg

Our clients were a stun gun manufacturer that produces Gard, Magen, and Lumos stun guns for police officers & guards in three countries. They requested to design and develop a desktop app that would analyze data collected by the stun guns.

A task

They had a functioning prototype with a WindowsXP-style UI. It was enough to check the feasibility of the idea. Still, only an easy-to-use interface could make the app actually valuable for stun gun owners. So, we redesigned the entire UX and created a trendy and catchy UI.

How it works

A wire connects a stun gun chip and a computer. This way, the app reads the shot data recorded by the stun gun. This information may prove a person guilty or innocent. Every time a user shoots a stun gun, the chip records the discharge time, duration, and power.

shockers how working button

User

  • selects a language and logs in with a username they receive from an administrator via email

    shockers user demo screen #1
  • sees a list of devices,
    opens one of them

    shockers user demo screen #2
  • gets a detailed report: the discharge time, duration, and chart.

    shockers user demo screen #3

0

hours to design

0

hours to develop

Design

The Call of Duty UI inspired us: the dark shades, contrasts, as well as highlighted charts and figures.

shockers design screen #1
shockers design screen #2
shockers design screen #3
shockers design screen #4
shockers design screen #5
shockers design screen #6
shockers design screen #7
shockers design screen #8

Design

The client has three stun gun brands, so we used the same UX but made various UIs. Gard and Lumos apps got a black and green color scheme and Magen app got a blue and white one.

shockers design screen #9
shockers design screen #10
shockers design screen #11
shockers design screen #12
shockers design screen #13
shockers design screen #14
shockers design screen #15
shockers design screen #16

32

24

16

Typography

Lato

Semibold

Regular

Color

131313

202020

5C5C5C

23E272

002B82

22469F

7296EF

CA4665

Font

The clients had no typography, so we were free to select a typeface. We chose Lato, as it is neutral and goes great with any UI.

Design

shockers design info image #1
shockers design info decor image #1 shockers design info decor image #2
shockers design info image #2
shockers design info decor image #3 shockers design info decor image #4

Design

The UI comprises three blocks: the device, shot details and a discharge chart. This structure enhances navigation. It takes a user only two clicks to view a discharge chart.

The clients wanted to have green lines on the blue background. We suggested going with white instead to enhance the contrast. As a result, the diagram is easier to read.

Responsive design

Of course, we developed a responsive design for the app to function correctly on devices of different sizes.

shockers adaptive button
shockers adaptive demo screen #1
shockers adaptive demo screen #2
shockers adaptive demo screen #3
shockers adaptive demo screen #4

1280х720

1440х1024

1920х1080

2560х1440

shockers adaptive OS image #1
shockers adaptive OS image #2
shockers adaptive OS image #3

Development

We chose Electron.js to develop the apps. It saved our time and the client’s money: we wrote one code, but got three apps — for Mac, Windows и Linux.

Development

We chose Electron.js to develop the apps. It saved our time and the client’s money: we wrote one code, but got three apps — for Mac, Windows и Linux.

Hardware test

We asked the client to send one stun gun for testing all the possible cases. They sent us just a chip that was enough to test the key functions.

How we solder the wires

The chip is connected to the laptop with two wires. One of them kept disconnecting, so our project manager found his father’s old soldering iron and had to refresh his memory on how to use it.

The project now

Our clients have received the completed app, and they are thrilled. Now they are changing the stun gun cases. Soon they will release the first set of stun guns so the app’s time to shine is coming soon ⭐️

Wish to calculate the cost of your project for free?

Submit a request!