Travel Retail - On The Move
Travel Retail - On the Move (TR-OTM) is a multi-platform retail management system which helps manage and assess the travel retail brick & mortar stores and monitor their sales activities across the world.
THE CHALLENGE
Estée Lauder Companies ensures the white glove experience they offer for their products and services is always consistent across all the stores. The store set up, the product placement and the customer engagement conventions are tuned and monitored from time to time to ensure the best customer experience. The challenge was to build a platform which helps sales managers assess the store, document all the reports and also help out the store in repair and maintenance. They needed a digital transformation of their manual process for better business sustainability.
Final Design
First Time Experience
TR-OTM is developed for native iOS and Android. This gives an ability to the user to work while they are travelling as well.
Once the user downloads the application they are welcomed by a splash screen followed by the login page.
Onboarding
The onboarding flow lets the user decide their preferences which are used to filters out the data shown in the entire application. These preferences can be changed anytime from the header.
The application remembers the last updated preferences and always shows the data accordingly whenever the app is opened up.
Home
This is the first page on which the user will land after the onboarding is done. Home gives a quick overview of all activities pertaining to the prefered location, brand and store. This includes sales data, recent store visits and updated visual merchandise material.
It also provides quick links directing to the important sections of the application. These links can also be accessed from other screens using the ‘+’ icon on the header.
Dashboard
The dashboard gives an in-depth graphical representation of the sales data as per business categorisation.
These graphs can be expanded to see further granularities of the data. Showing a large amount of content with multiple data points and an ability to apply filters to each of the graphs was a real challenge over here.
Progressive disclosure of the content helped me represent the data efficiently even with space constraints on the mobile screens. This logical structuring was intended to reduce the cognitive load of the users.
Repair Request
The desktop and the iPad both had a list structure for showing all the repair requests raised by the user. In order to show the same information on mobile screens, I converted the list view into a compact card view and used a different data structuring to represent all the information effectively.
I have used accordions for the pages where there was a lot of content and action items. This categorisation helped the user to find the required information faster and also saved a lot of scroll on the pages.
The user is notified if there is a new update in any of the closed accordions. This helped user to quickly identify any progress on the ticket or if a new comment is mentioned.
Store Visit
I reprioritised the data that needed to be shown on the store visit page with the help of the client. This gave me an understanding of the most relevant information while remaining data was presented using collapsible elements. I introduced various range selectors, intuitive data pickers and smart data integration to pull up flight names, airport addresses and product SKUs to make data collection easy and accurate.
