Responsive site

War Commander: Rogue Assault



The objective of this project was to develop a game website for WCRA using a CMS platform. The website provides players with access to game-related information such as tips, news, and weekly events. To enhance the user experience, the website utilizes the popular Bootstrap grid system to ensure optimal responsiveness. 

Role and challenge

I collaborated closely with the graphic artist, marketing manager, and creative director. Working alongside the creative director, I shared and refined my ideas while obtaining the necessary graphic assets from the artist. Additionally, I utilized Adobe After Effects to create engaging animations that added dynamism to the website.

I also collaborated with the marketing manager to gain insights into user preferences and determine the required pages for the game site. The primary challenge of this project was to create a comprehensive style guide and design a highly interactive website featuring numerous visually captivating animations. Furthermore, I implemented a content management system (CMS) feature, allowing the project manager to easily update and modify the website’s content.

The most intricate aspect was customizing the CMS specifically for the marketing manager, enabling them to independently upload and edit content without requiring assistance from the designer or developer. This seamless integration of design, animation, and user-friendly CMS ensured an interactive and engaging experience for the game site’s visitors.

Who is the user?



Nate is a seasoned player who is fully invested in the game. He is a hardcore player who thrives on the daily challenges, news updates, and weekly events. Nate is highly competitive and enjoys pushing himself to the limit to achieve new milestones in the game. He is a skilled player who has spent countless hours mastering the game mechanics and honing his strategies. Nate is always on the lookout for new challenges and ways to improve his gameplay, and he takes pride in being a part of the game’s elite community.


Nathan’s goal

Nate’s ultimate objective is to emerge victorious in the game and attain a high level of proficiency. He is motivated by the desire to acquire the latest weapons, characters, and other in-game items that can help him improve his gameplay and increase his chances of winning. Nate is always on the lookout for new challenges that can push him to new levels of excellence in the game. He is driven by a deep passion for the game and a fierce competitive spirit that keeps him striving for success.



Meet Luke, a beginner player who has just joined the game. He is eager to learn the ins and outs of the game and level up his gameplay by adopting the best strategies. As a new player, Luke is open to suggestions and guidance that can help him understand the game mechanics better. He is willing to put in the effort to improve his gameplay and is excited to be a part of the game community.


Luke’s goal


Luke’s primary goal is to learn how to play the game and improve his gameplay skills. As a new player, Luke is focused on mastering the basics of the game and understanding the game mechanics. He wants to level up his gameplay and become more competitive. Luke’s ultimate objective is to become a skilled player and be able to participate in the game’s challenging events and activities. He is eager to learn from experienced players and develop his own winning strategies. Luke’s goal is to enjoy the game while continuously improving his skills and achieving new milestones.

Style guide

The War Commander: Rogue Assault style guide has been developed to give the game a rough and rugged appearance that reflects the game’s war zone setting. The style guide features military-inspired colors such as shades of green and gold that create a visually striking and cohesive look and feel for the game. The design elements in the style guide have been carefully selected to provide a consistent and immersive gaming experience for players, while maintaining a clear and intuitive interface that enhances gameplay. Our approach to the style guide is to deliver a visually compelling experience that captures the essence of the game’s theme and engages players in an exciting and immersive way.


Interactive elements and CMS access

WCRA has been designed to captivate players upon arrival with interactive elements that create an immersive gaming experience. Our visually compelling interface prioritizes speedy performance through lightweight CSS code. Additionally, we developed a seamless process for the marketing manager to upload daily key art that automatically adjusts to fit different sections of the site. 

UI Design

Homepage is designed to showcase the latest news and strategies related to the game. We have incorporated engaging elements such as in-game videos and animations that are seamlessly integrated throughout the page and each component. The snapshot of news and strategy on the homepage is aimed at providing visitors with a quick and informative overview of the game’s current events and gameplay tactics. Our focus on using visually stunning and interactive features is aimed at enhancing the user experience and creating a lasting impression for visitors.


The news page is the go-to place for players to keep up-to-date with the latest developments in the game. Here, players can find out about upcoming events, including when and where they will take place, and what challenges they will entail. These events are designed to offer players the opportunity to level up their skills and gain access to new gadgets and equipment. Whether you’re a new player looking to level up quickly, or a seasoned player seeking the latest gadgets and upgrades, our news page has something for everyone. Stay tuned to our news page to ensure that you don’t miss out on any exciting developments in the game.


The strategy page is specifically designed to provide new players with the information they need to quickly familiarize themselves with the game and its mechanics. It offers a range of tips and tricks aimed at helping new players get up to speed and start playing with confidence. The page is focused on providing new players with the tools and knowledge they need to succeed, enhancing their gaming experience and keeping them engaged. Whether you’re a seasoned player or new to the game, the strategy page is a valuable resource that can help you improve your gameplay and take your skills to the next level.


The calendar page displays information about the next upcoming event in the game. It provides players with a clear and concise overview of the event, including the date, time, and location. This page is designed to help players plan and prepare for the upcoming challenge, and is a valuable resource for both seasoned and new players alike. Whether you’re looking to level up your skills or simply stay on top of important events in the game, this page can help you make the most of your gaming experience.


The event page displays a comprehensive overview of all the events happening in the game.


The Hall of Fame page is where the top players in the game are showcased. It is a highly competitive space where hardcore players compete to reach the top level and earn recognition for their achievements. This page is a great source of inspiration for players who are looking to improve their skills and reach the pinnacle of success in the game. Whether you’re a competitive player or simply looking to improve your gameplay, our Hall of Fame page is a valuable resource that can help you achieve your goals.