ESPORTS CLUB
A centralised staff platform that replaced scattered Google Forms with a single dashboard for managing memberships, events, tournaments, and payments.
Team
Timeline
Role
2 Designers + 5 Developers
I focused on the staff dashboard, membership tracker, tournaments view, and invoice tracker from research through dev handoff
March 25’ - November 25’
(9 months)
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
BRIEF
The club's executives were managing memberships, events, tournaments, and payments entirely through Google Forms; time-consuming to administer, and with no visibility into member or payment status.
The goal of this project was to give staff a centralised platform built around how they actually work, replacing manual form-chasing with a system designed around real usage patterns.
This project was completed as part of a two-designer team, working alongside a Project Manager and developer team through to handoff.
PROJECT OVERVIEW
From reviewing the club's existing process, I identified key issues:
membership type, event, and payment tracking relied entirely on Google Forms
no centralised visibility into member or payment status
manual admin work for staff with every new form response
no structured way to manage tournaments or reconcile payments
These issues made day-to-day club administration slow and error-prone for staff who were already volunteering their time.
"I have no idea who's actually paid, I have to cross-check multiple spreadsheets."
PROBLEM SPACE
Club executives are responsible for running memberships, events, tournaments, and payments.
They needed to:
see membership and payment status at a glance
manage tournaments without manual spreadsheet work
reconcile payments without chasing forms
do all of this without added training overhead; execs turn over yearly
TARGET AUDIENCE
Club executives; a non-technical, volunteer-run team, with a new group taking over administration each year.
OPPORTUNITY
How might we give club staff a single, intuitive platform to manage memberships, events, and payments without the manual overhead of forms-based tracking?
PROCESS
Research & Design System I started with research and a mood board to establish visual direction, alongside mapping user flows for key staff scenarios. Client feedback shifted the direction toward a darker, more minimal palette with a single accent colour, deliberately excluding green despite it being in the club's logo, in favour of a more modern, tech feel. I translated this into a Figma design system, defining colour, typography, and sizing to keep all four pages consistent.
RESEARCH
MOODBOARD + COMPONENTS
Low-Fidelity & Iteration I built low-fidelity wireframes for each page based on the mapped user flows and reviewed them with my Project Manager. One key iteration came from the tournaments view; tags replaced my original layout to enable filtering, a small change with a meaningful usability payoff.
High-Fidelity & Stakeholder Feedback At high-fidelity, I incorporated detailed stakeholder feedback to refine information hierarchy and usability:
switched from University ID to email fields, reflecting a non-student membership base
added a bank reference field to support manual payment reconciliation
repositioned approve/decline actions to match how staff naturally scan information
My pagination design and compact table layout were specifically validated by my PM as strong solutions for navigating large data sets.
Handoff I collaborated with the developer team ahead of handoff, flagging scope considerations (including a tag feature we deprioritised outside MVP) and clarifying component behaviour to support a smooth build.
FINAL DESIGN
A dashboard built around real usage, not form data Gives staff an at-a-glance snapshot of current members, new members, and tournament sign-ups, plus a trend chart showing activity over time.
A tournaments view designed for fast scanning of large lists The layout was shaped around how staff needed to scan tournament data at volume. A tag-based filtering approach was explored during wire framing and validated as a strong direction, but was deprioritised outside MVP scope ahead of dev handoff.
A membership tracker built around approval and status, not just records Staff can approve or decline membership requests directly from the table, with a separate view for creating and managing membership types (e.g. semester vs. full-year memberships).
A compact, pagination-driven invoice tracker specifically praised by the PM as an effective solution for navigating large data sets without overwhelming the page.
RESULT
The final design gave staff a simple, intuitive dashboard to manage memberships, events, and payments; replacing a manual, forms-based process with one built around real usage patterns. The design met all functional requirements ahead of dev handoff, and the platform was adopted and launched by the club.
ESPORTS CLUB
A centralised staff platform that replaced scattered Google Forms with a single dashboard for managing memberships, events, tournaments, and payments.
Team
Timeline
Role
2 Designers + 5 Developers
I focused on the staff dashboard, membership tracker, tournaments view, and invoice tracker from research through dev handoff
March 25’ - November 25’
(9 months)
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
BRIEF
The club's executives were managing memberships, events, tournaments, and payments entirely through Google Forms; time-consuming to administer, and with no visibility into member or payment status.
The goal of this project was to give staff a centralised platform built around how they actually work, replacing manual form-chasing with a system designed around real usage patterns.
This project was completed as part of a two-designer team, working alongside a Project Manager and developer team through to handoff.
PROJECT OVERVIEW
From reviewing the club's existing process, I identified key issues:
membership type, event, and payment tracking relied entirely on Google Forms
no centralised visibility into member or payment status
manual admin work for staff with every new form response
no structured way to manage tournaments or reconcile payments
These issues made day-to-day club administration slow and error-prone for staff who were already volunteering their time.
"I have no idea who's actually paid, I have to cross-check multiple spreadsheets."
PROBLEM SPACE
Club executives are responsible for running memberships, events, tournaments, and payments.
They needed to:
see membership and payment status at a glance
manage tournaments without manual spreadsheet work
reconcile payments without chasing forms
do all of this without added training overhead; execs turn over yearly
TARGET AUDIENCE
Club executives; a non-technical, volunteer-run team, with a new group taking over administration each year.
OPPORTUNITY
How might we give club staff a single, intuitive platform to manage memberships, events, and payments without the manual overhead of forms-based tracking?
PROCESS
Research & Design System I started with research and a mood board to establish visual direction, alongside mapping user flows for key staff scenarios. Client feedback shifted the direction toward a darker, more minimal palette with a single accent colour, deliberately excluding green despite it being in the club's logo, in favour of a more modern, tech feel. I translated this into a Figma design system, defining colour, typography, and sizing to keep all four pages consistent.
RESEARCH
MOODBOARD + COMPONENTS
Low-Fidelity & Iteration I built low-fidelity wireframes for each page based on the mapped user flows and reviewed them with my Project Manager. One key iteration came from the tournaments view; tags replaced my original layout to enable filtering, a small change with a meaningful usability payoff.
High-Fidelity & Stakeholder Feedback At high-fidelity, I incorporated detailed stakeholder feedback to refine information hierarchy and usability:
switched from University ID to email fields, reflecting a non-student membership base
added a bank reference field to support manual payment reconciliation
repositioned approve/decline actions to match how staff naturally scan information
My pagination design and compact table layout were specifically validated by my PM as strong solutions for navigating large data sets.
Handoff I collaborated with the developer team ahead of handoff, flagging scope considerations (including a tag feature we deprioritised outside MVP) and clarifying component behaviour to support a smooth build.
FINAL DESIGN
A dashboard built around real usage, not form data Gives staff an at-a-glance snapshot of current members, new members, and tournament sign-ups, plus a trend chart showing activity over time.
A tournaments view designed for fast scanning of large lists The layout was shaped around how staff needed to scan tournament data at volume. A tag-based filtering approach was explored during wire framing and validated as a strong direction, but was deprioritised outside MVP scope ahead of dev handoff.
A membership tracker built around approval and status, not just records Staff can approve or decline membership requests directly from the table, with a separate view for creating and managing membership types (e.g. semester vs. full-year memberships).
A compact, pagination-driven invoice tracker specifically praised by the PM as an effective solution for navigating large data sets without overwhelming the page.
RESULT
The final design gave staff a simple, intuitive dashboard to manage memberships, events, and payments; replacing a manual, forms-based process with one built around real usage patterns. The design met all functional requirements ahead of dev handoff, and the platform was adopted and launched by the club.
ESPORTS CLUB
A centralised staff platform that replaced scattered Google Forms with a single dashboard for managing memberships, events, tournaments, and payments.
Team
Timeline
Role
2 Designers + 5 Developers
I focused on the staff dashboard, membership tracker, tournaments view, and invoice tracker from research through dev handoff
March 25’ - November 25’
(9 months)
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
BRIEF
The club's executives were managing memberships, events, tournaments, and payments entirely through Google Forms; time-consuming to administer, and with no visibility into member or payment status.
The goal of this project was to give staff a centralised platform built around how they actually work, replacing manual form-chasing with a system designed around real usage patterns.
This project was completed as part of a two-designer team, working alongside a Project Manager and developer team through to handoff.
PROJECT OVERVIEW
From reviewing the club's existing process, I identified key issues:
membership type, event, and payment tracking relied entirely on Google Forms
no centralised visibility into member or payment status
manual admin work for staff with every new form response
no structured way to manage tournaments or reconcile payments
These issues made day-to-day club administration slow and error-prone for staff who were already volunteering their time.
"I have no idea who's actually paid, I have to cross-check multiple spreadsheets."
PROBLEM SPACE
Club executives are responsible for running memberships, events, tournaments, and payments.
They needed to:
see membership and payment status at a glance
manage tournaments without manual spreadsheet work
reconcile payments without chasing forms
do all of this without added training overhead; execs turn over yearly
TARGET AUDIENCE
Club executives; a non-technical, volunteer-run team, with a new group taking over administration each year.
OPPORTUNITY
How might we give club staff a single, intuitive platform to manage memberships, events, and payments without the manual overhead of forms-based tracking?
PROCESS
Research & Design System I started with research and a mood board to establish visual direction, alongside mapping user flows for key staff scenarios. Client feedback shifted the direction toward a darker, more minimal palette with a single accent colour, deliberately excluding green despite it being in the club's logo, in favour of a more modern, tech feel. I translated this into a Figma design system, defining colour, typography, and sizing to keep all four pages consistent.
RESEARCH
MOODBOARD + COMPONENTS
Low-Fidelity & Iteration I built low-fidelity wireframes for each page based on the mapped user flows and reviewed them with my Project Manager. One key iteration came from the tournaments view; tags replaced my original layout to enable filtering, a small change with a meaningful usability payoff.
High-Fidelity & Stakeholder Feedback At high-fidelity, I incorporated detailed stakeholder feedback to refine information hierarchy and usability:
switched from University ID to email fields, reflecting a non-student membership base
added a bank reference field to support manual payment reconciliation
repositioned approve/decline actions to match how staff naturally scan information
My pagination design and compact table layout were specifically validated by my PM as strong solutions for navigating large data sets.
Handoff I collaborated with the developer team ahead of handoff, flagging scope considerations (including a tag feature we deprioritised outside MVP) and clarifying component behaviour to support a smooth build.
FINAL DESIGN
A dashboard built around real usage, not form data Gives staff an at-a-glance snapshot of current members, new members, and tournament sign-ups, plus a trend chart showing activity over time.
A tournaments view designed for fast scanning of large lists The layout was shaped around how staff needed to scan tournament data at volume. A tag-based filtering approach was explored during wire framing and validated as a strong direction, but was deprioritised outside MVP scope ahead of dev handoff.
A membership tracker built around approval and status, not just records Staff can approve or decline membership requests directly from the table, with a separate view for creating and managing membership types (e.g. semester vs. full-year memberships).
A compact, pagination-driven invoice tracker specifically praised by the PM as an effective solution for navigating large data sets without overwhelming the page.
RESULT
The final design gave staff a simple, intuitive dashboard to manage memberships, events, and payments; replacing a manual, forms-based process with one built around real usage patterns. The design met all functional requirements ahead of dev handoff, and the platform was adopted and launched by the club.
ESPORTS CLUB
A centralised staff platform that replaced scattered Google Forms with a single dashboard for managing memberships, events, tournaments, and payments.
Team
Timeline
Role
2 Designers + 5 Developers
I focused on the staff dashboard, membership tracker, tournaments view, and invoice tracker from research through dev handoff
March 25’ - November 25’
(9 months)
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
ESPORTS
BRIEF
The club’s executives were managing memberships, events, tournaments, and payments entirely through Google Forms; time-consuming to administer, and with no visibility into member or payment status.
The goal of this project was to give staff a centralised platform built around how they actually work, replacing manual form-chasing with a system designed around real usage patterns.
This project was completed as part of a two-designer team, working alongside a Project Manager and developer team through to handoff.
PROJECT OVERVIEW
From reviewing the club’s existing process, I identified key issues:
membership type, event, and payment tracking relied entirely on Google Forms
no centralised visibility into member or payment status
manual admin work for staff with every new form response
no structured way to manage tournaments or reconcile payments
These issues made day-to-day club administration slow and error-prone for staff who were already volunteering their time.
“I have no idea who’s actually paid, I have to cross-check multiple spreadsheets.”
PROBLEM SPACE
Club executives are responsible for running memberships, events, tournaments, and payments.
They needed to:
see membership and payment status at a glance
manage tournaments without manual spreadsheet work
reconcile payments without chasing forms
do all of this without added training overhead; execs turn over yearly
TARGET AUDIENCE
Club executives; a non-technical, volunteer-run team, with a new group taking over administration each year.
OPPORTUNITY
How might we give club staff a single, intuitive platform to manage memberships, events, and payments without the manual overhead of forms-based tracking?
PROCESS
Research & Design System I started with research and a mood board to establish visual direction, alongside mapping user flows for key staff scenarios. Client feedback shifted the direction toward a darker, more minimal palette with a single accent colour, deliberately excluding green despite it being in the club’s logo, in favour of a more modern, tech feel. I translated this into a Figma design system, defining colour, typography, and sizing to keep all four pages consistent.
RESEARCH
MOODBOARD + COMPONENTS
Low-Fidelity & Iteration I built low-fidelity wireframes for each page based on the mapped user flows and reviewed them with my Project Manager. One key iteration came from the tournaments view; tags replaced my original layout to enable filtering, a small change with a meaningful usability payoff.
High-Fidelity & Stakeholder Feedback At high-fidelity, I incorporated detailed stakeholder feedback to refine information hierarchy and usability:
switched from University ID to email fields, reflecting a non-student membership base
added a bank reference field to support manual payment reconciliation
repositioned approve/decline actions to match how staff naturally scan information
My pagination design and compact table layout were specifically validated by my PM as strong solutions for navigating large data sets.
Handoff I collaborated with the developer team ahead of handoff, flagging scope considerations (including a tag feature we deprioritised outside MVP) and clarifying component behaviour to support a smooth build.
FINAL DESIGN
A dashboard built around real usage, not form data Gives staff an at-a-glance snapshot of current members, new members, and tournament sign-ups, plus a trend chart showing activity over time.
A tournaments view designed for fast scanning of large lists The layout was shaped around how staff needed to scan tournament data at volume. A tag-based filtering approach was explored during wire framing and validated as a strong direction, but was deprioritised outside MVP scope ahead of dev handoff.
A membership tracker built around approval and status, not just records Staff can approve or decline membership requests directly from the table, with a separate view for creating and managing membership types (e.g. semester vs. full-year memberships).
A compact, pagination-driven invoice tracker specifically praised by the PM as an effective solution for navigating large data sets without overwhelming the page.
RESULT
The final design gave staff a simple, intuitive dashboard to manage memberships, events, and payments; replacing a manual, forms-based process with one built around real usage patterns. The design met all functional requirements ahead of dev handoff, and the platform was adopted and launched by the club.