All                          < Previous           Next  >
​

B2B Client

Pattern Library

​Challenge
Establish an interaction and visual design system that is extensible across the client’s product suite and flexible to adapt to future needs.

Activities
Guide the design efforts, including:

• Creating mock-ups of the “look and feel” based on the primary product.
• Identifying the core components needed in the library.
• Refining the interaction and visual designs as well as aspects of branding.
• Working with developers to confirm capability to program the components as designed.

 
Results
An extensive pattern library with design and functional specifications for components including: typography, navigation, buttons, controls, charts and diagrams. 

Themes

• Lean UX

Services

• Product development strategy
• Interaction design/ prototyping
• Visual design
• Functional style guide

---

  Simplify

Simplify is one of my mantras. I once tattooed it on my hand in Sharpie® as a reminder.
 
Developing a pattern library is all about simplifying – streamlining the design and development process, speeding future efforts, assisting with knowledge transfer, and creating consistency within and across digital touch-points.

Tablet, desktop and mobile view showing how components fit together

Early concept for "look and feel"

Early concept for "look and feel"

 

Pattern library for buttons and controls

Pattern library for information visualizations