I was approached by my friend who was doing research for the UW school of engineering.  He explained that he had created an application, and would need some help redesigning the front end and UX of his engineering application.  Here is the process.



Making this particular engineering calculation required engineers to reference multiple photos to measure out dimensions of models.  This process was tedious, and usually takes 20 minutes or longer to do this by hand.

Design Goal

Create a responsive online calculator application for that will help UW engineer students, and improve the tedious process of making this calculation.

MY role

UX Designer, Front End (I coded the front end using html, css, and javascript. I had also contributed to the python code of the application)


UW Engineering School


UW Engineering Students, and other engineers

Product Description

This is a responsive engineering application that allows engineers to perform a state equation calculation.  

Features overview

Statemodel RND Enter allows engineers to enter system information and get the state equation matricies and the transfer function. 

First page

This page served as an introduction to the calculator. As a returning user, we provided a way to begin a new model or open an existing file from a past calculation.   We also had included a way to see an example if they are unfamiliar with how the calculation works.

Screen 1.png

Upload a file

This is where users could upload their past calculations. I made sure to clearly state what file formats they were able to upload.

Upload a photo

The engineers needed to upload a digital version of their model.  The idea was that as they continue to scroll down, the image would also scroll down as they complete the measurements on the next page.

Measurements page

Here is where the engineers could input their numbers.  The image would scroll down on the left side of the page as they scroll.  


We had given the option to export the calculation in 5 different languages.  They also had the ability to change the format of the equation.  They answer would be plugged into the boxes below, and they could copy or download their calculation.  Initially I had a positioned start over button on the bottom, but I ended up repositioned this.