2021
MoTeBo
Product Design
UI Design
UX Design
Design system management
Mobile app designer
Web platform assistant UI designer
The TVest mobile application for smart vests users gathers information from their wearable technology and shares it to a security center web platform.
Create a design system and user interface for a wearable technology monitoring mobile application and support in the UI design of an IoT device management web platform.
The team had already done user research and an initial prototype of the web platform before. I used these elements as jumping off points for the development of the mobile app.
My first step was to build a Persona based on the data collected by the team, in order to keep the product focused on solving users frustrations and goals.
With the help of the team, we established user flows through the application, to help decision making when designing the interface.
Low fidelity sketches and prototypes were made, evaluated and tested to develop ideas, identify pain points and determine new design ideas.
I focused on the following practices to design an user-friendly design system:
01
Typographic hierarchy and contrast
02
Minimal use of color
03
Similar component layouts
Roboto was chosen for its neutral qualities and it's legibility at small scales.
Using MoTeBo's identity colors as a starting point, I expanded the color palette to fit industry trends.
I also created component libraries to help developers maintain visual consistency across the application.
The final design offers a simple and fast process for pairing, validating and monitoring smart vests. Informs users how their wearable technology is working and shows other details related to their device.
Splash and log in screens.
The app features both light and dark modes and they can be swapped with a few taps.
Status feature an add device section where users can pair their smart vests.
After pairing a smart vest, users can check basic status information of their device.
The user window allows access to device, group and account information.
In addition to the application, I also collaborated designing graphic elements, wireframes and prototypes for the web platform of management and supervision of smart vests.
From the dashboard screen you can search for any operating device, access its status screen and know recent activity.
Location screen allows access to informationof specific active devices and groups.
