DESIGNS
1Define the workflow
The Onset Data Application deals with the storage of enormous amounts of digital camera files, constantly changing rough cut edits, and the transfer of files between Production, Editorial, and multiple VFX Vendors. The goal is to empower every user involved in the process by automating tasks and providing transparent communication of file statuses, along with a well-designed filter system.
![](img/tech_flow.svg)
2Visibility of system status
To ensure a user-friendly experience while displaying a large amount of information, I focused on simplifying the interface to track a significant number of files per upload, while maintaining the design system established by the previous designer. To achieve this, I created a color-coding system that provides clear visual cues at a glance, allowing for easier visibility of the system status. I defined and maintained additional components to accommodate new applications.
![](img/pulse-color.svg)
3Data Table UX Revamp
BEFORE
Despite being a visual improvement from Excel sheets, the data table was still excessively loaded with information and proved ineffective in displaying data. Validating data was a time-consuming task, as it required scanning through numerous columns and rows.
AFTER
To expedite the processing of data tables, I implemented various UX improvements, including:
- Identified the most frequently used categories for display, eliminated horizontal scrolling to enhance user experience, and gave the users the ability to add or hide columns according to their preferences
![](img/tech-custom1.gif)
- integrated a search bar feature that enables users to quickly locate specific items
![](img/tech-custom2.gif)
- Developed expandable rows that provide users with access to additional details of an item
![](img/tech-custom3.gif)
- Incorporated an in-line edit feature that allows users to make swift changes to the data
![](img/tech-custom4.gif)