GROOVY

Visual Identity

Overview

In this project for a UI boot camp, we were assigned a vintage shopping app to design. The project’s requirements were to design the app’s visual identity, and then start to map out 1) a new user signup flow 2) new product selling capabilities 3) the ability to leave a review of a purchase 4) creative exploration for 1-2 other features. This set of wireframes meets those requirements, and it also starts to define the rest of the app’s interface and what other experiences look like: the shop tab (a homepage), a profile page, and the user tools tab.



This first set of screens is the signup and seller onboarding flow. Since the app requires circular commerce in order to run, the onboarding flow prioritizes sellers uploading product, so that the flow of commerce and supply side of the app’s inventory is maintained. 

The most relevant comp for this project is Poshmark; Poshmark’s team has figured out how to make uploading a product for sale very easy to do by having the user start by uploading a pic and then filling out a simple form.

The details in the form are not all visible to the end-user; they help categorize the product so it can be merchandised on the “explore” and “favs” tab. The homepage is inspired by TikTok's algorithmic feed, and if this project were to go into development, I'd want to make the "for you" tab algorithmic to the end-user's scrolling and attentive behaviors, and the "following" tab the other people the user elected to follow. 

Last, I was inspired by the checkout flow from the Shopify Shop app, since it consolidates checkout into 3 steps and provides the end-user with a very simple purchasing workflow. 

This is the moodboard that inspired the UI and visual identity of the app. I most enjoyed putting together the brand and visual identity for this project -- I sought to evoke a fun, playful, vintage aesthetic and employed a 70s-inspired decorative typeface, burnt umbers/warm yellows, and vintage photography to achieve this look.


Once the seller lists their first item, they’re taken to the homepage. Since this a social shopping app, the homepage feels familiar to anyone who has used Instagram or TikTok.

If they decide to buy an item, here’s the checkout flow, followed by a reviews page. The last frame is the seller tools profile page. I wanted checkout to happen in less than 3 frames, in order to provide as little friction as possible to buying goods.