Device DIAGNOSTIC app
ART DIRECTION / VISUAL DESIGN / ILLUSTRATION
T-care is the support system for smartron users. The T-care eco system has other services like live chat, store locators and device diagnostics.
The Device diagnostics application, with the help of a 36 point check, helps users to self assess the device health.
Role and responsibilities
I was responsible as the art director in this project. My primary responsibilities were to define the following:
Design a cohesive visual language.
Define the style for
Iconography
Typography
Illustrations
Design the UI kit that could be used by other teams for further develop the app ecosystem.
Before starting with the project the pre-existing team had already defined the User experience flows, user personas, service blueprint and wireframes.
Beginning with the mood board which was a visual representation of emotions attached with the app like care, together, side-by-side, comfort, support, communication and frustration, I defined the visual language, including color palette, typography, and overall look and feel of the app.
I also created the illustrations for the 36 diagnostic tests, that were simple, realistic and easy to understand. The extensive style guide included button styles, font styles, chat user-interface elements and cell design examples among other things.