ProblemOppenheimerFunds, a global investment bank based in New York City, has multiple digital properties, such as the customer-facing website and mobile applications. Over time, the system became inconsistent, leading to delays in turn-around time for the engineering team. A design system that will establish standards, which the design and technology teams could communicate and agree upon, was urgently needed.
SolutionThe first task was to understand the current design/dev work-flow, audit existing screens, and templates, as well as inspect CSS styles. With an intent to simplify, redundancies were called out, and a global style system using Sketch libraries was demonstrated by re-building master templates from the ground up. Custom elements, such as icons, and shared components that can be reused, were also designed.
By conducting feedback-driven reviews, where all members of the design and engineering team were involved, the design system became a full-team effort. Finally, the stakeholders saw a solution that is consistent across the board with future flexibility in mind. The new design system was successfully implemented on the live site.