Samsung
E-commerce
Managing product pricing in e-commerce is labor-intensive due to the extensive data and variables such as time periods, discount rates, and customer segments.
To help back-office users with sales data management, I worked with two designers, a solution expert, and three engineers by identifying key challenges in the current system and crafting a new UI to tackle these issues.
Role
Design Lead
Prototype
UI Design
Team
Solution Expert
2 UX designers
3 Engineers
Tools
Figma
Duration
2 months
Challenge and opportunities
Challenge
Challenge
Challenge
Not reflect business process
Not reflect business process
Applicants did not have a way to discover and apply for internal positions so it was difficult to find internal opportunities and additional job details.
Applicants did not have a way to discover and apply for internal positions so it was difficult to find internal opportunities and additional job details.
Lack of functions needed - No features for multi- selection and edit causing repetitive tasks
Lack of functions needed - No features for multi- selection and edit causing repetitive tasks
Recruiters managed and screened the candidates manually through spreadsheets and manual report creation which extended the application processing time.
Recruiters managed and screened the candidates manually through spreadsheets and manual report creation which extended the application processing time.
Less confidence for scaling
Less confidence for scaling
The lack of privacy in the existing internal job application process caused unwanted tension in the workplace because recruiters needed a referral from the candidate’s managers.
The lack of privacy in the existing internal job application process caused unwanted tension in the workplace because recruiters needed a referral from the candidate’s managers.
How might we streamline data management tasks, ensuring both speed and accuracy?
How might we streamline data management tasks, ensuring both speed and accuracy?
How might we streamline data management tasks, ensuring both speed and accuracy?
Design directions
Design directions
The approach went beyond just designing UI screens; we also restructured the systems for integration.
The approach went beyond just designing UI screens; we also restructured the systems for integration.
One single entry point
One single entry point
Provide a single entry point for data access ensures a consistent user experience.
Provide a single entry point for data access ensures a consistent user experience.
Quick search
Quick search
Minimize the time spent searching for items and reduce the reliance on Excel for data management.
Minimize the time spent searching for items and reduce the reliance on Excel for data management.
Scalable design
Scalable design
Create a design that supports continuous use without requiring a system overhaul, even as data volumes expand in the coming years.
Create a design that supports continuous use without requiring a system overhaul, even as data volumes expand in the coming years.
Key improvements and design iterations
Simplifying item searches
Enabling quick editing of item properties
Ensuring scalability
Simplifying item searches
Enabling quick editing of item properties
Ensuring scalability
“Easy to find products”
Collapsed v.s. Expanded
Collapsed v.s. Expanded
Users resorted to memorizing or noting item ID numbers and typing a few characters to locate items. To address this, I redesigned the filters for more efficient searches, eliminating excessive scrolling.
Users resorted to memorizing or noting item ID numbers and typing a few characters to locate items. To address this, I redesigned the filters for more efficient searches, eliminating excessive scrolling.
Collapsed filters maintain the combination of filtering
Collapsed filters maintain the combination of filtering
Expanded filters: easy to access at once
2X faster to search with fewer clicks
The initial step is crucial for determining work efficiency since users usually handle a large number of products.
The initial step is crucial for determining work efficiency since users usually handle a large number of products.
The initial step is crucial for determining work efficiency since users usually handle a large number of products.
The initial step is crucial for determining work efficiency since users usually handle a large number of products.
“Edit item properties quickly”
The users struggled to find and edit multiple price properties. This often resulted in missing or inaccurately editing data. I adapted our design to finally putting both separately into sections after iterations
The users struggled to find and edit multiple price properties. This often resulted in missing or inaccurately editing data. I adapted our design to finally putting both separately into sections after iterations
The users struggled to find and edit multiple price properties. This often resulted in missing or inaccurately editing data. I adapted our design to finally putting both separately into sections after iterations
The users struggled to find and edit multiple price properties. This often resulted in missing or inaccurately editing data. I adapted our design to finally putting both separately into sections after iterations
Data on a column
Data on a row
Data in a section
Multi-selection at once
Multi-selection at once
In the previous version, users couldn't select multiple items at once, leading to repetitive selection and adjustment actions. Now, users can choose and update several items at once with fewer clicks.
In the previous version, users couldn't select multiple items at once, leading to repetitive selection and adjustment actions. Now, users can choose and update several items at once with fewer clicks.
In the previous version, users couldn't select multiple items at once, leading to repetitive selection and adjustment actions. Now, users can choose and update several items at once with fewer clicks.
In the previous version, users couldn't select multiple items at once, leading to repetitive selection and adjustment actions. Now, users can choose and update several items at once with fewer clicks.
Create, edit, and update at once
Create, edit, and update at once
The popular buttons and checkboxes that users use frequently were placed close to editable fields to minimize the time spent on mouse exploration.
The popular buttons and checkboxes that users use frequently were placed close to editable fields to minimize the time spent on mouse exploration.
The popular buttons and checkboxes that users use frequently were placed close to editable fields to minimize the time spent on mouse exploration.
The popular buttons and checkboxes that users use frequently were placed close to editable fields to minimize the time spent on mouse exploration.
“Make it scalable”
With a catalog of over a million products, each potentially having hundreds or thousands of price types, our goal was to help users focus on the items they manage.
To achieve this, we introduced a collapsible/expandable feature for lengthy product lists, reducing the need for endless scrolling to locate other products for editing.
With a catalog of over a million products, each potentially having hundreds or thousands of price types, our goal was to help users focus on the items they manage.
To achieve this, we introduced a collapsible/expandable feature for lengthy product lists, reducing the need for endless scrolling to locate other products for editing.
With a catalog of over a million products, each potentially having hundreds or thousands of price types, our goal was to help users focus on the items they manage.
To achieve this, we introduced a collapsible/expandable feature for lengthy product lists, reducing the need for endless scrolling to locate other products for editing.
With a catalog of over a million products, each potentially having hundreds or thousands of price types, our goal was to help users focus on the items they manage.
To achieve this, we introduced a collapsible/expandable feature for lengthy product lists, reducing the need for endless scrolling to locate other products for editing.
A long scrollable screen for a linear flow
A long scrollable screen for a linear flow
A long scrollable screen for a linear flow
The UI employs a long-scrolling design to display more information at once, reducing clicks and saving time. Users can also collapse other items to focus on editing a single item efficiently.
The UI employs a long-scrolling design to display more information at once, reducing clicks and saving time. Users can also collapse other items to focus on editing a single item efficiently.
The UI employs a long-scrolling design to display more information at once, reducing clicks and saving time. Users can also collapse other items to focus on editing a single item efficiently.
The UI employs a long-scrolling design to display more information at once, reducing clicks and saving time. Users can also collapse other items to focus on editing a single item efficiently.
Takeaways
Takeaways
I learned the complexities of managing online sales data, with catalogs ranging from thousands to millions of products and attributes varying by selling location and timing.
Repetitive tasks like updating prices or discounts inspired me to explore integrating AI for productivity. By interconnecting systems like sales and customer management, computers could autonomously identify data edits, leaving humans to focus on reviewing outcomes.
I learned the complexities of managing online sales data, with catalogs ranging from thousands to millions of products and attributes varying by selling location and timing.
Repetitive tasks like updating prices or discounts inspired me to explore integrating AI for productivity. By interconnecting systems like sales and customer management, computers could autonomously identify data edits, leaving humans to focus on reviewing outcomes.