What is..

Fan Clash

Welcome to Fan Clash, the ultimate mobile experience that takes your game day to the next level! During those intermission breaks, users can dive into live player and team stats, and get in on the action with exciting mini games that lets them rack up Clash Points and prove that they are the ultimate fan. Right now, I’ve showcased the fun to the NHL, but stay tuned... big plans are in the works to bring Fan Clash to the NFL and NBA soon!

I hope to prototype all games and include more, as well as amp up the micro animations in the near future.

Duration: Fall Semester 2024 (5 weeks)

Project Definition: Create a self-directed project prompt and set your own deliverables.

Software: Figma

Project Timeline

(End of) November

Design a unique product that is inspired by a topic I genuinely love and feel passionate about. This project will involve exploring various aspects of the topic, identifying key elements that resonate with me, and translating those ideas into a tangible, functional design.

  • Brainstorm & wireframe

Create a concept.

December

Come up with create yet functional design.

  • Finding a style.

  • Iterate, iterate, iterate!

  • Create components & prototype

Design & Prototype

I dream to see this app come to life in the real world! I am really eager and excited to code and develop this project into something truly functional and impactful!

  • Simplify UI

  • Implement future designs to other leagues(NFL and NBA)

Future Plans

Build upon creation

Asset Creation

  • Wireframes

  • Logo & Character Design

  • Style Guide

Final Screens (WIP)

  • Welcome Screen

  • Find Apple Wallet Ticket

  • Choose Team

  • Home Screen

  • Buffalo Sabres Stats

  • San Jose Sharks Stats

  • Game Board

  • Leaderboard

  • Player's Profile

  • History Game Directions

  • History Game Question 1

  • History Game Answers

  • User is prompted with Apple Wallet integration. This allows for easy ticket finding and access.

  • The user must select the team they support. This makes sure the games and challenges in the app match their chosen team.

  • Once loaded into the app, the user can navigate through the home screen, game and player stats, games and their player profile.

  • The game demonstrated here is a mini game that quizzes this user on Buffalo Sabres History, as that is their team they are cheering on throughout the experience.

  • Points earned during the mini games can be applied to merch or to purchase food at the arena’s concession stands.

User Flow

View full work process & research >

Project Documentation

I was completely obsessed with this project from start to finish. It was such an exciting opportunity to dive into the world of product design, which I absolutely love. I thrived on using Figma, exploring branding, and crafting a concept that I can so vividly imagine being implemented in real life. Bringing this idea to life felt like I was creating something truly meaningful and fun.

I really wanted to explore the sports world, and I think I came up with a pretty sweet idea that merges fan engagement and competition in a way that feels fresh and interactive. I’m so proud of what I built, but I don’t feel done yet! I hope to take this project to the next level by continuing to refine and build on it.