Digital Designer
Photographer
Visual Storyteller
Coffee Addict

CURRENT HOME BASE

Vancouver B.C.

RCB Mobile App

2025

UI / UX

UI / UX

Prototyping

Prototyping

Branding

Branding

This is a prototype mobile app designed for Raincity Boxing Club to sell the brand merchandise we have been producing thus far, including the Essentials line, as well as other items and equipment from a select, curated list of boxing brands that fit the Raincity Culture.

The goal is to combine UI /UX with branding, crafting meaningful interactions under an

E-Commerce scope, while keeping mind the future intention of expanding to a 360 fitness app functionality that includes the Warrior Series' livestreams.

App Promo

AfterEffects motion graphics

User Flow

The user flow indicates the major route of a user achieving their primary goal, of making a purchase through the Raincity App.

Information Architecture

Based on the insights gained from user research and user flow, I defined the sitemap for the Raincity App.

User Goals vs Business Needs

User

Business

Users want to find and purchase reliable, quality combat-sport equipment easily

Business needs search functionality and product discovery to drive sales

Implementing an intelligent search bar with filters can aid user navigation and product discovery

Users want to save and manage a wishlist for future purchases or be notified of merchandise drops

Business needs to foster user engagement and return visits

Wishlist functionality encourages users to return to the app, view more products, and eventually make purchases

Users want access to boxing content on the go and to stay connected to the club's work outs

Business needs to establish itself as a trusted source of valuable content across multiple disciplines

Providing an online educational program on top of regular updates can increase credibility and profit

Design System

Typography

Typography

Roboto font family

Roboto font family

Roboto font family

H1 Head

H1 Head

H2 Headline - 21pt

H2 Headline - 21pt

H2 Headline - 21pt

H3 Headline - 18pt

H3 Headline - 18pt

Body 1 - 13pt

Body 1 - 13pt

Caption - 11pt

Caption - 11pt

H1 Head
H1 Head

H2 Headline - 21pt

H2 Headline - 21pt

H2 Headline - 21pt

H3 Headline - 18pt

H3 Headline - 18pt

Body 1 - 13pt

Body 1 - 13pt

Caption - 11pt

Caption - 11pt

Base Colours

Base Colours

Base Colours

#000000

#000000

#F0F0F0

#F0F0F0

#5A5A5A

#5A5A5A

#F2F2F2

#F2F2F2

#91AAF9

Buttons

Buttons

Buttons

Action

Action

Action

Action

Action

sample@email.com

+

+

Labels & Badges

Labels & Badges

Labels & Badges

Label

Label

Label

1

1

1

Cards

Cards

Cards

Question
Question
Question
Question
Question

Raincity Boxing

Send us a message

Live-chat Card

Live-chat Card

Product

Description

Price

Quantity

QTY

Listing Card

Listing Card

Icons

Icons

Icons

Images

Images

Images

H1 Head

H1 Head

H1 Head

H1 Head

H1 Head

H1 Head

H1 Head

H1 Head

Image Overlays

Image Overlays

Wireframes

EVERYTHING RAINCITY, AND MORE

EVERYTHING RAINCITY, AND MORE

EVERYTHING RAINCITY, AND MORE

The RCB App enables access to Raincity Boxing's products as well as a collection of curated boxing brands that has the Raincity Boxing Club's stamp of approval

The RCB App enables access to Raincity Boxing's products as well as a collection of curated boxing brands that has the Raincity Boxing Club's stamp of approval

The RCB App enables access to Raincity Boxing's products as well as a collection of curated boxing brands that has the Raincity Boxing Club's stamp of approval

RAINCITY'S EXPERT COACHING, ON THE GO

RAINCITY'S EXPERT COACHING, ON THE GO

RAINCITY'S EXPERT COACHING, ON THE GO

Take Raincity Boxing with you. Gain access to our coaching whether it is for a workout, for some motivational pep talk, or just to soak up our championship energy

Take Raincity Boxing with you. Gain access to our coaching whether it is for a workout, for some motivational pep talk, or just to soak up our championship energy

Take Raincity Boxing with you. Gain access to our coaching whether it is for a workout, for some motivational pep talk, or just to soak up our championship energy

Never miss out on live-action, with raincity tv

Never miss out on live-action, with rC-tv

Never miss out on live-action, with raincity tv

Never miss out on another Warrior Series fight card again, with RC-TV integration. Explore the amateur boxing scene and nerd out on fight stats

Never miss out on another Warrior Series fight card again, with RC-TV integration. Explore the amateur boxing scene and nerd out on fight stats

Never miss out on another Warrior Series fight card again, with RC-TV integration. Explore the amateur boxing scene and nerd out on fight stats

App Promo

AfterEffects motion graphics