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.
