Celanese Manufacturing Visualization Application

(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.  

(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.