Explore
Need help with your project?
This field is required
Incorrect phone number
Incorrect Email
This field is required
Please fill in all fields
Next
Next
Your role in the project
Services
Budget
Please select one option in each category
Submit
Submit
several colorful figures
Request sent
Our manager will contact you shortly.
Oops! Something went wrong while submitting the form.

An app for analyzing stun gun usage

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.

About Project
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.

User

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

sees a list of devices,  opens one of them

gets a detailed report: the discharge time, duration, and chart.

Language selection screen for mobile app
Device management dashboard screenshot
Device management dashboard with power graph
56
hours to design
432
hours to develop
Mobile app design dashboard with charts and data
Mobile app design analytics dashboard
Mobile app design analytics screen
Mobile app design overview screen
Typography

Lato

Semibold
Regular
Color
131313
202020
5C5C5C
23E272
002B82
22469F
7296EF
002B82
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.

Device management dashboard screenshot
Device management dashboard with action details and power graph
Device monitoring dashboard with power graph
Device management dashboard with power graph

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.

Device management dashboard with power graph
Device management dashboard with power graph and actions
Device monitoring dashboard with power graph
Device management dashboard with power graph
1280х720
1440х1024
1920х1080
2560х1440

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 ⭐️