Theresa Manzo's profile

Responsive Redesign

Pains to fix​​​​​​​
• Current version of platform was unusable on a mobile device
​​​​​​​• Competition wasn't building responsive platforms
​​​​​​​• Customers not launching sites quickly enough
​​​​​​​• Branding the site required advanced CSS and HTML knowledge
​​​​​​​• Controlling specific UI elements was difficult
​​​​​​​• Customers had no idea how to optimize their public sites for search engines
While working on this new design system, I wanted to give our customers an easier way to brand their sites. Before, they had to know how to target specific CSS selectors to change colors, fonts, and other elements. For this new system, I put in place a series of LESS variables that would cascade through all the UI elements. By setting one "highlight" color variable, customers could change their entire site in one line of CSS.
Below are some UI highlights from the design system I created.
With any design system, you need to document the pieces so your Engineering team can reuse components. I created an entire documentation site with visual examples, HTML, and LESS variables for the team. 
MindTouchOpens in a new tab is a knowledge management platform used by companies to create Support, Success, and Product focused self-service documentation. This platform is used by businesses to proactively educate their customers when and where they need it most.
Responsive Redesign
Published:

Responsive Redesign

Published: