UX/UI design work


Above: wireframe and final screen of a Hitachi software product.


Above: wireframe/mockup and final product








Above: An animated data visualization concept demonstrating user interaction to change focus









Above: A proprietary UI design pattern library for use with multiple Hitachi software products. This was used to build prototypes of actual product features, and then converted to Angular directives.


Above: Dashboard and resource inventory screens for a Hitachi software product



Above: A concept for a mobile app using Microsoft technology. From left: wireframes and flowchart, with color variations.

Wireframes for a Hitachi product.

Wireframes for a Hitachi product.









Above: all screens for a Hitachi software product

UI specifications with semantic naming for developers.

UI specifications with semantic naming for developers.



Above: a flow chart and wireframes for a new feature in a Hitachi software product



Above: wireframe and final product with advanced SVG data visualizations

Sitemap for a Hitachi software product. Note that each screen is marked by it's template, and given a serial number.

Sitemap for a Hitachi software product.




Hitachi: whiteboard collaboration session with product owners and software engineers.



Hitachi: Html wireframes and diagram prototypes




Hitachi: UCP mockups

Mockup for a Microsoft product.

Mockup for a MIcrosoft product.

Mockup for a Microsoft product.

UI specifications for a MIcrosoft product.

Mockup for a Microsoft product.



From left: wireframe, hi-fidelity mockup and final landing page of a business leader administration site for Yale University












Mockups for several website projects.






Flowchart and wireframes for a proposed worker-compensation claim management tool.