DropCommerce prides itself on being the most transparent and reliable Dropshipping application for e-commerce owners. It brings suppliers from all over Canada and the United States together to provide Environmentally and Socially Conscious products to both new and experienced e-commerce entrepreneurs.

My Role:

  1. Rework the embedded design user-flows to meet Shopify’s Best Practices Standards.

  2. Provide a design framework using Shopify’s POLARIS components

  3. Investigate, Research, Manage, and Maintain Web Vitals to meet Benchmarks

Results:

  1. DropCommerce was the first Dropshipping app to receive Built For Shopify status

  2. Reversed the trend of a declining user base (-4% to +7%)

  3. An increase in positive user reviews and App Star Rating (4.5 to 4.7 out of 5)

  4. A quicker, sleeker workflow meant a rise in user-retention KPIs - More products added to store, higher conversion rates.

Frame 3.png
Frame 2 (4).png
Frame 4.png
Frame 5.png

About:

Most of DropCommerce’s clients were gained organically from Shopify’s App Marketplace. Achieving “Built For Shopify” (BFS) status would mean that Shopify will promote us favorably in the algorithm and include us in a promoted suite of BFS apps. To achieve this designation, we had to meet all of Shopify’s Requirements, including Integration, Design, and Performance standards.

Approach:

Our goal was to achieve this designation as efficiently as possible, but our new embedded app design needed to follow Shopify’s App Design Guidelines. This means all primary user flows must be included in the shaved-down version of the new interface. As a UX Designer, I iterated on these designs using Shopify’s Polaris Components in FIGMA. Using the actual components in the design made it easy for our development team to implement the designs into our app.

Challenges

One requirement for BFS was maintaining certain vital web statistics. Design changes to the UI framework addressed the FID (First Input Delay) and CLS (Cumulative Layout Shift) requirements. Lowering the LCP (Lowest Contentful Print) metric required cross-department efforts: design changes to lower data size, implementing a CDN (Content Delivery Network), and monitoring in Sentry to detect and fix LCP spike anomalies.

Results:

As the first dropshipping app to receive BFS, DropCommerce reversed its declining user base from -4% to +7%, boosted its app rating from 4.5 to 4.7, and saw increased positive reviews. A faster, smoother workflow also improved user retention KPIs like the number of products imported to users’ stores.