Surgere Design System

Design has always been largely about systems, and how to create products in a scalable and repeatable way. These systems enable us to manage the chaos and create a better product. A unified design system is essential to building better and faster; better because a cohesive experience is more easily understood by our users, and faster because it gives us a common language to work with.

Project details

UI Design

User Research


the challenge

Creating a design system


Surgere was a young SaaS company which had traditionally relied upon external vendors for product design support. As the first internal UX / Product Designer brought on to help plan and design for the organization, creating a design system was my first major project for Surgere.

Upcoming work included the redesign and modernization of their existing product COS (Container Optimizing Solutions) a decade old program that had been pieced together by developers over the past decade with little design and no UX support. Leadership was also planning for almost a dozen additional products to support and enhance the existing product offering to our clients.

With all this work coming up it was pertinent we established a design system that could be utilized by our team to guide our product development from a design and user experience perspective and provide a consistent visual experience for our users.

Competitive analysis

I drew lots of inspiration from:

  • (Google)
  • Mail chimp
  • Atlassian
  • Bootstrap

Performed a design gap analysis

  • What design conventions are we using that work?
  • Understanding where we could improve or continue using established principles.


  • Sketch
  • InVision


  • Work sessions with the marketing team who just undertook the rebranding of Surgere to insure the overall design approach was aligned.

Surgere design system
The beginnings of a new design system for Surgere.