Designs

Layouts & Graphics

Telling Stories and Visual Context.

  1. 01 · Stitch Data

    Integration Dashboard

    A redesigned view focused on providing high-level metrics for tracking integration progress and allowing users to take necessary actions.

    By focusing on these key features, the redesigned view aims to offer a comprehensive and user-friendly experience, empowering users to monitor and optimize their integrations effectively.

    Stitch integration dashboard design with highlights, rows loaded over time, latency and anomaly detection charts.
  2. 02 · DigitalClone

    Main Dashboard

    A high-level view of how customer assets are performing, encompassing metrics such as life added, money saved, financial forecasts, and failure forecasts.

    Introduced a "gamification" concept allowing customers to compare their site performance against others within the company. Use visualizations to highlight strengths and areas for improvement.

    DigitalClone main dashboard with a site ranking, savings and life-added cards, failure forecast charts and highest-risk assets.
  3. 03 · DigitalClone

    Life Extension

    The Asset Life Extension Options Overview empowers finance and engineering professionals to make strategic decisions that maximize asset longevity within budgetary constraints. By combining financial considerations with engineering insights, this tool becomes an indispensable resource for optimizing asset performance and extending their operational life.

    DigitalClone life extension view with a site and asset list, life extension opportunity charts and a life extension actions table.
  4. 04 · DigitalClone

    Event History

    The Time Series Chart for Maintenance Teams empowers maintenance professionals with a nuanced and comprehensive tool for analyzing, interpreting, and optimizing maintenance actions over time. By providing a detailed view of historical data and actionable insights, this tool becomes an invaluable asset in enhancing the efficiency and effectiveness of maintenance operations.

    DigitalClone event history view with a summary of savings, an event history chart of maintenance events and an actions date range.
  5. 05 · DigitalClone

    Data Cards

    These card concepts aimed to empower customers by showcasing their completion levels on crucial data points, facilitating a deeper understanding of component life predictions.

    Four SCADA asset card designs showing a 75% complete progress ring and component health bars in dark and light styles.
  6. 06 · DigitalClone

    Content Factory

    Our newly developed input collection module needed a touch of vitality and guidance. I aimed to infuse personality into the process by incorporating graphics that elucidate each step, maintaining coordination with the inputs and functionality of the module.

    Four teal line illustrations for the Content Factory: Overview, Project, Component and Test.
  7. 07 · PLS 3rd Learning

    Educational Icons

    Icons play a crucial role in enhancing the messaging for online education portals. They serve as visual cues that quickly convey information, making the interface more intuitive and engaging. From representing different subjects and courses to indicating progress and achievements, these icons contribute to a seamless and user-friendly experience.

    Set of educational icons for PLS 3rd Learning covering motivation, library, beginning teachers and student engagement.
  8. 08 · Intellastar

    IoT devices and sensors

    These graphic provides a visual roadmap for users, guiding them through the various stages of their IoT journey. Each stage is accompanied by a brief caption to enhance understanding.

    Isometric illustrations for Intellastar: a cell tower, a server rack, air filters and a bar chart.
  9. 09 · DigitalClone

    States of Damage Class

    Bearing and Gears can go through different states of damge throughout there life. These graphics help engineers compare their borescope images against these images to understand what type of damage they're dealing with. (These graphics were part of an industrial magazine article).

    Damage class illustrations for cracks and abrasion, showing bearing condition from Damage Class -1 to Damage Class 3.