←Back

SarahSehee

Design Cloud Experiences for Design Teams

Overview

Designed the holistic experience of ProtoPie's first cloud product. And defined the core experiences of collaboration around prototypes.

Duration

Apr. 2018 - Oct. 2019

ProtoPie is the most intuitive tool to turn ideas into highly interactive prototypes for mobile, desktop, web, all the way to IoT. The software supports individuals and teams to ideate, iterate, and innovates tomorrow’s best digital products. I joined ProtoPie in 2017 to build a new Cloud and draw the first shape of the product.

Why building ProtoPie Cloud

📈 Business Needs

We saw the opportunity to grow the business from an increasing number of corporate and team users since we launched ProtoPie Studio in the market.

😣 User Needs

Along with the development of ProtoPie Studio, users requested more advanced collaboration features such sharing options and prototyping management.

Belief

There is a business opportunity if ProtoPie creates a product for team users.

Discover User Needs

From 2018 to 2019, my team and I visited more than 20 companies in the Bay Area and Europe to find answers to the following questions:

  1. How does a team of designers collaborate together with prototypes?
  2. What do they do with prototypes after making it?
  3. Is there any new use case of prototyping made with ProtoPie?

Define ProtoPie Cloud's Workflow

Before launching Cloud, ProtoPie supported a limited range of design workflows: ideation - prototype - deliver. From our company visits and casual interviews with design teams, we realize that supporting the iterative design process and concept evaluation are the core experiences as a team of designers using ProtoPie. Also, we found out that there is a strong need for managing these experiences for design leads or managers.

ProtoPie Users

👩🏻‍🎨Individual User Group

  • Existing Users
  • Freelance Designers
  • Students

👨‍👩‍👧‍👧Team User Group

  • Designers who use ProtoPie in their daily basis design workflow
  • Design manangers who need to manage prototypes and members

Design System 1.0

Since the number of engineers outnumbered the number of designers, I had to develop an efficient way to support the iterative design process. With ProtoPie's brand designer and other product designers, I developed color schemes for the new product and other design primitives. Developing design system in the beginning of the project helped me to focus on bigger perspective of Cloud's user experience while saving the minimum quality of visual design.

Creating a design system at the beginning of the project helped me focus on the bigger perspective of the Cloud's user experience while keeping consistent visual design quality.

👩🏻‍🔬 Product Designer could deliver UI design in fast iterations.
👩🏻‍🚀 Front End Engineers could make screen quickly first without the help of designers.

Extending workflow from prototyping to collaboration

Before launching Cloud, users maximize their prototyping in a minimal portion of a design workflow: prototyping. To support the iterative design process and user testing for tech designers, we believed it is essential to develop the features for collaboration and user testing.

1. Version Management and Comment

Compared to the previous pie page, new Cloud offered For a Pie page in Team Space, team members can track a Pie's changes to check iterations with easier access. Besides, a built-in comment system enables them to leave feedbacks.

2. Create Advanced Share Links for Concept Evaluation

Prototypes shine when designers use those to validate their idea. Designers love the expressiveness of prototypes they made with ProtoPie and actively use those for their user testings. We created a suite of precise share display options for user's testing purposes.

3. Separating personal and team workflows.

Before introducing Cloud, ProtoPie offered only a personal cloud space for individual users. We separated a personal space and a team space effectively and offered

Impact

Business

  • 29% revenue growth since the launch of ProtoPie Cloud with Team Plans.
  • In that growth rate, 61% came from Team and Enterprise Plans.

Product

We built the foundation for creating comprehensive workflows of design teams and product development processes. After the launch, we could look into the collaborative prototyping experiences and released two critical features on ProtoPie Cloud: Interaction Library and Interaction Recipe.