// 01 - PROJECT OVERVIEW
BOUTS KICK OFF MEETING

Not everyone can expect to know what Bouts is about, let alone what it represents. This is why enlightenment on a project is important. A bout is a fight that takes place in both boxing or MMA. Bouts is a mobile web application that allows fans around the world to place bets and stay up to date on their favorite MMA Fighters. Fans can win their "bouts" without stepping foot in the octagon. 

MY ROLE

Visual Design, Research, Concept

TARGET AUDIENCE

MMA Fighters, Fans and Gamblers

PURPOSE

To allow users to place bets while staying up to date on their favorite MMA Fighters.

PROJECT DURATION

August 2017 - January 2018

FEATURES

  • Web Application

  • Fighter Profiles

  • Chat Rooms

  • Fighter Bets

  • News Articles

  • USD & Cryptocurrency Support

TOOLS USED

  • Adobe Experience Design

  • Pen & Paper

  • SketchSheets.com

// 02PROJECT RESEARCH

// 02 - PROJECT RESEARCH
UNDERSTANDING BOUTS'S ROOTS

ABOUT

The concept, Bouts is a personal project of mine that I came up with in the beginning of 2017 for the Mixed Martial Arts Community. The idea is to be able to come to a place where you can check up on the latest news in MMA, seeing the results of fights, future fight match ups and being able to potentially win some money. All of this under one platform.

UFC & BELLATOR MMA

The UFC, owned by WME and Bellator MMA, owned by Viacom, are the two largest MMA Companies to date. Currently these two companies offer a stage for thousands of Male and Female MMA Fighters. In this sport, the UFC is considered to have the superior talent, with Bellator being the runner up.

DESIGN CHALLENGE

What if people no longer had to use multiple sources of information to get their fight news? Try to come up with a solution that supports up to three forms of payments that will allow MMA Fans and casuals to get their reliable MMA news, place bets and cash checks.

ONLINE GAMBLING

Sports betting is the activity of predicting sports results and placing a wager on the outcome. Usually the wager is in the form of money. In this case, Bouts currently deals strictly with USD, Bitcoin and Litecoin payments only. Users can place a bet on a fighter with a risk vs reward format. Whoever has the highest odds is considered the "favorite." If the odds are low, it means that event is not likely to occur. Always remember that the lower the odds, the higher your potential reward.

WEIGHT CLASSES

  • Strawweight

  • Flyweight

  • Bantamweight

  • Featherweight

  • Lightweight

  • Welterweight

  • Middleweight

  • Light Heavyweight

  • Heavyweight

SOCIAL LINKS

// 02 - PROJECT RESEARCH
FIELD INTERVIEWS - MMA'S FANBASE

Making assumptions about what users want is definitely not the best route to take. It is very important to understand exactly what the user's want. The people who participate in online gambling are usually fans of Mixed Martial Arts. It is crucial to get to know the users who are using similar products today.

Hovo Zakyan

AGE: 23
OCCUPATION:  Pharmacy Tech, Fighter
STATUS: Single
LOCATION: Glendale, CA
FAVORITE FIGHTER: Fedor Emelianenko

"I knocked him down with the hammer...GODS I WAS STRONG THEN!"
- King Robert Baratheon

TROUBLES:

Finding articles on different websites reporting something that might not be true.

GOALS:

I would  like to be the best fighter in the world and have people eventually betting on me!

// 02 - PROJECT RESEARCH
FIELD INTERVIEWS - MMA'S FANBASE

Chris Van

AGE: 21
OCCUPATION:  Computer Engineer
STATUS: In a relationship
LOCATION: San Gabriel, CA
FAVORITE FIGHTER: Brock Lesnar

"I bounce heads off the canvas. I am pound for pound number one."
- Conor McGregor

TROUBLES:

Forums and articles that do not provide accurate, reliable details of fighter news. Also misguiding for those who want to learn new things.

GOALS:

I would like to have an easy straight forward app that provides less confusion into betting.

// 02 - PROJECT RESEARCH
FIELD INTERVIEWS - MMA'S FANBASE 

Diana Nazarian

AGE: 23
OCCUPATION:  Student
STATUS: In a relationship
LOCATION: Davis, CA
FAVORITE FIGHTER: Conor McGregor

"Precision beats power, timing beats speed. No one takes that left hand shot."
- Conor McGregor

TROUBLES:

When there is just too much going on in a single page. I like a website with some structure to it and that isn't too overwhelming.

GOALS:

To bring all the MMA gamblers together and keep them updated on the most recent news.

// 02 - PROJECT RESEARCH
COMPETITIVE ANALYSIS - UNDERSTANDING COMPETITION

This part was very important for my learning process about online gambling. I wanted to see what a few companies have been doing so that I can see what works and what doesn't. Currently, there are quite a few gambling websites out there, but not many that provide news as well.

BOVADA

Bovada has been offering online betting experiences like no other since 2011.

BEST FIGHT ODDS

The latest Mixed Martial Arts for future, current and past betting lines.

UNIKRN

Unikrn is an esports wagering service that allows users to gather, game and bet on esports.

PROS

  • Responsive Website

  • Great customer service

  • Great UX on all devices

PROS

  • Current and future betting odds

  • Responsive website

  • Archive of all past betting odds

PROS

  • Constant UX improvements

  • Visually appealing on all devices

  • Easy to navigate the web application

CONS

  • Payments take a while to arrive.

  • Non-U.S based company

CONS

  • Font sizes are very small

  • Website feels a bit outdated

CONS

  • Gaming related, not MMA

// 03PROJECT INTERACTIONS

// 03 - PROJECT INTERACTIONS
BOUTS ROUGH SKETCHES

Creating the rough sketches enables me to get my ideas in my head down on paper. This is very important for me to do because sometimes ideas can be forgotten. This makes it much easier for when I bring it into design programs for it allows me to work efficiently.

// 03 - PROJECT INTERACTIONS
BOUTS LOW FIDELITY WIREFRAMES

Another important aspect of the design process is creating low fidelity wire-frames. This allows me to get the structure of a project in my design programs without having to worry much about colors, typography or the final touches quite yet... I have found wireframes to allow me to become very efficient throughout my process.

// 04PROJECT VISUAL DESIGN

// 04 - PROJECT VISUAL DESIGN
BOUTS COMPLETED VISUAL DESIGN

This is the part of the design process where the visual design is completed. This is where I find out my visual design languages, solidify my desired color scheme, typography, iconography and the overall look and feel of the project. This is what the users will be seeing on a daily basis.

OPEN ADOBE XD PROTOTYPE

---- OR ----

VIEW DESIGN SPECS (BETA)