Lithium Responsive Community
INSTRUCTIVE DESIGN // Style Frameworks // Customer Experience
Make It Responsive // Layered with 14 years of legacy code and design patches, Lithium's flagship product community platform had become bloated and complex with a severely dated UI, confusing interactions, and an indecipherable out-of-box configuration. To deliver on the long-unfulfilled executive promise of a responsive interface to customers—who were by now all but wielding torches and pitchforks—I took on a rapid makeover of the entire platform, working with engineering and product management to establish design patterns through a core set of screens with deep-dives into priority interactions, and engaging those teams in a UX workstream that by necessity paralleled, rather than preceded, each development sprint.
Make It Instructive // Following a bit of scrappy (i.e. unfunded) research, what started as a responsive design exercise quickly became an instructive design effort to improve the customer experience as well as the end user's needs. Aiming between "just blank enough" and "just branded enough," I designed the new UI to provide customers with intuitive implementation guidance using subtle design cues that delineated components and demonstrated interaction, color, and type hierarchies, with a revised out-of-box configuration that moved from "all components on" to a more representative experience, and accompanying documentation that supplied the reasoning behind our design decisions.
CORE DESIGN PATTERNS
RESPONSIVE BREAKPOINTS
INSTRUCTIVE DESIGN PRINCIPLES
STYLE FRAMEWORK SAMPLES
Sample Supporting Analyses
