Smart tracking system.
It records every discharge.
About Project
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.
User
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.
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.
Feedback
The demo was short as we got only three comments:
-
Wow, this looks amazing!
![shockers feedback emoji #1]()
![shockers feedback emoji #2]()
![shockers feedback emoji #3]()
![shockers feedback emoji #4]()
-
Let's change
the color a bit![shockers feedback emoji #5]()
![shockers feedback emoji #6]()
![shockers feedback emoji #7]()
![shockers feedback emoji #8]()
-
Increase the headings
a bit, please![shockers feedback emoji #9]()
![shockers feedback emoji #10]()
![shockers feedback emoji #11]()
![shockers feedback emoji #12]()
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
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.
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 ⭐️
Wish to calculate the cost of your project for free?
Submit a request!Thanks for your inquiry. It usually take up to 24 hours to get back with reply.
Wanna schedule an online meeting?