INJIN MANAGER
INJIN MANAGER
Reducing overall task at time (TAT) by 76.5%
Reducing overall task at time (TAT) by 76.5%
Reducing overall task at time (TAT) by 76.5%
When a theatre location manager needed to disable a specific menu item, they had to submit a service request each time.
With over 800 data points stored in a JSON file, the IT team faced the daunting task of sifting through it all—like searching for a needle in a haystack.
When a theatre location manager needed to disable a specific menu item, they had to submit a service request each time.
With over 800 data points stored in a JSON file, the IT team faced the daunting task of sifting through it all—like searching for a needle in a haystack.
When a theatre location manager needed to disable a specific menu item, they had to submit a service request each time.
With over 800 data points stored in a JSON file, the IT team faced the daunting task of sifting through it all—like searching for a needle in a haystack.
Deliverables
Deliverables
Stakeholder interviews
Mockups
Prototypes
Client presentations
Stakeholder interviews
Mockups
Prototypes
Client presentations
Role
Role
Product Designer
Product Designer
YEAR
YEAR
2023
2023
Team
Team
Product Manager Development Lead
Product Manager Development Lead
Salad
Salads
Cobb Salad
Side Salad 1 ea
Salad Toppings
Sub Side Salad
Category
Item
Modifier Group
Modifier Item
Filter:
Category
Modifier Item
Modifier Group
Resume
Salad
Salads
Cobb Salad
Side Salad 1 ea
Salad Toppings
Sub Side Salad
Category
Item
Modifier Group
Modifier Item
Filter:
Category
Modifier Item
Modifier Group
Salad
Salads
Cobb Salad
Side Salad 1 ea
Salad Toppings
Sub Side Salad
Category
Item
Modifier Group
Modifier Item
Filter:
Category
Modifier Item
Modifier Group
Salad
Salads
Cobb Salad
Side Salad 1 ea
Salad Toppings
Sub Side Salad
Category
Item
Modifier Group
Modifier Item
Filter:
Category
Modifier Item
Modifier Group
Modifier Group
For example: Item falls under Category
Item falls under Category
Existing dashboard was using breadcrumbs to show the inner page layer.
Build a user-friendly representation of information architecture on the admin dashboard with search and filter for the location manager to access, to be able narrow down a specific item easily in a matter of minutes.
The solution comprises two key parts:
Locating an Item in a Category
Locate and pinpoint the desired item within its respective category.Filtering across all Groups
Retrieve and display the item filtered across all groups where it is present.
The solution comprises two key parts:
Locating an Item in a Category
Locate and pinpoint the desired item within its respective category.Filtering across all Groups
Retrieve and display the item filtered across all groups where it is present.
The goal was to enhance the following metrics -
Improve Task Efficiency: Track the decrease in the time taken to complete updating menu items & streamlining the process of managing menu item availability by location managers directly.
Minimizing IT Support Requests: Decrease the frequency of support requests related to menu updates, allowing the IT team to focus on more critical tasks and reducing overall system dependency.
Reducing Order Cancellations: Lower the percentage of food order cancellations due to item unavailability, ensuring customers enjoy a seamless and uninterrupted dining experience during their movie.
The goal was to enhance the following metrics -
Improve Task Efficiency: Track the decrease in the time taken to complete updating menu items & streamlining the process of managing menu item availability by location managers directly.
Minimizing IT Support Requests: Decrease the frequency of support requests related to menu updates, allowing the IT team to focus on more critical tasks and reducing overall system dependency.
Reducing Order Cancellations: Lower the percentage of food order cancellations due to item unavailability, ensuring customers enjoy a seamless and uninterrupted dining experience during their movie.
The goal was to enhance the following metrics -
Improve Task Efficiency: Track the decrease in the time taken to complete updating menu items & streamlining the process of managing menu item availability by location managers directly.
Minimizing IT Support Requests: Decrease the frequency of support requests related to menu updates, allowing the IT team to focus on more critical tasks and reducing overall system dependency.
Reducing Order Cancellations: Lower the percentage of food order cancellations due to item unavailability, ensuring customers enjoy a seamless and uninterrupted dining experience during their movie.
Build a user-friendly representation of information architecture on the admin dashboard with search and filter for the location manager to access, to be able narrow down a specific item easily in a matter of minutes.
Build a user-friendly representation of information architecture on the admin dashboard with search and filter for the location manager to access, to be able narrow down a specific item easily in a matter of minutes.
Build a user-friendly representation of information architecture on the admin dashboard with search and filter for the location manager to access, to be able narrow down a specific item easily in a matter of minutes.
Requirement
The database is regularly updated through the JSON file, due to constant introductions of new menu items based on the film release. The JSON data structure consists of 2-6 layers, which is represented as below:
This was because the devs in the IT team were managing it via a JSON file which had over 800+ data points representing food items within a single theatre location.
The theatre location manager needs to disable a specific item in food menu, but had to raise a service request every time. With over 800+ data points to browse through in JSON file for the IT team was like searching for a needle in a haystack.
This was because the devs in the IT team were managing it via a JSON file which had over 800+ data points representing food items within a single theatre location.
The theatre location manager needs to disable a specific item in food menu, but had to raise a service request every time. With over 800+ data points to browse through in JSON file for the IT team was like searching for a needle in a haystack.
This was because the devs in the IT team were managing it via a JSON file which had over 800+ data points representing food items within a single theatre location.
The theatre location manager needs to disable a specific item in food menu, but had to raise a service request every time. With over 800+ data points to browse through in JSON file for the IT team was like searching for a needle in a haystack.
Alamo Drafthouse is renowned for its dine-in theatre experience, often introducing new menus inspired by the films being shown.
While this enhances the user experience by offering creative and fresh food options, it became increasingly challenging for location managers to manage the availability of menu items.
They had to rely on the IT team to mark items as unavailable, leading to delays in updates. This, in turn, caused a rise in food order cancellations from the kitchen, ultimately disrupting the moviegoers’ experience.
Category
Item
Modifier Group
Modifier Item
Due to 5 layers in the menu structure, team categorised them into 4 types of menu items
Data Categories
Vegan Ranch
Entree
Fish & Chips
Sides of Fries / Salad
Sub side salad
Dressing
Serrano Lime
Ranch
No Dressing
Category
ITEM
Modifier group
sub-item CATEGORY
Modifier item
sub-item
Modifier group
MODIFICATION
Modifier item
MODIFICATION ITEM
Vegan Ranch
It is enabled under 32 items, out of which manager had requested to disable all except under 7 specific items
Vegan Ranch
Entree
Fish & Chips
Sides of Fries / Salad
Sub side salad
Dressing
Serrano Lime
Ranch
No Dressing
Category
ITEM
Modifier group
sub-item CATEGORY
Modifier item
sub-item
Modifier group
MODIFICATION
Modifier item
MODIFICATION ITEM
Vegan Ranch
It is enabled under 32 items, out of which manager had requested to disable all except under 7 specific items
Category
Item
Modifier Group
Modifier Item
Due to 5 layers in the menu structure, team categorised them into 4 types of menu items
Data Categories
Alamo Drafthouse is renowned for its dine-in theatre experience, often introducing new menus inspired by the films being shown.
While this enhances the user experience by offering creative and fresh food options, it became increasingly challenging for location managers to manage the availability of menu items.
They had to rely on the IT team to mark items as unavailable, leading to delays in updates. This, in turn, caused a rise in food order cancellations from the kitchen, ultimately disrupting the moviegoers’ experience.
This was because the devs in the IT team were managing it via a JSON file which had over 800+ data points representing food items within a single theatre location.
The theatre location manager needs to disable a specific item in food menu, but had to raise a service request every time. With over 800+ data points to browse through in JSON file for the IT team was like searching for a needle in a haystack.
Due to constant introductions of new menu items based on the film release, the database needs to be constantly updated through the JSON file.
The JSON data structure consists of 2-6 layers, which is represented as below:
Build a user-friendly representation of information architecture on the admin dashboard with search and filter for the location manager to access, to be able narrow down a specific item easily in a matter of minutes.
The solution comprises two key parts:
Locating an Item in a Category
Locate and pinpoint the desired item within its respective category.Filtering across all Groups
Retrieve and display the item filtered across all groups where it is present.
Existing dashboard was using breadcrumbs to show the inner page layer.
To streamline the organization of menu items, they were categorized into four distinct types: Category, Item, Modifier Group, and Modifier Item. Each type was assigned a unique icon, serving as a visual signifier for easy identification and navigation.
To streamline the organization of menu items, they were categorized into four distinct types: Category, Item, Modifier Group, and Modifier Item. Each type was assigned a unique icon, serving as a visual signifier for easy identification and navigation.
For example:
To streamline the organization of menu items, they were categorized into four distinct types: Category, Item, Modifier Group, and Modifier Item. Each type was assigned a unique icon, serving as a visual signifier for easy identification and navigation.
The above design was incorporated in the menu data structure, demo shown below:
The above design was incorporated in the menu data structure, demo shown below:
The above design was incorporated in the menu data structure, demo shown below:
I mirrored these breadcrumbs representation & repurposed it to design the menu details accordion as shown below:
I mirrored these breadcrumbs representation & repurposed it to design the menu details accordion as shown below:
I mirrored these breadcrumbs representation & repurposed it to design the menu details accordion as shown below:
The goal was to enhance the following metrics -
Improve Task Efficiency
Track the decrease in the time taken to complete updating menu items & streamlining the process of managing menu item availability by location managers directly.
Minimizing IT Support Requests
Decrease the frequency of support requests related to menu updates, allowing the IT team to focus on more critical tasks and reducing overall system dependency.
Reducing Order Cancellations
Lower the percentage of food order cancellations due to item unavailability, ensuring customers enjoy a seamless and uninterrupted dining experience during their movie.
This feature release significantly improved the menu update process, reducing the time required from 15-20 minutes to just 2-3 minutes.
This feature release significantly improved the menu update process, reducing the time required from 15-20 minutes to just 2-3 minutes.
This feature release significantly improved the menu update process, reducing the time required from 15-20 minutes to just 2-3 minutes.
This led to a 76.5% reduction in overall task time (TAT), streamlining operations and enhancing efficiency
This led to a 76.5% reduction in overall task time (TAT), streamlining operations and enhancing efficiency
This led to a 76.5% reduction in overall task time (TAT), streamlining operations and enhancing efficiency
Food item
unavailable
Food item
unavailable
Food item
unavailable
Raise
service ticket
Raise
service ticket
Raise
service ticket
15-20mins
resolution time
15-20mins
resolution time
15-20mins
resolution time
Menu
Updated
Menu
Updated
Menu
Updated
“It takes 15–20mins for the IT team to resolve the service ticket on a good day”
“It takes 15–20mins for the IT team to resolve the service ticket on a good day”
“It takes 15–20mins for the IT team to resolve the service ticket on a good day”
- Location Manager, Slaughter Lane
- Location Manager, Slaughter Lane
- Location Manager, Slaughter Lane
Why the delay?
Why the delay?
Why the delay?
Who are we solving for & Why?
Who are we solving for & Why?
Who are we solving for & Why?
Requirement
Requirement
The Goal
The Goal
The Goal
Locating an Item in a Category
Locating an Item in a Category
Filtering Across Groups
Filtering across Groups
Filtering Across Groups
THE IMPACT
THE IMPACT
THE IMPACT
THE SOLUTION
THE SOLUTION
THE SOLUTION
Data representation & structure:
Data representation & structure:
Data representation & structure:
Breadcrumb representation
The inner pages focused on settings of a location were shown via breadcrumbs structure
Location
Salad
Salads
Cobb Salad
Side Salad 1 ea
Salad Toppings
Sub Side Salad
Category
Item
Modifier Item
Modifier Group
Data Categories
All layers in the menu structure are categorised into 4 types
Category
Modifier Group
Item
Modifier Item
Filters
Apart from signifiers, these categories can also be used as filters
Salad
Salads
Cobb Salad
Side Salad 1 ea
Salad Toppings
Sub Side Salad
Category
Item
Modifier Item
Modifier Group
Data Categories
All layers in the menu structure are categorised into 4 types
Category
Modifier Group
Item
Modifier Item
Filters
Apart from signifiers, these categories can also be used as filters
Modifier Item falls under Modifier Group
Modifier Item falls under Modifier Group
Modifier Item falls under Modifier Group
For example: Item falls under Category
Thank you for reading!
Thank you for reading!
Thank you for reading!
Alamo Drafthouse is renowned for its dine-in theatre experience, often introducing new menus inspired by the films being shown.
While this enhances the user experience by offering creative and fresh food options, it became increasingly challenging for location managers to manage the availability of menu items.
They had to rely on the IT team to mark items as unavailable, leading to delays in updates. This, in turn, caused a rise in food order cancellations from the kitchen, ultimately disrupting the moviegoers’ experience.
The database is regularly updated through the JSON file, due to constant introductions of new menu items based on the film release. The JSON data structure consists of 2-6 layers, which is represented as below:
Salad
Salads
Cobb Salad
Side Salad 1 ea
Salad Toppings
Sub Side Salad
Category
Item
Modifier Item
Modifier Group
Data Categories
All layers in the menu structure are categorised into 4 types
Category
Modifier Group
Item
Modifier Item
Filters
Apart from signifiers, these categories can also be used as filters
Breadcrumb representation
The inner pages focused on settings of a location were shown via breadcrumbs structure
Location
Locating an Item in a Category
Vegan Ranch
Entree
Fish & Chips
Sides of Fries / Salad
Sub side salad
Dressing
Serrano Lime
Ranch
No Dressing
Category
ITEM
Modifier group
sub-item CATEGORY
Modifier item
sub-item
Modifier group
MODIFICATION
Modifier item
MODIFICATION ITEM
Vegan Ranch
It is enabled under 32 items, out of which manager had requested to disable all except under 7 specific items
Category
Item
Modifier Group
Modifier Item
Due to 5 layers in the menu structure, team categorised them into
4 types of menu items:
Data Categories
The user is already familiar with how breadcrumbs work, as shown in the example above.
To reduce scroll length, making navigation easier and less prone to errors. Instead of scrolling all the way to the top to check which category a food item belongs to, users can quickly verify this information, saving their time.
It ensures all food items under a category are visible, making it easier to find and confirm whether a specific item has been updated or added successfully.
The user is already familiar with how breadcrumbs work, as shown in the example above.
To reduce scroll length, making navigation easier and less prone to errors. Instead of scrolling all the way to the top to check which category a food item belongs to, users can quickly verify this information, saving their time.
It ensures all food items under a category are visible, making it easier to find and confirm whether a specific item has been updated or added successfully.
WHY did I do this?
& How does this help the user?
WHY did I do this? & how does this help the user?
It allows users to quickly identify which group an item belongs to—whether it's a category (Pizza), an item (Peri Peri Chicken), a topping (mushrooms), or a side item ( like an add on dish: soft drinks / dessert)
With clear signifiers, users can easily filter and check where all the item is enabled, providing a quick summary of its presence across all groups.
It allows users to quickly identify which group an item belongs to—whether it's a category (Pizza), an item (Peri Peri Chicken), a topping (mushrooms), or a side item ( like an add on dish: soft drinks / dessert)
With clear signifiers, users can easily filter and check where all the item is enabled, providing a quick summary of its presence across all groups.
It allows users to quickly identify which group an item belongs to—whether it's a category (Pizza), an item (Peri Peri Chicken), a topping (mushrooms), or a side item ( like an add on dish: soft drinks / dessert)
With clear signifiers, users can easily filter and check where all the item is enabled, providing a quick summary of its presence across all groups.
WHY did I do this? & how does this help the user?
WHY did I do this? & How does this help the user?
The user is already familiar with how breadcrumbs work, as shown in the example above.
It reduces scroll length, making navigation easier and less prone to errors. Instead of scrolling all the way to the top to check which category a food item belongs to, users can quickly verify this information, saving time.
It ensures all food items under a category are visible, making it easier to find and confirm whether a specific item has been updated or added successfully.
WHY did I do this?
& How does this help the user?
THE CONTEXT
THE CONTEXT
THE CONTEXT
The design of information architecture focuses on:
The design of information architecture focuses on:
The design of information architecture focuses on:
Design Outcomes
Design Outcomes
Design Outcomes
Simplifying navigation
Enabling users to effortlessly locate specific menu items
Key layer names were strategically positioned on top for easy reference
Filter by group for quickly updating the menu items with minimal effort.
Simplifying navigation
Enabling users to effortlessly locate specific menu items
Key layer names were strategically positioned on top for easy reference
Filter by type for quickly updating the menu items with minimal effort.
Simplifying navigation
Enabling users to effortlessly locate specific menu items
Key layer names were strategically positioned on top for easy reference
Filter by group for quickly updating the menu items with minimal effort.
1
2
3
15-20mins
resolution time
Raise
service ticket
Food item
unavailable
Food item
unavailable
Raise
service ticket
Raise
service ticket
15-20mins
resolution time
15-20mins
resolution time
Menu
Updated
Menu
Updated
Food item
unavailable
Menu
Updated
Finds item in Admin Dashboard
Food item
unavailable
Updates Menu
in 2mins
Food item
unavailable
Goes to Admin Dashboard
Updates Menu
in 2mins
BEFORE
AFTER
Food item
unavailable
Raise
service ticket
15-20mins
resolution time
Menu
Updated
Food item
unavailable
Finds item in Admin Dashboard
Updates Menu in 2mins
BEFORE
AFTER
Atishya Gupta
UX Designer
© October 2024, Atishya Gupta
Designed with love and countless cups of coffee :)
Atishya Gupta
UX Designer
© October 2024, Atishya Gupta
Designed with love and countless cups of coffee :)
Atishya Gupta
UX Designer
© October 2024, Atishya Gupta
Designed with love and countless cups of coffee :)
SOCIALS