Modular, adaptable and scalable website design system for SpotDraft
SpotDraft
SpotDraft is a CLM tool enabling companies to drive operational impact through the power of contracts, creating a connected and more productive business.
SpotDraft is a CLM tool enabling companies to drive operational impact through the power of contracts, creating a connected and more productive business.
Visual Identity
Color palette
Typescale
Spot Icons
Product illustration
Component design
Module design
Color palette
Typescale
Spot Icons
Product illustration
Component design
Module design
Strategy
Layout set-up
Scalable system
Layout set-up
Scalable system
Website
UI/UX design
Design system
Responsiveness
Micro interactions
UI/UX design
Design system
Responsiveness
Micro interactions
Pre-defined guidelines for every use-case
Pre-defined guidelines for every use-case
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.
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.
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.
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.
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.
Brand systems for startups who've outgrown diy branding
sayhello@studiobauno.com
OPENING HOURS
Mon to Fri: 10:00 AM - 6:00 PM
Brand systems for startups who've outgrown diy branding
sayhello@studiobauno.com
OPENING HOURS
Mon to Fri: 10:00 AM - 6:00 PM
Brand systems for startups who've outgrown diy branding
sayhello@studiobauno.com
OPENING HOURS
Mon to Fri: 10:00 AM - 6:00 PM
Brand systems for startups who've outgrown diy branding
sayhello@studiobauno.com
OPENING HOURS
Mon to Fri: 10:00 AM - 6:00 PM