I led product design for Toast’s integrations, connecting restaurant operators to the amazing ecosystem of third-party applications.
One of my first major projects at Toast, the fastest-growing restaurant management platform in the U.S., was to help design, develop and launch their new app marketplace.
Toast had a successful high-touch integrations service for helping restaurants integrate their data with 3rd party restaurant developers.
Looking ahead, we wanted to allow restaurant operators to be able to discover and integrate an increasing number of applications by themselves.
Speaking with our leadership team, I learned the history and vision for this product area. I picked up on a desire to improve the brand experience and make the integration portal feel more like an e-commerce experience.
Collaborating with my product and engineering partners, we discussed the challenges of both small business and enterprise customers. We were able to focus on an MVP goal to deliver an SMB experience first, with an enterprise experience to follow. I later designed the enterprise experience by working across product areas to develop shared services and components.
From a design perspective, I saw an opportunity to “separate the cart from the store” and relocate the integration mapping settings to a separate page. I also relocated app descriptions to a new details page, which would explain the unique value proposition of each integration.
I worked with our Senior UI Designer to test our latest design system components, create an in-product marketing banner for the Toast Product Connect subscription, and define a consistent app-like treatment for our third-party partners.
By breaking a big project into key milestones, we were able to complete the designs for the SMB customers quickly. We designed, developed and launched the new marketplace within a single business quarter.
We tested these designs with several of our small business customers and as a result, we were able to incorporate insights such as clarifying how some unique identifiers in the mapping settings are optional input fields.
"I really enjoyed seeing the new designs for the TPC web pages. It looks much cleaner and the consistent sizing on the logos is great. Thank you for answering all the questions on the
Yi Chen, VP of Product
Integrations and Partnerships Teams
(Executives, UX Leadership, Product & Technical Management, Engineering, and Senior
UI/Design Systems Designer)
Lead Product Designer
(Stakeholder Interviews, Product Strategy,
Site Map, Ideation, Wireframes, High-Fidelity Mockups, Interactive Prototypes,
Don't be shy.