Shop a Shopify App

Shop App Feature Add

An academic project, connecting people with brands through social shopping.

A screenshot of web page

Shop App

ADDING A FEATURE

The Objective

I designed a ‘social shopping’ feature for the native iOS Shop App that connects users to more brands and products on the platform through interactions in the Shop community.

My Role

Scope

UX/UI Design, User Research, Market Research, Persona, Journey Mapping, User Flows, Information Architecture, Wire framing, Prototyping, Usability Testing

Timeline

4 weeks

Tools

Figma, Maze Prototyping

Team

Individual, Academic Project

Problem

DEFINING THE PROBLEM

There is opportunity for Shop to more effectively drive discovery of brands & products, in order to create a true shopping experience for users.

Shop is on it's way to becoming a 'virtual shopping assistant'

Shop is Shopify’s iOS and Android shopping assistant app designed to help users: track, pay, and shop better. The app's core features support these main value propositions by allowing users to pay securely and efficiently, track shipments on a consolidated platform, and discover new products with brands they already support.

The app allows users in North America to browse and purchase products from any of the 1M merchants that use Shopify’s e-commerce logistics platform.

But how can it help its users discover products more intuitively?

Being a regular user, I was pretty familiar with the app. However, I wanted to conduct a more in-depth audit of the app, with the intention of identifying interesting areas of opportunity and pain points in users’ experience with the app.

What I found was:

Apart from checking shipments, users aren’t incentivized to continue using the app, because there is no real content to drive continued engagement from users.



The shop function within the app only allows users to receive recommendations based on products or brands they already shop with. What’s missing, is the ability to discover new products and brands through others.

With this in mind, I decided to focus on improving the shopping experience for users by increasing the opportunities for discovery of brands and products.

Forming a Hypothesis

PROBLEM DEFINITION

A social shopping feature will combine e-commerce with social media networking to augment users' real-life shopping experiences, by encouraging discourse and shared recommendations amongst users.

Users will be able to discover brands through users in the Shop community and purchase directly from the merchants on the Shop App.

Validating with
Users

USER RESEARCH

To validate my hypothesis, I conducted a series of user interviews to test my hypothesis and validate whether or not a social shopping feature would aid in driving discovery on the platform and create a better shopping experience.

My target user group was young adults (age 18-30) who have experience shopping online or through mobile apps for e-commerce.

The goals of the interview questions were to:

  • Understand how users engage with brands they already love and discover new brands when shopping.
  • Identify key pain points in the shopping experience for users.  
  • Understand what considerations and value frameworks users have when investing in a brand or merchant.

Identifying Patterns

EXTRACTING USEFUL INSIGHTS

After the interviews, I synthesized the data to identify common pain points users face and form an understanding of our user group. To do so, I created an affinity map using a Miro board to visualize the themes we heard most often.

The conversations validated the hypothesis that discovery and rediscovery in the shopping process is driven largely by social activity.





Identifying our
Shoppers

USER PERSONAS

Based on the insights and themes I observed through user interviews and secondary research, I created two user personas. While both personas were valid based on user interviews, I utilized the primary persona in guide my design solution, since that was more aligned to the target audience of the existing application.

Defining Key
Features

USER JOURNEY

In order to ideate potential solutions, I mapped out a core user flow and defined potential features by asking “how might we” questions at each step.

Having defined potential features, I then expanded on these and created a site map and full user flow to show how the features would exist together.

Social Shopping
Experience

USER FLOW

The user flow was key in defining how the actions of a user who wanted to purchase a product they found via their social shopping feed differed from those of a user who wanted to bookmark or continue scrolling on the feed.


Design & Ideation

INFORMATION ARCHITECTURE

Site Map

The user flow was then distilled into a high level site map, in which the new feature exists as a new page in navigation appropriately titled “Community”.

Mid Fidelity Wireframes

Once the architecture and flow of the site were defined, I began sketching ideas and creating mid-fidelity mockups. These wireframes were then used to create the high fidelity mockups using UI consistent with that of the existing Shop App.

Design
Challenges

USABILITY TESTING

Revising the design to bridge the gap in understanding of what the community feed is & giving users more effective ways to engage with brands they discover.

I conducted one round of usability testing with 7 participants via the virtual testing platform, Maze. Participants were given 2 task scenarios to complete:

  • 1. Purchase a bag that they saw on their social shopping feed and
  • 2. Save the bag to a collection for later

While participants were able to complete both tasks, what I found, was two primary changes that needed to be made to the existing design.

02. Increasing visibility of the product tags on user posts

Introducing Social Shopping

THE FINAL DESIGN

Customize your Community Feed

Enter a few details about the brands/products you like, find people you already know in the Shop community, and define your intent with the social feed.

View and shop for tagged products on your social feed

View details of products that users tag in posts, so that you can add directly to your shopping bag and purchase it directly in the Shop App. Even view similar items or similar creators on the app to explore similar alternative products or brands.

Add products to your collection

Create new collections and save items that you are not quite yet ready to purchase, for later. Based on your bookmark, get more recommendations of products and creators to follow.




Rose, Bud, Thorn

LEARNINGS & REFLECTIONS

🌹 01. Rose - Wins and Learnings

In this project, I found that I defined the problem space effectively through secondary research of Shopify’s business and user goals for the app, as well as, user interviews. This helped define the scope of the project in a way that benefitted users and aligned with business goals.

🌱 02. Bud - Future Opportunities

I’m looking forward to learning new ways to conduct usability tests and increasing the frequency with which I am testing. In this project, I saw the value in finding hotspots and drop-off points amongst testers, and recognize the importance in multiple iterations based on user tests in the future.

🌵 03. Thorn - Challenges

A challenge I faced was not exploring enough design iterations of how the Explore and Community tab would coexist. It would have been helpful to conduct additional user tests with a redesigned Explore tab, to find additional ways that the social shopping feature could have existed in the Shop ecosystem.

Stay in Touch