Poshmark Onboarding

Poshmark Onboarding

Poshmark Onboarding

New sign up flow that improved registration completion by 25%.

Mockups of Poshmark onramp redesign
Mockups of Poshmark onramp redesign

Overview

Poshmark is a social fashion marketplace with 5M monthly users, with 200M available listings. This onramp redesign is a design-led project done in partnership with a team of developers and a project manager.

My Role

Overview

Lead UI/UX designer- end to end design for iOS, Android, desktop, and mobile web

Poshmark is a social fashion marketplace with 5M monthly users, with 200M available listings. This onramp redesign is a design-led project done in partnership with a team of developers and a project manager.

My Role

Lead UI/UX designer- end to end design for iOS, Android, desktop, and mobile web

Timeline

June 2021 - Aug 2021

Tools

Figma, Zoom, Slack, Google Suite

Screenshots of onramp before redesign

Before Redesign

Redesigned onramp screens
Redesigned onramp screens

After Redesign

Problem Statement

How might we improve the onramp experience to better educate, retain, and delight users, with a focus on Gen Z?

Why Gen Z?

Millennials and Gen Z adopt secondhand items 2.5 times faster than any other consumer. The existing design isn't optimized for Gen Z values and aesthetic preferences, evidenced by Poshmark's user base skewing heavily millennial.

User Research

My research plan included a competitive audit of 12 apps, 3 user interviews, and a focus group with 3 Gen Z users.


The main research goals were to understand which questions to ask during onramp to efficiently create the optimized feed and identify Gen Z pain points, goals, and needs as new users.

Sarah Kim leading focus group over Zoom
Sarah Kim leading focus group over Zoom
Sarah Kim leading focus group over Zoom

Pain Points

  • Create an Account Screen is too cluttered

  • Would like more connection to people they follow

  • Want the onramp & transition to feed to be tailored to their interests

Empathy Map

Personas

Illustration of Sean, a man wearing glasses

Sean

Sean is a recently graduated young professional. He is looking to get into fashion but lacks motivation to shop. He is open to purchasing secondhand items but has never used Poshmark before.

Illustration of Anna, a woman with a bun

Anna

Anna is a senior in college who loves fashion. She uses Poshmark primarily to sell items, and keeps up with trends on social media. She supports buying secondhand but prefers shopping at trendy retailers.

Illustration of Sally, a smiling woman with long hair

Sally

Sally is a sophomore in college. She is exploring her style and loving vintage, funky pieces. She occasionally makes purchases on Poshmark when looking for a specific item or style but does not sell.

User Flows

Flow chart for user flow
Flow chart for user flow

Existing user flow

A second flow chart for user flow
A second flow chart for user flow

User flow with social push

Low Fidelity Concepts

Low fidelity Figma mocks
Low fidelity Figma mocks

Usability Testing

I conducted 6 usability tests with 3 interactive prototypes. The testing sessions allowed us to identify critical issues and also receive valuable feedback to inform our design. Here's what I heard:

  • "I like breaking signup down into multiple screens."

  • "Very moved by all photos."

  • "I prefer the language build your community instead of find your community. The community element of Posh is much stronger than other platforms."

  • "I would only follow my best friends or influencers."

  • "Poshmark interface seems dated- I like this a lot better."

Feature Prioritization

With a shorter time scope and technical feasibility, we divided our initial feature into 2 release stages with the initial release focusing on features that require low effort but yield high impact, without changes to the information gathered from new users. This was facilitated by several discussions with leadership and engineering and prioritization based on usability testing.

The MVP Solution

The redesigned onboarding guides first-time users through the process of creating an account and tailoring their Poshmark experience. The onramp showcases Poshmark’s vibrant community, reflects its diverse user base, and incentivizes action by providing context.

GIF of redesigned onramp
GIF of redesigned onramp
mockup of welcome screen
mockup of welcome screen
mockup of brands screen
mockup of brands screen
mockup of community screen
mockup of community screen

Learnings

I truly appreciated the opportunity to lead this project. As a design-led project (with 50+ design feedback sessions), the project naturally started off as a heavily-research based, blue sky project.

While much of the initial stages of the project were spent exploring different ways to engage new users in creating a social network, this objective was eventually scoped out of the MVP after further discussions on technical scope. I learned the importance of considering the feasibility and long-term impact of product changes through cross-functional discussion.


Looking forward, I'd love to revisit how social graphs are created and change the way gender is framed, allowing for fluidity of preferences to shop in both Women's and Men's markets.

Learnings

I truly appreciated the opportunity to lead this project. As a design-led project (with 50+ design feedback sessions), the project naturally started off as a heavily-research based, blue sky project.

While much of the initial stages of the project were spent exploring different ways to engage new users in creating a social network, this objective was eventually scoped out of the MVP after further discussions on technical scope. I learned the importance of considering the feasibility and long-term impact of product changes through cross-funcitonal discussion.


Looking forward, I'd love to revisit how social graphs are created and change the way gender is framed, allowing for fluidity of preferences to shop in both Women's and Men's markets.