monkcommerce.com

Designed a Shopify app — rated 4.9/ 5 in European markets.

Designed a Shopify app — rated 4.9/ 5 in European markets.

Project Duration

Mar 2021 - Nov 2022

Role

Product Designer

Collaborators

About Monk - The app has a simple goal: to help your store drive incremental sales with a measurable ROI. Use the app to show all kinds of offers, recommendations & nudges across the buying journey right from the product pages to cart to post checkout.


Customize the look and feel of your popups/widgets (+translate text) exactly as you want & use our robust eligibility system to create highly targeted buyer experiences. The app is also compatible with Shopify Markets & stores using multiple currencies.


The primary objective was to design the MVP for the B2B eCommerce app with keeping scalability of core features in mind. Being the only designer in the team, I collaborated with Product, Marketing and Developing teams to work on Merchant side Dashboard, User Side Pop Up and Product Onboarding.

Mar 2021

Mar 2021

User and Market Research

Since we were building a product to launch in the European market. We wanted to understand the user behavior and how competitors are doing in the space.

Based on the research, we found the following insights

User Analysis

  • 70 percent eCommerce stores on Shopify offer clothing and jewllery

  • 67 percent users do window shopping and impulse purchases

  • 57 percent people purchase if given discount on the products in their shopping cart

  • 88 percent people love detailed but clean eCommerce stores

Insights

  • Themes can be designed using these points in mind

  • Creating Urgency will help here - e.g. using timer

  • Additional Discounts on cart pages

  • Design user centric and clean interfaces.

Market Analysis

Based on the market research, these are the few key insights about the existing players in the market, in terms of their usability, user experience and features.

Insights

  • Top competitors provided Multiple Triggers for the offers (Product Page, Cart Page, Post Purchase).

  • 40 percent App provided Specialized solutions for example - Post Purchase customizable offers only.

  • 30 Percent high performing solution had customizable offer pop-ups.

Working towards the solution

There were 3 sectors which needs to be designed - Funnel Form, User Side Pop Up and Merchant Side Dashboard.

Grid System

Since the dashboard will be integrated with the Shopify, the usable screen dimensions were - 1440px by 784px. I selected 8 column grid with 20px as gutter and 254px as margin.

  1. Funnel Form Design

We have designed a 3-step funnel form, which enables users to create and integrate a offer pop up on their store.

Scalable Designs

The app's core feature revolves around offering offer integrations in pop-ups or bundles. While creating, I have used customizable and scalable components. 

Customizable designs

Based upon the competitor's research insights, easily customizable

Integrability will be one of the critical metrics for the B2B product.

  1. User Side Pop-up

These pop-ups will be shown on the merchant's website. Using Monk, a merchant can set up various offer funnels and fully customize them.

  1. Merchant dashboard

Merchants can track and see the conversions of all the various funnels. Can create a new funnel to launch and increase AOV.

Post launch reviews

Post launch reviews

Sharing some reviews which we received at Shopify’s app store

Sharing some reviews which we received at

Shopify’s app store

Project — Monk Commerce

Next Case Study

How I Improved interviews UX for 1000+ candidates, totalling 5000+ interviews

How I Improved interviews UX for 1000+ candidates, totalling 5000+ interviews

Project timeline

Mar 2022 - Nov 2023

Mar 2022 - Nov 2023

Reading time

6 mins

Company

Upraised

Upraised