Design

Background

One of the world leaders in the production of energy efficient glass coatings and specialized glass products needed an interactive tool to define the most optimal window solutions for the certain buildings.

Tasks

1. Design and development of Guardian Glass Expert mobile applications for iOS and Android;
2. Design and development of an administrative panel for managing the content of the database;
3. Designing, creating and filling of the database;
4. Design and development of mobile API.

The goal: to develop a mobile application to demonstrate most optimal window solutions.

window IGU selection tool

Solution

Guardian Glass Expert is a step-by-step decision-making tool to help determine the appropriate window solution for home.

Project is a native iOS and Android mobile application with smartphone and tablet adaptation. The application demonstrates the steps of choosing optimal glass solutions based on cardinal directions, appropriate level of acoustic performance, aethetics.

Mobile application is designed to assist residential window manufacturers by providing an additional sales tool.

Compass


Sound Control


Color


Guardian Glass Features


Guardian Glass Solutions


Guardian Glass Solutions


In addition to the mobile application, the project contains an administrative panel that allows regional administrators to manage content on the client application.

flow of selection

Challenges

Offline mode
The main requirement at the stage of application design was the offline-mode of the application - the ability to demonstrate the optimal window solution even in the absence of Internet connection. For this purpose, we set up database update and saved data from the server to local database on the device.

Localization
Target users are window installers and sales managers from window companies around the world, so it's important to localize the application and make it accessible and understandable to users from different regions of the world.

Tips
For a better understanding Compass and Sound Control screens contain minimalistic transparent tips.

Compass
Compass screen allows you to use the built-in side-light detection functionality.

Sound Control
Sound Control screen shows the effect of noise in IGU with different levels of noise insulation.

Database update
To maintain the relevance of data in the application, the database update functionality was designed. Popup message on updating the database on a device is initiated at the administrative level.

Landing Guardian Glass Expert

Landing Guardian Glass Expert mobile appliation guardianglassexpert.com was designed in addition to the application in mid-2016.
The inspiration was the lightness and airiness of the Spendee application landing page www.spendee.com.
Landing presents block-by-block navigation with the demonstration of one block at a time during scrolling.
The content on the landing page can be controlled through CMS.

Development

Technology Stack


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


Team

Project Managers
Alexander Smirnou
Nadya Sidorovah
Kate Lopato
Diana Klimchuk
Designers
Vlad Kazak
Nastya Koshko
Developers
Stanislau Sidorenko (Android)
Vova Tanakov (Android)
Igor Nikolaev (iOS)
Sergey Kohno (iOS)
Vlad Kazak (web front-end)
Vasya Mikhalyuk (back-end)