Explore
Уложитесь в мой дедлайн?
Обязательное поле
Некорректный номер
Некорректный Email
Обязательное поле
Все поля обязательны к заполнению
Далее
Далее
Роль в проекте
Интересующая услуга
Примерный бюджет
Пожалуйста, проставьте по варианту в каждой категории
Отправить
Отправить
several colorful figures
Заявка отправлена
В ближайшее время с вами свяжется наш менеджер
Oops! Something went wrong while submitting the form.

Шокеры: приложение для анализа данных с электрошокеров

К нам обратился производитель электрошокеров для полицейских и охранных предприятий, выпускающийся под брендами Gard, Magen и Lumos. Компания продаёт шокеры в трёх странах. Нужно было сделать дизайн и разработать десктопное приложение для анализа данных с шокеров.

О проекте
Задача

У заказчиков уже был работающий прототип с интерфейсом в стиле Win XP. Для проверки
работоспособности идеи этого хватало. Но чтобы создать действительную ценность 
для пользователей шокеров, нужно было сделать удобный и понятный интерфейс. 
Мы полностью переосмыслили UX и одели его в трендовый и цепляющий UI.

Как работает

В шокере есть чип, который подключается через провод к компьютеру и загружает приложение. Приложение считывает 
все выстрелы из шокера. Это нужно, 
чтобы оправдать или наоборот, 
призвать к ответственности человека. 
При каждом выстреле чип фиксирует 
время, длительность работы и силу заряда.

Пользователь

выбирает язык и входит по логину, который
приходит на почту от администратора

видит список девайсов,
открывает один из них

получает детализированный отчёт — время выстрела, его продолжительность и диаграмму разряда.

Language selection screen for mobile app
Device management dashboard screenshot
Device management dashboard with power graph
56
часов дизайна
432
часов разработки
Mobile app analytics dashboard screen
Dashboard design for device management and reporting
Mobile app design interface screenshot
Mobile app design interface screenshot
Типографика

Lato

Semibold
Regular
Цвет
131313
202020
5C5C5C
23E272
002B82
22469F
7296EF
002B82
Шрифт

У заказчиков не было своей типографики, поэтому шрифт мы выбрали сами — взяли  Lato.
Он хорошо подходит к дизайну, потому что нейтрален и сочетается с любым интерфейсом.

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

Интерфейс поделен на три смысловых блока: девайс, информация о выстреле и диаграмма разряда. С такой структурой пользователю легко ориентироваться
на экране. От диаграммы разряда пользователя отделяет всего 2 клика.

В синей теме заказчики хотели сделать зеленые линии на синем фоне.
Мы предложили их сделать белыми, чтобы добавить контрастности.

В итоге диаграмма стала более читаемой.

Сделали 

адаптивный 

дизайн

Дизайн, разумеется, адаптивный, чтобы приложение корректно отображалось на разных устройствах и размерах экранов.

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

Разработка

Мы разработали приложение на Electron.js. Это сэкономило время и деньги заказчика: писали один код, а в результате получилось три приложения — Mac, Windows и Linux.

Разработка

Мы разработали приложение на Electron.js. Это сэкономило время и деньги заказчика: писали один код, а в результате получилось три приложения — Mac, Windows и Linux.

Поработали с железом

Чтобы протестировать все возможные случаи, мы попросили заказчика выслать
нам один шокер. Нам его не выслали. Но выслали микросхему из шокера,
которой хватало для тестирования основных функций.

Вспомнили, как паять провода

Микросхема подключалась к ноутбуку
через два провода. И один провод
постоянно отсоединялся, поэтому
наш проектный менеджер достал папин советский паяльник и вспомнил,
как им орудовать.

Что с проектом сейчас

Мы передали готовое приложение заказчикам. Они в восторге от результата. 
Сейчас они переделывают корпусы для шокеров, первая серия скоро будет выпущена, поэтому приложение ждёт своего звёздного часа ⭐️