Establishing Scott Design System

On a team of three, I worked on the Scott Design System to bring structure and clarity to Scott’s digital presence. Without a formal system in place, teams faced inconsistencies and frequent confusion. By introducing shared standards and patterns, we helped align teams and create a more cohesive shopping experience on Scottbrand.com that supported sales.

TIMELINE

5 weeks

TEAM

1 UX Manager

2 UI Interns

MY ROLE

Icons,

Documentation,

Any visuals :)

TOOLS

Figma,

Miro

DELIVERABLES

Efficiency

45%

reduced the need to recreate components.

Satisfaction

4.4/5

satisfaction rate for the weekly standup meetings

Created assets

65+

designed on Figma from scratch

Sales Increased

25%

increased shopping cart activity

Source: KCC

It's everywhere, literally…

Problem Discovery

When I first joined, InVision and Sketch was the designated design tool. However, it wasn't as intuitive for many teams that were not designers were not familiar with the tools and hard to reach the files.

“We needed to start by changing how we worked,” said UX Manager, Andy Ford. “Our designers were jumping through so many hoops—spending weeks designing alone in proprietary Mac based applications, uploading files into a cloud prototyping platform, waiting for stakeholder feedback, going through the loop again to make edits. And when we were finally ready for development, we faced yet another hurdle when trying to hand-off design files to developers who were not on Macs. Obviously, this process slowed down how we launch new products.”