Shopify Forms:
Your Marketing List

Shopify Forms lets you easily add an email capture form to your store, helping you connect with potential customers and convert them into lifelong fans. Customize your form by adding your brand colors and logo. Collect information when you want with page targeting and timed triggers.

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

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.

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

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.

Buyer Experience

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.

Desktop Experience

Mobile Experience