Design system kickoff (interface inventory)

Create an interface inventory of your digital product, and align with your team on how to prioritize refactoring using a design systems methodology.

One of the first steps in creating a design system is to conduct an interface inventory. An interface inventory gives us a categorized overview of which components make up our digital product.

Benefits of an interface inventory:

  • Gain clarity regarding which design components make up a digital product.
  • Help us analyze inconsistencies between them.
  • Gain buy-in from stakeholders to establish a design system.
  • Start a conversation with your team on how to refactor design with a pattern-based approach.
  • Use it as a blueprint for a pattern library.

Workshop overview

  • People, process, and tools

    Establish which core features in the user journey should be prioritized, clarify ownership and team communication, agree on criteria and a toolset.

  • UI patterns

    Go over different user interface pattern types: functional, perceptual, platform-specific, domain-specific, persuasive.

  • Hands-on work

    Divide and categorize screenshots of core features of your web interface by functional categories (e.g. buttons, forms, navigation, typography, lists) and intended use.

  • Nomenclature

    Discuss naming as a shared language and mental model. We will go over naming conventions and practice naming interface components.

  • Share and learn

    Share and discuss our findings and rationale, as well as which patterns we would keep, merge, and discard.

  • Next steps

    We'll share crucial steps that help us succeed when transitioning an organization to a design system.

Interface inventories are a key first step to create alignment and advocate transitioning to using design patterns in an organization. To get the most out of this workshop, bring in a cross-disciplinary team – we encourage people from every department that builds your product to join. Designers, developers, project managers, business owners, QA – are all welcome.

Workshop leads

Mar High

Director of Product Design

Mar helps companies solve their user's problems in creative and scalable ways and has expertise in facilitating the transition of digital products into a design system. Some of her past design system projects include MOVU, Search Guard, Premium Group, Project A: The Operational VC, Horizn Studios, kfzteile24, and Homeday.

Get in touch with us

Interested in a design system kickoff?

Request a call to learn more about our workshop.

Contact us

The simplabs playbook : Let's talk about the sustainable approach for your team

Sustainable growth can seem complex or reserved for the exceptional, but we believe it is for everyone. Our Playbook shares practical and actionable insights to help you build digital products while running an effective, collaborative product development process.

Read the Playbook