Shopify Forms

Shopify

Shopify • 2022

Client

Shopify

Industry

Ecommerce

Project Type

Product Design

Responsabilities

Design
Competative Analysis
Merchant Interviews
Remote Testing

Deliverables

UX Design
Handoff docs
QA Support

Team

1 Product Manager
1 Designer
4 Front-end Developer
3 Back-end Developers

Shopify Forms

Shopify • 2022

There's a lot more to see but nothing I can share publicly.

Happy to discuss over a coffee.

Company

Shopify powers millions of businesses worldwide. The all-in-one commerce platform to start, run, and grow a business.

Context

For small and medium merchants it is on of their hundreds of priorities. To make it easier for Shopify merchants, the on Shopify's App store can help. The app store has thousands of first part and third party solutions. But for marketing, these solutions are prohibitively expensive for many merchants.

Thankfully, Shopify offers our own first party apps for email marketing and automating their online stores. Shopify Forms is the last piece of the puzzle to enable merchants to have access to the features of much more expensive third party apps.

Shopify Forms goal is to be the easiest, and best lead generation tool available to Shopify Merchants.

My Role

I designed for the best merchant experience using Shopify’s existing design system, Polaris. Myself, our product manager and engineering team worked together to break down the product in to small and quickly deliverable pieces to speed and roll out the first version of Shopify Forms.

Collaborated with colleagues in sibling apps, like Email, Flow and Shop. Supported the marketing UX team for our go to market strategy. Get product alignment, long term goals, and increase the design quality of Shopify Forms.

Merchant Experience

This is the merchant side of building a form for their Shopify online store. Once Shopify Forms is installed they can create their very first form to collect emails from online store

Overview page

For a new user, they don't have a form yet, so this follows UX standards for a default state and prompts them to build their first form.

Next Steps

My most recent project at Shopify was to lead the team designing and developing the new overview page which would support multiple forms and analytics. Unfortunately, until it is released I am unable to share the work. It should be released in the next 2 months.

Overview

Form overview

Allows merchantes to quickly get an overview of the performances of their form as well as build segments build segments and edit their form

Forms Overview

Form Editor

Merchants can style a form as a chance to make their brand really shine and earn that “Yes, add me to your list!” moment from a vosotpr. Merchants are be able to edit the form text, including the header, call to action button, and confirmation message. Consider it a great way to showcase a brand’s personality.