EDMUNDS GOES Responsive

Objective

Create a unified and seamless experience across devices and products by making responsive design a company-wide strategy. Edmunds built a proprietary technical platform called NextGen that supported responsive web design, but no one knew what it would mean for the way we built our products and experiences. We had the technology, now what? 

strategy

Edmunds has tens of thousands of pages and over a dozen teams working on different products and parts of the .com and m.dot experiences at once. We would pilot a new non-linear workflow with one team, take learnings and then expand to more teams. We'd put systems and tools in place so design, product and dev could work more collaboratively and with more lightweight deliverables.

Action

I led a small core team who created new responsive design principles, grids, UI and interaction patterns based on Material Design as a foundation but with an 'Edmunds first' approach. We developed a Lean Responsive Pattern Library tool and assigned Pattern Masters to oversee the process of adding, testing and approving patterns. The tool allowed for live prototyping so ideas could be validated quickly before committing to a build. We held a series of Responsive Summits to onboard teams. 

Result

Teams began thinking more collectively and within 6 months, two thirds of customer-facing product teams were using NextGen.

 
 

The Responsive Pattern Library tool, NextGen Showcase, has editor and builder views for seeing both code and designs and can be used to create new widgets and pages on the fly. Designers, developers and even product owners can experiment and prototype new ideas while showing interactions, to get quick feedback without going too far down a rabbit hole. Elements and modules that are evergreen or have been tested and approved are documented in the Brand Guide. The tool lives in the browser so changing the window size shows reflowing. Showcase is flexible and is always evolving.