eBH UI Guides.png
 

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.

overview

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

Breadcrumbs_pg7.jpg
Pattern Library_Toolbars_a_pg38.jpg
Pattern Library_Toolbars_b_pg39.jpg