Portfolio

Designed with a library of mostly Material UI components, utilizing Material Design principles and Microsoft Writing Style Guide

Equipment calculator

  • Before

    This crowded spreadsheet was the starting point for this calculation product.

    The problems addressed in this case were the lack of one consolidated version of the spreadsheet, and the lack of a repository for everyone’s saved calculations/configurations. The solution was well received by users from the 16 sites it was implemented in across the company.

  • Calculator empty state

    Select the manufacturing unit, area, and specific asset to view its calculations or create a new entry.

  • Available calculations page

    View, edit, delete, or create new calculations and specification details

  • Calculator

    The specifications that are input are evaluated. Users can see where the measurements fall on a desirable safety range, as well as see the underlying formulas behind the calculations.

  • Asset manager

    Designed for administrator roles from each manufacturing site, this is meant to allow adjustments to the selections, assets, and attributes used in the calculator.

Asset Maintenance product - Event analysis feature

  • Before - Manual Power BI export

    This report took over 3 hours of work every week for users to gather and format the data needed.

    The goal being addressed was for this review process to be automated by connected data streams, and for users to be able to dive deeper into the data from past asset events.

  • Empty state

    Select an asset and one of its past three maintenance events to view the metrics of the performed maintenance.

  • Asset maintenance event analysis

    Users are able to see values for metrics over the duration of the maintenance event, a comparison window against past events for this asset, and filter by asset attributes. These graphs utilized Highcharts, enabling built-in zoom, legend, and download capability.

  • Change page view options

    Users have the ability to change the wide graph positions to a grid format, adjust the x-axis values, show graph guidelines, and save them as default preferences

Asset Maintenance product - Asset metrics feature

  • Before - Manual Power BI process

    This report was not regularly being maintained, and continuously encountered gaps in data connectivity. The graphs that were used on this screen were not useful for users, since they contained different types of metrics with a wide range of units and values that were on the same y-axis.

    The outcome of this work flow enabled users to analyze asset performance from new, reliable streams of data on the backend. An appreciated feature that was added was the ability to compare multiple assets at the same time.

  • Empty state

    The table at the top (MUI Data Grid) shows an overview of available assets, their metrics, and whether the metrics are out of acceptable range. Selecting the checkboxes will display graphs for each metric.

  • Asset metrics

    The user can toggle site targets and filter out the assets by sub units used for the time period.

  • Asset metrics, tooltips

    Users can lock tooltips to view values for all graphs at a specific point in time. They can also zoom in on a time period for all graphs.