BOSSFIGHTZ

An app enabling gamers to join discussion chats and connect with others.

BOSSFIGHTZ

An app enabling gamers to join discussion chats and connect with others.

BOSSFIGHTZ

An app enabling gamers to join discussion chats and connect with others.

Role

UX / UI Designer | Prototyping | Graphic Designer

UX / UI Designer | Prototyping | Graphic Designer

Responsabilities

User Experience | Research | User Journey | Usability Testing | Branding

User Experience | Research | User Journey | Usability Testing | Branding

Business Goal

BossFightz aims to unite enthusiasts with identical gaming tastes. We initially developed this application with a key demographic of 16-35+ years in mind. The primary purpose was to offer gamers a place to socialise and usher in competitive events.

Business Goal

BossFightz aims to unite enthusiasts with identical gaming tastes. We initially developed this application with a key demographic of 16-35+ years in mind. The primary purpose was to offer gamers a place to socialise and usher in competitive events.

How might we draw in players seeking like-minded peers all the while ensuring an entertaining and intriguing environment that continues to entice them back to participate in tournaments?

How might we draw in players seeking like-minded peers all the while ensuring an entertaining and intriguing environment that continues to entice them back to participate in tournaments?

How might we draw in players seeking like-minded peers all the while ensuring an entertaining and intriguing environment that continues to entice them back to participate in tournaments?

The Solution

A platform designed with stunning visuals akin to what our users engage in. A site allowing personal customization from profile pictures to banner images. This platform enables users to participate in interest-aligned chats and become part of tournaments.

User Journey

01

User creates an account using their personal information.

User creates an account using their personal information.

02

The home screen displays information about current, popular and trending games.

The home screen displays information about current, popular and trending games.

03

The app displays games details as well as any active chats.

The app displays games details as well as any active chats.

04

Users can join, leave and suggest new chat rooms.

05

Users participate in chats and can connect individually with others.

06

Tournaments and schedules are available.

04

Users can join, leave and suggest new chat rooms.

Users can join, leave and suggest new chat rooms.

05

Users participate in chats and can connect individually with other users.

Users participate in chats and can connect individually with other users.

06

Tournaments and schedules are posted and information about how users can join are shown in details.

Tournaments and schedules are posted and information about how users can join are shown in details.

Mobile Wireframes

Mobile Wireframes

After creating a user flow, I was able to begin the process of wireframing all the potential screens for the mobile app.


  • I created low-to-mid fidelity wireframes for this project.

  • Figma was the software used.

  • Several iterations were made to land on the user experience our client was looking for.

UI Designs

The act of focusing on the brand allowed me to envision where BossFightz's mobile design should go. The customer desired a sense of "In-game" aesthetics along with some nighttime/dark elements. Many games referenced in our initial consultation had a darker style, inspiring me to develop a similar theme. To make the design stand out, I sprinkled brighter colors throughout the interface, making it evoke a video-game feel.

LET'S CHAT

JUANMPONLINE@GMAIL.COM

© JUAN 2024

LET'S CHAT

JUANMPONLINE@GMAIL.COM

© JUAN 2024

LET'S CHAT

JUANMPONLINE@GMAIL.COM

© JUAN 2024

LET'S CHAT

JUANMPONLINE@GMAIL.COM

© JUAN 2024

LET'S CHAT

JUANMPONLINE@GMAIL.COM

© JUAN 2024