Square
Project
❸ – ⑥
° Info
I worked as a Product Designer on Square’s Design System. Our system is called Market, a single, unified design system for Square sellers which touches all products within the Square ecosystem ranging from point of sale, retail, appointments, and restaurants.
My responsibility was to create and maintain a unified design system to modernize Square's enterprise software by not only bringing cohesion, but also flexibility to adapt the system for unique use cases that scale across general platforms and Square’s proprietary ones. I work on designing consistent sets of reusable design components and patterns that provide a scalable and accessible interface for Square sellers.
Timeframe
2022 - 2023
Responsibilities
Design Systems, Strategy
Platforms
Web, iOS, Android
A currency of components
✺
Market is a library that has over 500 components with variants which allow Square product teams to build experiences across web and native platforms.
Market is designed to keep tasks clear, focused, and intentional with interactions that are natural and meaningful while having adornments used with purpose. The result is a system where buyers and sellers can quickly find what they need.
° Team
Allie Fleming, Myla Fay, Chris Keene, Irene Li, Shimaa Hassan, Kyle Van Essen, Westin Newell, Noah Blake, Matt Wright, Anh-Thu Huynh, Quinton Dang, Erik Buttram, Sean Kim
One system, all devices
Market is designed to make transactions easy for Square sellers to power their business by adapting to different device sizes. Market components are built to scale across devices including mobile, tablet, and desktop as well as proprietary hardware like Square register, terminal, and stand.
Market allows product teams to build omnichannel experiences across devices ultimately allowing Square sellers to sell within a storefront, on-the-go, or online.
Reduce, reuse, recycle
Market allows Square teams to accelerate their process without needing to constantly reinvent the wheel. By using Market components, designers and engineers will reduce time on building UI—allowing them to focus on solving problems that truly differentiate their products.
When using Market, the maintenance and modernization of the design system is centralized. Standard is simple and custom is possible.
Easy to adopt, first to market
Through onboarding, embedding, and countless self-service documentation; we make Market easy for Square teams to adopt. Over 25+ teams and products made the switch to Market during the first year of launch.
As the system continues to grow, we are working with product teams on standardized patterns across experiences and verticals while also adding more flexibility in customizing existing components. We constantly reference data from component usage, product teams, and our sellers to determine improvements to our component library.
Retail
Point of sale
Restaurant
Market has evolved Square's approach to the checkout experience by establishing cohesion and patterns across Square's product apps. Checkout has been standardized through the use of components like tiles, rows, buttons, and tabs to create a uniform experience.
Strength in numbers
Market design system spans 10+ international markets by adapting to locale requirements and international data formats. Market averages 40,000 component inserts daily from Square teams with flexible components that can contain up to 800 different variations.
Like any product, Market will continuously be added to, evolved, and improved. The value of a system like Market can only be realized if it is truly self-serve with the goal of accelerating the work and reducing the resource commitment for Square teams.
˚Projects ↓
LoomUnlocking the potential of video at work by empowering effective async communication through the lens of a purpose-driven design system and approachable core experience.
HowlDesigning for a startup in an $1.2 trillion influencer e-commerce industry focused on building tools for creators and brands to sell products across social platforms.
SquareBuilding an ecosystem of integrated set of tools for all kinds of businesses and people through the power of Market Design System.
TwitchBuilding experiences where millions of people come together live every day to chat, interact, and make their own entertainment together.
NagarroThinking breakthroughs through innovation by helping companies build technology that revolutionizes how customers use their products.
IBMHelping API Developers build on more than just code by providing simplified methods and a built-in toolkit to build smarter solutions.
