Poshmark Redesign
Figma
Product redesign of Poshmark, a circular fashion app
Poshmark is an app that allows you to buy and sell items, with a specific focus on clothing and shoes. I love the app for how it is contributing to making fashion more circular by making it easier to buy and sell second hand. However, the app is poorly designed with endless layers of pages and navigation paths. Even as a frequent user, I find it hard to accomplish basic tasks and locate essential information.
Current Poshmark screens
My redesigned screens
PROCESS
🏹 Benchmarking & App Map Redesign
I benchmarked Poshmark against Venmo. Both apps have essentially two functions: for Poshmark, buying and selling clothes; for Venmo receiving and sending money. While Poshmark's navigation is nested and convoluted, Venmo has made the send / receive money flow obvious and streamlined.
I tried to create an app map for Poshmark, but the sheer number of layered pages and links made it an impossible task. Below is the Venmo app map and my redesigned Poshmark app map.
(Left) Venmo app map
(Right) Redesigned Poshmark app map
🏹 UI Spec
I created a UI spec of all the screens in my app map. I received feedback from my class and professor to add Search to the nav bar and remove the plus button from the messaging screen, as all messages should be specific to a product and thus originate from the listing screen.
🏹 Paper Prototype
I printed the screens I created following my VD and UI spec and had my classmates attempt to accomplish a buy flow and a sell flow. Besides showing me if my flows were intuitive, I was also able to see text sizes and spacing at actual scale.
🏹 Interactive prototype
I fully prototyped the screens for my two main flows using Figma.
Main screens
(Left) Purchase flow
(Right) Sell flow
Iterations
Shortly after turning in the project, I turned to Poshmark to buy a last minute addition to my Halloween costume. A few days later, I returned to the app to check when they would be delivered and found myself stumped on how to see purchases I had made. When I finally found it nestled in the Settings menu via my profile, I realized I needed to improve this feature in my prototype. I renamed the Messages screen "Dashboard" where I added a toggle to switch between messages, sales, and purchases. The Dashboard is now a one-stop-shop to contact buyers and sellers, see what products you've sold, and see what products you've bought. Sellers and buyers are equally important on Poshmark, and most users play both roles, so I wanted to keep their work flows balanced and equal, but separated enough to prevent confusion. This update is live on Figma.
