top of page
eBH UI Guides.png
UX Evangelize - Top

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.

page examples

Pattern Library_Toolbars_a_pg38.jpg
Pattern Library_Toolbars_b_pg39.jpg
bottom of page