UX/UI дизайн & брендинг

Ateuco — Toolsid

Первая интеллектуальная
система управления и анализа
использования оборудования

Ateuco — Toolsid

О проекте

Первая физически осязаемая MDM система toolsid.
Решение для безопасного хранения и анализа использования дорогостоящего оборудования и материалов.
Устройство позволяет избежать ручного учета расходных материалов и сэкономить время сдачи и получения оборудования. раскрывает широкие возможности сбора данных и их анализа для дальнейшего управления парком мобильного оборудования на складе.

Проблема

  • Устаревший дизайн внутрикорпоративного приложения для сотрудников
  • Сложная логика приложения и взаимодействие пользователя с продуктом
  • Сложная визуализация данных и вывод статистической информации

Цель проекта

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

Решение и объём работ

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

1. Анализ

Проведение предпроектного анализа (ниша и пользовательский опыт). Изучение функционала и структуры актуального приложения. Подбор способа визуализации данных исходя из потребностей пользователя

2. Wireframing

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

3. UI-дизайн

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

4. Тестирование и передача в верстку

Проверка решения, доработка интерфейса и передача в верстку с комментариями для разработчика.

Style guide

Manrope
Manrope — семейство геометрических шрифтов без засечек с открытым исходным кодом. Поддерживает большинство языков латиницы и кириллицы. Новый шрифт Михаила Шаранда
Colors
Подобранные цвета ассоциируются с компанией и с товарами, которые она предлагает. Акцентный цвет ассоциируется с энергией, креативностью, удачей, технологичностью, новизной

Wireframes

UI-kit

Разработка дашборда в светлой и темной теме

Создание уникального дизайна дашборда внутрикорпоративного приложения на основе компонентов UI- кита. Удобный вывод статистических данных, отображение всех необходимых параметров, улучшенная читабельность графиков и удобная навигация. Дополнительно проработана функция перехода на темную тему.

Темная тема

Creator — Ваш идеальный менеджер по продажам

Конфигуратор поможет создать эффективные посадочные страницы, разделы, динамические и статические страницы.

Разработка корпоративной презентации

  • 9 слайдов с презентацией продукта и его особенностей

  • Анимация слайдов при просмотре

Свяжитесь с нами