UI Guidelines for eBH Screens
The development of a UI Design Guide was an evolving document that communicated guidelines to developers and other design teams design standards that were being implemented within the UI redesign of the eBH Application.
As I developed new components and design standards, I created a "page" in Sketch that outlines the design – as well as the functionality – of the component. These pages were assembled in Invision as a clickable document for development so that they could grab snippets of code. I also took the components that I designed in sketch and developed a symbols library so that other designers could develop screens for eBH and its tools by taking those symbols and using them in a drag and drop fashion in their layouts.