This project involved quite a bit of research about Valve Software's game, Team Fortress 2. Grim Fortress hosts 24 player slot community servers out of Dallas, Texas. They had an non responsive website that did not allow for a great user experience when players wanted to visit their website from in game or on their mobile phones. They needed a responsive framework to build upon if they ever wished to add more content in the near future.
Visual Design, Research, Web Development
Grim Fortress future and current community members who wish to keep up to date with their favorite server owners.
To give community members and staff a better user experience on the web allowing more server donations. The owners will have a responsive framework for future additions to their website.
February 2014 - May 2014
Halloween Themed Design
Adobe Photoshop CC
Making assumptions about what users want is definitely not the best route to take. The people playing Team Fortress 2 on a daily, weekly or bi-weekly basis are what drives the community. In this section of my research, I get to know 3 of Team Fortress 2's player base to help further my product. All users have the Grim Fortress Servers added to their favorites and expressed their concerns about the current state of their community's website.
Grimfortress website contains outdated information and occasional broken links to embedded webpages. The current logo is an eyesore.
To some day be able to view the website on my mobile phone without as much effort as it takes now.
The only trouble I have really is just viewing the page away from home. I understand that the game must be played on a desktop, but this is mildly infuriating.
I'd like to see better mobile support in the future. Since this is a big community, we all like to contribute to forum boards, etc. It would be awesome if we could do so while on the go, breaks at work, etc.
None really, I just like to visit the website on my desktop, maybe just make it feel more like Halloween.
Honestly, I would like to be surprised with what you come up with for the new website.
This part was very important for my learning process about online communities. I wanted to see what communities have been doing so that I can see what works and what doesn't. Currently, there are several gaming communities out there, but none that really have a Team Fortress 2 Halloween vibe to them.
A massive TF2 Community that has been around since 2011.
We are a laid-back but highly active multi-gaming clan that is focused on multiple games.
Founded in June 2006 as the second Zombie Mod server in Counter-Strike: Source.
Served over 8 million Unique TF2 Players.
Automated donation system allowing players to have perks almost instantly.
Servers are very populated daily.
Automated donation system.
Servers are moderated quite well.
Website is steam login compatible making sign up process quick.
Community is Zombie Themed.
Popular Zombie Mod Servers.
Massive player base due to its long history in gaming.
Increased chance of running into trolls.
Low populated TF2 Servers.
Website has a bit too much information on the landing page.
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.
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.
When my designs are finalized, I begin the process of bringing the work to life in Webflow. Webflow allows me to design, develop and create complex interactions for all devices visually, providing pixel perfect code for the web. When I am finished, I simply export out the perfectly generated HTML/CSS/JS and upload it to the client's host. As if Webflow couldn't get any more overpowered, this tool also allows me to also keep clients up to date by generating a link for clients to follow my progress.