Modular, adaptable and scalable website design system for SpotDraft
SpotDraft
OVERVIEW
Imagine a website with different font sizes color pairings, inconsistent components and doesn’t align with company’s branding. At SpotDraft we faced a similar situation as multiple teams were developing pages in absence of well-defined guidelines.
STRATEGY
Flooding marketing requests and lack of design bandwidth made the teams to incline towards external agencies leading to disjointed components and UI patterns in the final output. Hence, we needed a set of standards as guiding light for both designers and developers, to manage design at scale and stay consistent across teams.
DESIGN
We built up a web design system with each component designed to solve a specific UI problem and work harmoniously as part of a greater whole. We also developed a comprehensive set of customizable UI patterns — simple drag and drop layouts, eliminating repetitive design work.
APPLICATION
With the implementation of new website system, we enabled stakeholders with faster outputs and eliminated unnecessary errors with pre-defined guidelines for every use-case.
