As well as enjoying them with a cup of tea, we like using cookies on our website to allow us to remember who you are and show you things we think you’d like. For more information about how we use cookies, you can find out more in our privacy policy.

Sorry, Internet Explorer is no longer supported.

To visit Framework Design please donwload the lastest version of either Google Chrome, Firefox or Safari for the best experiece.

fallback
WH_Header 2

Rogueside - Warhammer 40K: Shootas, Blood & Teef

Framework Design were approached by Rogueside, a games developer based in Belgium, to create a website for their new online Warhammer 40K game: Shootas, Blood & Teef. During this project, our design and development teams worked together with the client’s asset creator to deliver an authentic Warhammer experience that needed a quick turn around to meet the game’s release.

View website

Deliverables

  • Web Design
  • Web Development
  • Animation

The website design needed to be immersive and interactive to match the energy of the game experience. Most of all, the design needed to be authentically Warhammer and match the look and feel of the original game. The Framework design team led discovery sessions with the client to establish the overall look and needs of the website, and then collaborated with Roguesides design team to gather branded assets for use on the site. 

The Framework designers began to put together a design for the overall site. We wanted the site to be as immersive as possible, and so numerous  animated assets were used to provide a gameplay-like experience. For instance, we implemented a custom cursor of a cross hair, which when the user clicks, shows a small explosion as if a shoota has been fired.  Additionally, we added a preloader of a weaponised crocodile to the site design to keep the theme constant even while the site is loading. 

Desktop Multi

One key feature of this website was the use of parallax to make visual elements move across the screen at different speeds. This was used in the header and also for elements placed horizontally across the page.  These highly curated microinteractions made the site as interactive as possible.

The developers also added a custom smooth scroll to the website to provide a consistent experience across browsers and mimic the experience of working your way to the end of a video game. Moreover, as the brief required the website to be just one page, the smooth scroll functionality was key in helping users digest multiple pieces of information about the game. 

Menu
Button1
Parts
RS_Mobile1
RS_Mobile4
RS_Mobile3
RS_Mobile5
RS_Mobile6
RS_Mobile2

Rogueside had requested a way to encourage users to sign up to their newsletters. In response, the development team implemented a custom mailchimp integration at the bottom of the page to allow users to easily sign up to correspondence.

Mobile Multi