Skip to main content

Beer Hub – Craft Beer Marketplace App

A mobile marketplace concept for discovering nearby beer shops, browsing craft beer and keeping favourites and browsing history in one connected experience.

Tools:

Tools:

Figma

Category:

Category:

UI/UX Design

Beer Hub app screens mockup showing login, product browsing, shop details, and favorites screens on a cream and gold background
Beer Hub login and registration screens with a warm cream and gold color palette
Beer Hub login and registration screens with a warm cream and gold color palette
Beer Hub login and registration screens with a warm cream and gold color palette

Overview

A shop first approach to craft beer discovery

Beer Hub makes shops the starting point for discovery, combining nearby locations, shop profiles, beer categories and product pages with favourites and browsing history.

Problem

The experience needed to preserve the context of each shop as users moved from nearby locations into categories and individual beers, without reducing discovery to a generic product list.

Solution

A map-led shop flow moves from nearby locations to shop profiles, beer categories and product details, while favourites and history make it easy to return to saved or previously viewed content.

Places nearby map screens with a shop pin selected, leading into the Drunk Duck Shop detail page.
Places nearby map screens with a shop pin selected, leading into the Drunk Duck Shop detail page.
Shop browsing screens narrowing from the store list to beer categories to the Manns Brown Ale product page.
Shop browsing screens narrowing from the store list to beer categories to the Manns Brown Ale product page.
Favorites and History screens showing saved shops and previously viewed beer categories.
Favorites and History screens showing saved shops and previously viewed beer categories.
Profile screen with user bio and favorite shops, alongside a sign-out confirmation dialog.
Profile screen with user bio and favorite shops, alongside a sign-out confirmation dialog.

Contact

Good design starts with a conversation.

Whether it’s a visual identity, an editorial piece or a digital experience, I’d love to hear about what you’re working on.

Contact

Good design starts with a conversation.

Whether it’s a visual identity, an editorial piece or a digital experience, I’d love to hear about what you’re working on.