drag

кейс

Bary

Дизайн сайта и приложения, нейминг и логотип для системы умного дома

ко всем работам
задача

Разработать интерфейс мобильного приложения и айдентику для продукта, который отличается от типичных представителей рынка внедрения Интернета вещей. Приложение должно быть понятным массовой аудитории с простым процессом подключения и возможностью настройки автоматизаций.

клиент

Bary

отрасль

IT, Интернет вещей

год запуска

2019

что сделали

Нейминг
Логотип
Дизайн мобильного приложения
Прототипы и дизайн сайта
Motion-дизайн

Название и айдентика

Важно, чтобы название было универсальным как для российского, так и европейского рынка. Мы рассматривали варианты, в которых прослеживается связь с услугой. На финальном этапе предложили 6 вариантов, каждый из них — с наброском логотипа. Выбрали ассоциацию с «умным дворецким»: Bary, производное от Barrymore — фамилии дворецкого из книги Артура Конан Дойла.

 

Логотип — персонаж на основе замочной скважины и камеры наблюдения, который всегда следит за порядком в вашем доме.

Мобильное приложение

Bary — мобильное приложение для объединения IoT-устройств в единую систему «умного дома» с помощью Wi-Fi. Разработали интерфейс приложения, которое позволяет централизованно управлять гаджетами различных производителей и функционала. 

 

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

Основные функции

Интерфейс Bary построен на ключевых для пользователя функциях: подключении новых устройств; объединении девайсов по зонам — кухня, ванная и так далее; и добавлении новых пользователей — разделили роли по возрастам, чтобы задать разные параметры доступа для каждого члена семьи.

 

Основные разделы вынесли в панель инструментов внизу для быстрого доступа. Каждая функция изображается в виде узнаваемой иконки.

В каждой зоне подключаются устройства, настраивается автоматизация и сценарии для создания нужного микроклимата.

Пошаговая настройка

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

 

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

Сбор статистики

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

 

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

Видеонаблюдение

Что происходит дома в ваше отсутствие? В разделе видеонаблюдения добавили широкоформатные видео — чтобы клиент не упустил ни одной детали. На первом экране раздела доступны к просмотру записи сразу с нескольких камер дома.

 

В зависимости от возможностей установленной камеры, можно управлять качеством картинки, менять режим съёмки, просматривать материал по времени, а также видеть историю событий с датчика движений.

Сценарии

Сценарии и автоматизации — одна из самых интересных функций Bary. Она позволяет настраивать включение нескольких устройств в определенной последовательности с помощью логических функций. Пользователям предлагается ряд настроенных автоматизаций по умолчанию для выбора готового решения со списком необходимого оборудования.

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

Передача проекта

Сделали кликабельные прототипы в Principle, чтобы наглядно передать информацию разработчикам: избежать разногласий с командой на стороне заказчика и убедиться, что финальный продукт будет полностью соответствовать макетам. 

 

Также создали лендинг для продвижения продукта на рынке, но это уже совсем другая история :)

смотрите также

Цифра
банк

Дизайн мобильного портала для цифровой экосистемы банка и брокера

Creddy

Дизайн и разработка сайта для современного p2p-сервиса онлайн-кредитования

Update

Онлайн-журнал МегаФона о технологиях для предпринимателей

связаться

Расскажите о своей задаче

Мы Red Collar, а как зовут вас? Чтобы связаться, нам нужен ваш e-mail Ого, какой тяжелый файл! Больше 10 MБ ждем на hello@redcollar.ru Пожалуйста, проверьте, правильно ли написан e-mail

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