BRED

The first task was to map out all the possible flows and how the screens connected together. We used the existing web application as a guide of existing features. We wanted to make sure that the web and mobile experience would be similar for users switching between the 2, but still have differences that were intuitive for each platform.

One of the main parts of the app is the home and browse screen, where users can find the shoe that they're looking for. The home screen features curated items based on what's popular at the moment. The search bar at the top provides easy access for users who know exactly what shoe they're looking for.

We wanted to make buying shoes a familiar experience. We did this by analyzing apps from top retailers like Nike and Footlocker. However, what makes BRED different than retailers is that there are different prices for each size. A size grid with the lowest price was the solution to this problem. It's easy to accidentally tap the check out button on mobile, so we added a "Swipe to confirm purchase" button to prevent errors.

Users can also choose to sell shoes on BRED. By using the same components, the buy/sell flows are similar so users don't have to familiarize themselves with 2 separate flows.

In total there were around 50 screens designed for the mobile app. Here are just a few of them.