Behind the scenes
Video walkthrough series for a CMS used to build document for clinical trials.
The examples below show the iterate steps taken to design the final interface for the Document Builder application.
The examples below show high level architectural documents which describe high-level processes and flows for several applications and/or application features.
The examples below are flow diagrams, which show user flows for several product features. They are used to help Product Management and Development understand a user’s flow and the options available in each step.
The examples below are several recent application interface design documents I have worked on as well as a pattern library document.
The examples below are several examples of redline comps. These are used to convey exact measurements to the development team to ensure the final code written uses consistent spacing, sizing and properties for all elements in the UI. They are generally based upon rules established in the pattern library and many times will refer to the exact css property written when available.
The examples below are several examples of personas my team and I created. They were developed after we interviewed our users in order to better understand their behaviors and how they interact with our application.