Example Human-Centered Design Service Design

Boston’s Mattress Recycling Digital Service: Figma Board Artifacts

These Figma artifacts illustrate the end-to-end design of Boston’s digital mattress recycling service, including resident scheduling flows, mobile interfaces, alerts, and design system components.

Organization: City of Boston
Published Year: 2024

The wireframes show two primary user flows: booking a mattress pickup appointment (selecting items, choosing a date, providing contact information, and confirming) and managing appointments (cancellations and rescheduling).

Mobile-specific views and alerts demonstrate how residents receive feedback when they reach annual pickup limits or enter ineligible addresses, ensuring clarity and compliance with city policy. The design components board captures the visual system—icons, colors, typography, spacing, buttons, and form elements—used consistently across the service. Collectively, these artifacts document how the digital tool balances accessibility, user experience, and operational requirements for a streamlined mattress recycling process.