Welcome to 7 Great Website Designs, a new series of articles that I’ll be publishing once a month. Within each article, I will list 7 great website designs within a particular theme.
The first theme I decided to go for was gaming, largely because I’m a huge gamer myself. Within this theme, it quickly became abundantly clear that these websites rely heavily on artwork.
In order to market a videogame (or videogame merchandise), a website needs to capture the attention of it’s visitors whilst demonstrating what the game is about and it’s gameplay.
With that being said, it’s my pleasure to present the following 7 websites!
When it comes to videogame merchandise websites, nobody does it better than J!NX – demonstrating one of the most unique styles not only within the videogame industry, but on the internet in general.
The quirky style of the J!NX website speaks for itself, taking inspiration from the 8 bit artwork style and putting a modern touch on it. Another nice feature is the contrast between the website’s dark theme, coupled with clever usage of vibrant colours and imagery to shift the user’s attention towards the right places.
It’s also worth mentioning the cool animations throughout the website. For example, when one of the menu items (found on the left) are pressed, they transform into a red cross that signifies the page can be closed.
All these elements together make J!NX an exciting browsing experience that simply doesn’t exist within other websites of it’s kind.
Not all videogame websites are trying to sell you something (at least, not directly!). One of these exceptions is the League of Legends Universe website.
League of Legends is a highly competitive and popular MOBA (Multiplayer Online Battle Arena) videogame that doesn’t include a single player story mode of any kind.
It begs the question, how can a multiplayer and gameplay focused videogame have such an extensive amount of story and lore? That’s where the League of Legends Universe website comes in.
Instead of cramming all of this information into the League of Legends Client (the platform that players use to launch themselves into multiplayer matches), Riot Games, the developers of League of Legends, cleverly separated this aspect into a highly visual and immersive online experience.
This isn’t the first time I’ve mentioned Media Molecule’s exceptional website, having made it into my Great Examples of Modern Videogame Marketing article back in April.
Put simply, there was no way I couldn’t include them within this article. The Media Molecule website is exciting, charming and alluring thanks to it’s smart usage of cute stylised artwork, animations and vibrant colours.
The visual feast doesn’t just end with the homepage, however. Each and every page on this website has been crafted with love. If you don’t believe me, check out their Jobs Page.
I’ve been following Media Molecule via their social media platforms for years and their unique website reflects who they are as a company, as well as the videogames they create.
Firewatch, a videogame released early in 2016, offers one of the more unique experiences within gaming. It utilises a distinctive art style that immerses gamers within it’s carefully crafted world and story.
This rich visual style is also found in the parallax hero section of the Firewatch website. As you scroll down, the different layers move at different speeds to create a sense of depth not typically found on your average website.
When that effect is coupled with vibrant artwork, the results are spectacular. The rest of the Firewatch website is fairly straightforward, utilising a clean and informative design, however the hero section alone is reason enough to make it onto this list.
Star Citizen is a massively multiplayer space trading, exploration and combat game that has been in development since 2012. While it is still an ongoing project that is still to be fully released, players have been able to explore the vast expanses of it’s world for a substantial amount of time.
An enormous indie game of this magnitude requires financial investment. In order to acquire the cash needed to continue development, the developers have allowed gamers to gain early access by purchasing a ship within the game.
In order to maximise the number of gamers buying ships, Star Citizen’s website needed to be exceptional. And exceptional it is.
The futuristic style of the many UI (User Interface) and UX (User Experience) elements along with the cosmic backdrop and gorgeous artwork combine to achieve one of the coolest sci-fi themed websites within the videogame industry.
Ori and the Blind Forest, an indie platforming game released in 2015 launched to critical success thanks to it’s beautiful artwork, charming characters and exciting gameplay.
The Ori and the Blind Forest website attempts to reflect the visuals of the game via the utilisation of artwork and parallax layers. Combined, these two effects create a browsing experience that intrigues and immerses visitors.
Each section is elegantly separated with a foreground layer that creates a sense of depth, similarly to the Firewatch Hero Section earlier in this article.
Within each of the content sections you’ll find information pertaining to the game, presented in a stylised and alluring manner.
Even if you have the tiniest insight into the world of gaming, it’s likely that you’ve heard of The Witcher 3. One of the most critically acclaimed games of all time with an outstanding reputation, it’s not surprising that this videogame has it’s own great website.
A unique aspect of The Witcher 3 website is the way it utilises fullscreen sections to demonstrate various aspects of the game. The scrolling effect that snaps to each section in order for it to neatly fit on the screen is seamless.
The backdrop for each of these sections is a piece of extraordinary artwork, working to immerse visitors in the world before they even purchase the game.
Another noteworthy mention is the fixed on-screen border and menus that allow users to navigate the website with ease.