Airsoft Arena
This project focuses on working with clients, especially with technical constraints small businesses won’t have a development team to redesign their websites.
Overview
So, here's the deal with Airsoft Arena. It's basically the go-to spot in the Midwest for indoor airsoft battles, especially if you're into Close-quarters battle (CQB). They've been around since 2013 and have this massive indoor field and training setup that's pretty impressive.
Now, they've got this website that needs a serious facelift. There are a bunch of inaccuracies on there, and it's not exactly user-friendly for both newbies and regulars. They're all about making those video game-style battles feel real, and they've got a solid team ready to help out with any questions.
I'm thinking of helping them out by redesigning their site. Their staff keeps getting bombarded with the same questions from users, and I figure a revamped website could solve that problem and make everyone's lives a bit easier.
Current Website
Problem statement
Airsoft Arena requires a website redesign to correct inaccuracies, enhancing accessibility for new and existing users.
SOLUTION
Ready to give Airsoft Arena's website a makeover? As a UX/UI designer, I've spotted issues like inconsistent design and wrong info. With my expertise, I've crafted a solution to boost user experience and align with their goals. Let's make Airsoft Arena stand out online together!
Before
After
Discovery
Competitive Analysis
I checked out four businesses similar to the Airsoft Arena to see how they show information. What I found is that all four websites feel pretty outdated, like they were made in 2000. Also, they don't follow good design principles, especially in how they organize things on the website. In my opinion, all of them could benefit from a redesign to make them more user-friendly.
Yet, through this competitive analysis, I discovered that the Airsoft Arena is missing important elements on its website, such as a booking system. Having this feature is essential for making things easier for users and streamlining operations.
User Research
As a player and user, I plan to contribute to my local airsoft community by creating a platform that simplifies the process of accessing information and discovering shared resources among local fields. The main objective is to foster growth within the community. I am grateful for the support and information from fellow local players and staff; their input has been invaluable.
Target Audience
Are people who are interested in the sport, first-timers, people who are ready to play.
User Interviews
I was able to do an in-person interview with people I know within the community and see their perspectives, on the sport.
Key moments that I have learned throughout my research..
Airsoft is a great way how to tell stories.
This helps me learn how to deal with teamwork with strangers.
A great way of making new friends.
A place where I can find new places to travel too.
Stakeholder Interview
Interviewer: Is there any aspect of the website that you find less favorable?
Respondent: The website's antiquated design is a notable concern, having remained unchanged since our establishment in 2013.
Interviewer: Are there specific areas you're considering for improvement?
Respondent: Certainly. There are several areas in need of enhancement. Firstly, there's an issue with the accessibility of the waiver form, which users find challenging to locate. Additionally, the timing displayed on the website is inaccurate and confusing. Furthermore, outdated listings on the rental page no longer align with our current services.
Interviewer: Could you provide insight into the website's age?
Respondent: The website was initially developed around the year 2013.
Interviewer: What prompted the selection of this particular website platform?
Respondent: The decision to utilize this website platform was influenced by familial connections. Specifically, the owner's cousin, who possesses coding expertise, was involved in its creation.
Airsoft Arena Assistant Manager
Affinity Map
After all the interviews, I made an affinity map to see what are some common problems and concerns users had with the platform itself. Here are some of the key issues I have found that I thought would bring up a good focus point for the redesign.
Research Findings and Insights
This is what I have found out about doing the surveys, competitive analysis, and online research..
Most first-time players are invited by a friend or they have found the information on the Internet.
People are willing to travel to different fields and try a different experiences.
Most of the fields around the area are outdoors.
People are here to have fun .
Define
Persona A
When doing my research, I learned that there were two types of people. Within the interviews, I thought it would be great to showcase both types: those who have been playing for a long time and others who are just starting. This way, you get a sense of what both personalities need within the website.
Persona B
As a beginner player B is much more concerned about how to use the website and may not trust the website.Because they are afraid of being scammed and not getting shipped their items. . because they have much lower confidence in the website than persona A.
Road Map
After conducting extensive research up to this point, I have come to the conclusion that there are certain aspects of this website that require redesigning. I decided to focus on the main pages, of these experiences as the must-have.
Site Map
Here is my thought process regarding what the website currently has and what needs to be added for the redesign. I chose to focus on building out the game mode experiences because out of all the other competitors, no one had a good explanation as to what types of games users will be playing.
To view this image larger please click here.
Design
User Flow
Here is the user flow for a user to book an online spot, for the Airsoft Arena.
Branding
During the conversation with the clients, I suggested redesigning their logo as the current one appeared outdated and reminiscent of the 2000s era. However, when I presented them with three different mock-ups of redesigned logos, the client refused the idea. They expressed contentment with the original design. Despite going back and forth on the matter, the client remained firm in their stance, stating that they did not desire a redesigned brand for their website. but wished to keep the old one.
UI Kit
For the UI kit, I have chosen the color base of the original logo design to make things more consistent. This color also complements the CQB style of airsoft experiences. Also, I have used a lot of user photography to showcase some perspective-taking of their own experiences.
Low Fidelity
After conducting extensive research, I have formed some initial thoughts on how to address and resolve the initial problems and design issues.. One of the areas that I have focused on was the calendar and booking experiences.
High Fidelity
After incorporating numerous revisions with the invaluable assistance of my mentors and peers, I am delighted to present my final high-fidelity design.
Deliver
Prototype Flow
I had the opportunity to test the prototype at the Airsoft Arena and gather feedback from both staff and players regarding the new booking system.
Prototypes were done in person at the Airsoft Arena field.
The player playing that day.
Age range 18-40.
Asking them how was the overall flow of the new website.
Asking what they thought about the booking system.
Prototype Results
Revisions
Just like in the art world revisions are helpful. When you have a group of peers or a mentor who is able to tell you what doesn't look right. Because of these critiques. I was able to make three versions and I tested each version. In the image, you can see how I made the changes.
Version 1
Version 2
Version 3
Wrap Up
Conclusion
The Airsoft Arena is pleased with the website's new upgrade, but there are still a few more revisions needed.
Based on my observations, people tend to receive quicker responses on social media platforms like Facebook, Instagram, and YouTube.
It's important to note that this website provides more comprehensive information that may not be readily available on social media. It serves as a cohesive hub that brings together various platforms they are utilizing.
Finding a compromise with stakeholders is indeed a valuable skill to possess. As a designer, it's essential to understand that creative freedom may not always be guaranteed, and being open to collaboration and finding common ground is crucial.