Mall management PLATFORM

Indoor map editor tool for efficient location management

COMPANY

HyperIn

ROLE

UX Designer

EXPERTISE

UX/UI Design

YEAR

2023

Empowering property teams to manage indoor location data

Designed a scalable 2D mapping editor that enables property teams to manage indoor environments through data layers for space management, building infrastructure, and indoor routing.

Led end-to-end UX process, including discovery, user flows, prototyping, and design handoff to developers, reducing task complexity through scalable UI patterns, improved workflows, and intuitive interactions. Resulting in greater efficiency and fewer claim requests. Collaborated closely with PMs, engineers, and domain experts to deliver a user-friendly interface balancing functionality and simplicity.

Team

Product manager
UX Designer (me)
Engineers
Map developer domain expert
QA

Context

The Indoor Mapping Editor is a core tool used by shopping center property managers to configure and maintain store locations, building facilities, and navigation routes. This ensures accurate, up-to-date floor maps are reflected across digital signage (kiosks), websites, and mobile apps.

Challenge

Property management teams faced outdated map editing tools that were slow, prone to errors, and unable to handle complex workflows at scale. The challenge was to design a tool that enables efficient, flexible editing, empowering users with familiar controls while avoiding unnecessary complexity.

Role

Led the end-to-end process including discovery, ideation, iteration, and supporting developers with implementation.
Uncover insights and translate concepts into the new redesign to gain alignment and drive decision making.
Defining information architecture and user flows
Interaction, Visual design, Prototyping

what we learned

The current map tool is complex and rudimentary

To uncover the pain points I audited the feature and collected feedback through the Customer Service team since they were responsible on managing the maps. Here’s what I discovered:

Research & Planning

Feature audit
I evaluated the feature by uncover usability issues and flows problems. I talked with costumer service team to deeply understand workflows, use cases and discover pain-points.

Major issues

Difficult to navigate and complete task:

Not well integrated flows and navigation. No sense of completion and not consistent with the Admin Portal patterns.

Training needed for effective use:

Users need to be trained in order to use the map. The setup process can be confusing and is easy to make mistakes.

Extra cost and inefficiencies:

Customer service involvement was necessary to manage map tasks on behalf of users, causing extra cost and inefficiencies.

Example of the original tool

Facilities property
Example of the original maps editor view when adding services on the map
store management
User define the service properties. Left bar contains map interaction and draw tool. Right panel contains, map navigation, map visibility, edit and zoom properties.
Facilities property
Example of the original maps editor view when adding services on the map
store management
User define the service properties. Left bar contains map interaction and draw tool. Right panel contains, map navigation, map visibility, edit and zoom properties.
Facilities property
Example of the original maps editor view when adding services on the map
store management
User define the service properties. Left bar contains map interaction and draw tool. Right panel contains, map navigation, map visibility, edit and zoom properties.
Facilities property
Example of the original maps editor view when adding services on the map
store management
User define the service properties. Left bar contains map interaction and draw tool. Right panel contains, map navigation, map visibility, edit and zoom properties.

IDEATION

Conceptualising the new experience

I designed a task-oriented workflow that guide users to complete each task efficiently with clear instructions and sense of completion.

What I did it

Explore flows
I did low-fi designs to quickly explore different alternatives and find the best solution for users.

How I did it

Facilitations
Conducted facilitation and kickoffs with PM, developers and the domain expert involved in the project to iterate flows and identify feasibilities.

Workshops and sessions I facilitated

testing adn validation

Solving workflow gaps

During this phase, we came across certain limitations and challenges in redefining the map tool structure. We needed to be backwards compatible with the current 25 maps that were in production, so in order to continue support them, we needed to include the routing.

What I did

Conducted testing across various scenarios and environments to ensure compatibility and performance. Gathered user feedback through beta testing and iteratively optimised the tool.

Key optimizations

Users need to complete a single task through different flows, which can lead to confusion or frustration.

solution

Final designs

The task oriented flows, allow users effortlessly manage the data.

Streamlined navigation and simplified map interaction

Reduce cognitive load between navigation, configuration settings, and direct map interactions (zooming, panning, floor selection). Key user actions are placed in the tab bar for easier access and navigation.

Contextual editing made easy

The split-screen layout with a list view lets users easily search and browse all indoor store locations and services on the map. This approach also influenced the addition of list views and modal windows to provide better context during editing.

Location management
The stores are displayed in a scrollable list where Admins can quickly find the tenants, or quickly select them from the map.
Adding facilities become easy
Services are displayed in a scrollable, categorized list for easy identification and quick drag-and-drop onto the map. The modal provides editing context.
Routing instructions are more readable
Directions are now easier to follow and more readable. The original design lacked instructions for editing, adding, or deleting routes.
Layers visibility provide context
Users can toggle different layers on and off, giving them more control over the map and helping them place nodes more effectively when creating routes.
Location management
The stores are displayed in a scrollable list where Admins can quickly find the tenants, or quickly select them from the map.
Adding facilities become easy
Services are displayed in a scrollable, categorized list for easy identification and quick drag-and-drop onto the map. The modal provides editing context.
Routing instructions are more readable
Directions are now easier to follow and more readable. The original design lacked instructions for editing, adding, or deleting routes.
Layers visibility provide context
Users can toggle different layers on and off, giving them more control over the map and helping them place nodes more effectively when creating routes.
Location management
The stores are displayed in a scrollable list where Admins can quickly find the tenants, or quickly select them from the map.
Adding facilities become easy
Services are displayed in a scrollable, categorized list for easy identification and quick drag-and-drop onto the map. The modal provides editing context.
Routing instructions are more readable
Directions are now easier to follow and more readable. The original design lacked instructions for editing, adding, or deleting routes.
Layers visibility provide context
Users can toggle different layers on and off, giving them more control over the map and helping them place nodes more effectively when creating routes.
Location management
The stores are displayed in a scrollable list where Admins can quickly find the tenants, or quickly select them from the map.
Adding facilities become easy
Services are displayed in a scrollable, categorized list for easy identification and quick drag-and-drop onto the map. The modal provides editing context.
Routing instructions are more readable
Directions are now easier to follow and more readable. The original design lacked instructions for editing, adding, or deleting routes.
Layers visibility provide context
Users can toggle different layers on and off, giving them more control over the map and helping them place nodes more effectively when creating routes.

Location management
The stores are displayed in a scrollable list where Admins can quickly find the tenants, or quickly select them from the map.
Adding facilities become easy
Services are displayed in a scrollable, categorized list for easy identification and quick drag-and-drop onto the map. The modal provides editing context.
Routing instructions are more readable
Directions are now easier to follow and more readable. The original design lacked instructions for editing, adding, or deleting routes.
Layers visibility provide context
Users can toggle different layers on and off, giving them more control over the map and helping them place nodes more effectively when creating routes.
Location management
The stores are displayed in a scrollable list where Admins can quickly find the tenants, or quickly select them from the map.
Adding facilities become easy
Services are displayed in a scrollable, categorized list for easy identification and quick drag-and-drop onto the map. The modal provides editing context.
Routing instructions are more readable
Directions are now easier to follow and more readable. The original design lacked instructions for editing, adding, or deleting routes.
Layers visibility provide context
Users can toggle different layers on and off, giving them more control over the map and helping them place nodes more effectively when creating routes.
Location management
The stores are displayed in a scrollable list where Admins can quickly find the tenants, or quickly select them from the map.
Adding facilities become easy
Services are displayed in a scrollable, categorized list for easy identification and quick drag-and-drop onto the map. The modal provides editing context.
Routing instructions are more readable
Directions are now easier to follow and more readable. The original design lacked instructions for editing, adding, or deleting routes.
Layers visibility provide context
Users can toggle different layers on and off, giving them more control over the map and helping them place nodes more effectively when creating routes.
Location management
The stores are displayed in a scrollable list where Admins can quickly find the tenants, or quickly select them from the map.
Adding facilities become easy
Services are displayed in a scrollable, categorized list for easy identification and quick drag-and-drop onto the map. The modal provides editing context.
Routing instructions are more readable
Directions are now easier to follow and more readable. The original design lacked instructions for editing, adding, or deleting routes.
Layers visibility provide context
Users can toggle different layers on and off, giving them more control over the map and helping them place nodes more effectively when creating routes.

Takeaways

The new tool significantly reduced the need for customer support, empowering property teams to manage their maps more independently. Customers also provided positive feedback, emphasising the tool is much easier to use and faster to update data.

Learnings

In this project I had to navigate through several engineer constrains and put my solving problems skills at max level to find the best design decision while balancing limitations and stockholders needs in ambiguous situations.

Besides al the challenges, I’m happy with the final result and happy that our Admin users are using this tool autonomously.

Get in touch

Behance

diana7.quintero@gmail.com

Get in touch

Behance

diana7.quintero@gmail.com

Get in touch

Behance

Empowering property teams to manage indoor location data

what we learned

The current map tool is complex and rudimentary

Example of the original tool

Facilities property

store management

IDEATION

Conceptualising the new experience

Conceptualising the new experience

Conceptualising the new experience

testing adn validation

Solving workflow gaps

solution

Final designs

Location management

Adding facilities become easy

Routing instructions are more readable

Layers visibility provide context

Location management

Adding facilities become easy

Routing instructions are more readable

Layers visibility provide context

Takeaways

Takeaways

Takeaways

Get in touch

diana7.quintero@gmail.com

diana7.quintero@gmail.com

Get in touch

diana7.quintero@gmail.com