Guardian Glass Expert

Guardian Glass Expert — window IGU selection tool

IOS Android Локализация Подсказки Компас Контроль звука

Проектирование

Описание ситуации

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

Задачи

1. Проектирование, дизайн и разработка мобильного приложения Guardian Glass Expert для iOS и Android.
2. Проектирование и разработка административной панели для управления контентом базы данных.
3. Проектирование, создание и наполнение базы данных.
4. Проектирование и разработка мобильного API.

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

window IGU selection tool

Решение

Guardian Glass Expert — наглядный, интерактивный инструмент для подбора оптимальной формулы стеклопакета частного остекления.

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

Мобильное приложение ориентируется на Замерщиков и Менеджеров по продажам пластиковых окон.

Компас


Шумоизоляция


Цвет


Особенности Guardian


Решения Guardian


Решения Guardian


Кроме мобильного приложения в проекте представлена административная панель, позволяющая администраторам регионов управлять контентом в клиентском приложении.

flow of selection

Проблемы, с которыми мы столкнулись

Offline-режим
Основным требованием при проектировании приложения была offline-работа приложения — возможность продемонстрировать подбор оптимального стеклопакета даже в ситуации отсутствия интернет-соединения. Для этих целей была настроена функция обновления базы данных и сохранение полученных с сервера данных в локальной базе данных на устройстве.

Локализация
Целевые пользователи — замерщики и менеджеры по продажам оконных компаний по всему миру, поэтому важно локализовать приложение и сделать его контент доступным и понятным пользователям из разных регионов мира.

Подсказки
Для лучшего понимания работы приложения на экранах Компаса и Шумоизоляции были продуманы минималистичные прозрачные подсказки.

Компас
Экран Компаса позволяет воспользоваться встроенным функционалом определения стороны света.

Шумоизоляция
Экран Шумоизоляции демонстрирует эффект поглощения звука при стеклопакетах с различным уровнем шумоизоляции.

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

Лэндинг Guardian Glass Expert

Лэндинг приложения Guardian Glass Expert guardianglassexpert.com был спроектирован в дополнение к приложению в середине 2016 года.
Вдохновением послужила легкость и воздушность лэндинга для приложения Spendee www.spendee.com.
Навигация поблочная с демонстрацией одного блока на весь экран.
Контент лэндинга может контролироваться через CMS.

Разработка

Стек технологий


Project Management

Trello
Slack


Back-end

Yii2
PHP
apiary.io
Web-Administrator


Front-end

Java
Objective C
API integration
Localization
Google analytics integration
SQLite


DESIGN

Sketch App
Adobe Photoshop

window IGU selection tool


Команда

Менеджеры проекта
Саша Смирнов
Надя Сидорова
Катя Лопато
Диана Климчук
Дизайнеры
Влад Казак
Настя Кошко
Разработчики
Станислав Сидоренко (Android)
Владимир Танаков (Android)
Игорь Николаев (iOS)
Сергей Кохно (iOS)
Влад Казак (web front-end)
Вася Михалюк (back-end)