Using tools such as Omnigraffle, Axure and Adobe XD, I’ve created wireframes and prototypes that show how experiences should be constructed. These have ranged from static to fully interactive. I also strive to provide clear annotations when building wireframes, so that developers and stakeholders – whether in person or remotely – can clearly understand layout, interaction and all facets.
Kent State UX Design Program
Kent State UX Design Program As part of a multi-phased project in my Master’s Program, I did user research on the users of the Kent State User Experience Design Program web experience, conducted a content inventory and ultimately put together some annotated wireframes for a cleaner, more optimized experience. Trends Feature
Metasys User Interface – Trends Feature I was the lead designer on the trends feature for Johnson Control’s large suite of building automation tools – Metasys. This feature allows the user multipled methods to view and compare historic data on building equipment. As the lead, I worked with stakeholders to determine needed features. I also traveled to Gurgaon, India to work closely with the developers assigned to building this feature.
Panoptix – Continuous Diagnostics Advisor I was the lead designer on Johnson Controls’ Panoptix, a product that offered a broad range of building diagnostic dashboards and tools. In particular, I drove the design of Continuous Diagnostics, which showed users building equipment faults and potential problems. This is a sample of a fault readout page, as well as a version I made for developers that organized page features by sprint number. That method was extremely useful to the development teams and stakeholders.
Design Language System
Design Language System – Dialog Boxes I have been a key member of three phases of an evolving Design System that the Johnson Controls UX Team has been building. I’ve designed components and patterns and also served as a project manager of the two most recent iterations. This small example represents dozens of building blocks I’ve designed – instructions on how to build basic elements of any web example.
Upper Sandusky Library
Upper Sandusky Library – Sketched Concepts In another Masters program class, we conducted user research and proposed concepts for a redesign of a community library web site. After interviewing local users of library web sites as well as the staff of two nearby libraries, I created some sketches of cleaner, more organized layouts for main workflows of the Upper Sandusky library site. I used an iPad Pro with Apple Pencil for these.