The Commonwealth of Massachusetts

EOTSS places our customers and constituents at the heart of everything we do. We offer responsive digital services and productivity tools to more than 40,000 state employees, who provide essential information and services to the citizens of the Commonwealth.

We also serve constituents, providing them with digital services and tools that enable taxpayers, motorists, businesses, visitors, families, and other citizens to do business with the Commonwealth in a way that makes every interaction with government easier, faster, and more secure.

I collaborated with developers, project managers to establish a project roadmap that will help us define and establish the pillars of the Mass.gov brand. This Design system includes various products such as the Mass.gov style guide, Mayflower React component library, Mayflower Patternlab and the Mayflower system GitBook documentation.

I was primarily responsible for leading the design and implementation of the Mass.gov Style Guide. The information contained in this document is the product of our research, experience, and expertise, collected in one place to help detail and explain our decisions in creating Mass.gov.

• Multiple agencies rely on our code and designs to support their apps.
• Defining the Mass.gov brand within the greater Commonwealth brand.
• Resources, assets and documentation live in separate environments.

• Invision
• Sketch
• GitBook, Git
• Microsoft Office Suite (Excell / Word  / PowerPoint), Photoshop, Illustrator
• HTML / JavaScript / CSS / React

Our team designed and developed a scalable design system (The Mayflower Design system). This is a collection of modular components, color theory, design principles and documentation that support and guide our design process. Mayflower makes it easier to build accessible, mobile-friendly websites with a consistent look and feel for the state of Massachusetts.