Spearheaded the design and development of a cutting-edge information visualization application, enhancing decision-making capabilities for Celanese’s manufacturing operations. Collaborated closely with product managers from both Cognite and Celanese to define, refine, and prioritize project requirements, ensuring alignment with business goals and operational needs. Delivered strategic technical guidance to cross-functional programming teams, driving the creation of multiple scalable applications that became a standardized framework for future plant implementations across the organization. Enabled data-driven insights and operational efficiencies by deploying a robust, user-centric platform that streamlined complex manufacturing processes on desktops and kiosks.
The primary challenge was to get requirements and designs on track and back on schedule.
We held meetings with the Celanese product manager daily to extract requirements for initial designs. Essential to the project was the development of a modular template that would meet the needs of multiple manufacturing plants in the organization.
Daily interactions with the Cognite Product Manager were essential to maintain continuity between past designs and objectives and c
(Click on Images)
I worked with the design team to develop resources for designers and developers, offering a standardized set of design elements like colors, typography, buttons, and layouts. They ensure consistency, align with branding, and speed up collaboration and development. Created in tools like Figma or Sketch, they may include interactive details like hover states and spacing rules for a cohesive user experience.
(Click on Images)
I worked with the design team to develop modular, reusable building blocks that form the foundation of a user interface, such as buttons, input fields, navigation bars, and cards. These elements are designed to be consistent in style and function, enhancing usability and visual harmony across an application. Defined in UI reference files or component libraries, they included variations for states like active or disabled, ensuring flexibility. By leveraging tools like React or Vue, developers can efficiently implement these components, saving time and maintaining coherence throughout the design system.
Celanese XLS file design documents used to extract requirements and design layouts.
I was tasked with developing a modular solution that allowed plant managers to have optimized interfaces for each individual sites.
Celanese XLS file used to develop Prototypes.
Project Details: Take existing low fidelity prototype concepts and collaborate with Celanese project manager to curate modules including; Daily Analysis, Phase Analysis, Batch Reports, Opportunities, Improvements, Runtime, Efficiency and Pareto (Data Analysis module is presented here).
The first step on this project was receiving XLS files to distill into working requirements. The files were developed by the product managers at Celanese and distributed to myself and the Cognite product manager. At this point we worked together to crate develop the prototypes.
The XLS files evolved into the following wireframes. The designs demonstrate the processes vital to manufacturing recipes.
I developed a design language for the final prototype of the Pareto Screen. I worked in tandem with the Graphic designers to create a style guide.
(Click on Images)
Final screens developed that focused on a modular design. The most important aspect of the design was to visualized massive amounts of data while identifying and displaying the most pertinent to the plant manager.
We use cookies to analyze website traffic and optimize your website experience. By accepting our use of cookies, your data will be aggregated with all other user data.