Platform

ShopPad: MESA

ShopPad is the largest developer of high-quality solutions for the Shopify and Shopify Plus eCommerce platforms.

MESA is a stand-alone application that helps store owners create workflow automation for scaling their businesses.

Shoppad MESA Julia Gale Product designer

Project
summary

Project Overview

Project Overview

The ShopPad team produced a successful range of apps on the Shopify platform with expansive functionality for store owners and integrations that enabled automations optimized for the Shopify platform. In difference to their competitors, ShopPad provided a service layer for novice users that supplied critical value to an untapped market unserved by other comparable products. They needed baseline UX improvements and generate new features in their MESA product.

The ShopPad team produced a successful range of apps on the Shopify platform with expansive functionality for store owners and integrations that enabled automations optimized for the Shopify platform. In difference to their competitors, ShopPad provided a service layer for novice users that supplied critical value to an untapped market unserved by other comparable products. They needed baseline UX improvements and generate new features in their MESA product.

Expertise

User research

Product strategy

UI/UX Design

Deliverables

Design system

Product design

Year

2021 - 2023

The Challenge

Project Timeline

Project Timeline

There were three layers of challenge in this project, started from UX fundamental improvements to incorporate new features and utilize Shopify's Polaris design system.

As a concept project, it took me less time to complete. A breakdown of this project's stages follows:

As a concept project, it took me less time to complete. A breakdown of this project's stages follows:

Fundamental
UX improvements

Project Timeline

Project Timeline

Working on fundamental UX improvements like enhancing the user experience through improving field token selection, new user onboarding, optimizing the home dashboard, streamlining automation step configuration, simplifying automation testing, and improving discovery of automation templates led to the creation of the stand-alone alternative instead of the limited inner Shopify extension.

As a concept project, it took me less time to complete. A breakdown of this project's stages follows:

As a concept project, it took me less time to complete. A breakdown of this project's stages follows:

Token Selection

Project Timeline

Project Timeline

The token is a representation of data in the MESA eco-system; merchands usually had difficulties setting it up correctly.

I worked on simplifying the process and created a clean hierarchical structure to display all possible token variants in the side sheet panel.

As a concept project, it took me less time to complete. A breakdown of this project's stages follows:

As a concept project, it took me less time to complete. A breakdown of this project's stages follows:

MESA token Julia Gale Product designer canada
Improving the discovery of automation template

Project Timeline

Project Timeline

I established designs that would promote discovery and better showcase the benefits of automation to new and advanced users.

As a concept project, it took me less time to complete. A breakdown of this project's stages follows:

As a concept project, it took me less time to complete. A breakdown of this project's stages follows:

Templates cards MESA Julia Gale Product designer Canada
Pricing model

Project Timeline

Project Timeline

Collaboratively iterated with the ShopPad team to refine the pricing model for premium apps and actions and apply these decisions to overhaul the pricing and account management pages. 

As a concept project, it took me less time to complete. A breakdown of this project's stages follows:

As a concept project, it took me less time to complete. A breakdown of this project's stages follows:

Pricing model Mesa Julia Gale Product designer canada

New
Feature

Project Timeline

Project Timeline

This new feature will help not only the MESA team to improve or expand their features but also their merchants will clearly see the opportunities and difficulties in their online businesses.

As a concept project, it took me less time to complete. A breakdown of this project's stages follows:

As a concept project, it took me less time to complete. A breakdown of this project's stages follows:

MESA Analytics Julia Gale Product designer Canada
Analytics page report view mesa
Analytics page settings view mesa
Landing page Analytics Mesa

Design
System

Project Timeline

Project Timeline

This new feature will help not only the MESA team to improve or expand their features but also their merchants will clearly see the opportunities and difficulties in their online businesses.

As a concept project, it took me less time to complete. A breakdown of this project's stages follows:

As a concept project, it took me less time to complete. A breakdown of this project's stages follows:

Design system MESA Julia Gale Product designer canada

Impact

Project Timeline

Project Timeline

Launching MESA independently allowed ShopPad to highlight the app’s new unique benefit of automation for Shopify stores, with a new look and feel, and an enjoyable user experience in the stand-alone app or within Shopify.

As a concept project, it took me less time to complete. A breakdown of this project's stages follows:

As a concept project, it took me less time to complete. A breakdown of this project's stages follows: