Poster for the bounty game
The marketing team of MDT was inspired by “Ready Player One” and decided to host a bounty game that is similar to the grand egg-hunting game in the movie.
A bounty game, or bounty program, is a common practice in the token communities. The goal is to promote a blockchain project by rewarding people for debugging the codes or creating user-generated content. The rewards are usually cryptocurrency tokens.
My Role
I am the visual designer and web developer for this project.
The webpage is built with Bootstrap and customized CSS.
Project Status
The webpage went live in 2018.
Timeline:
Initiation & planning - July 2018
Design & Coding - Aug 6-15 2018, 1 week
Inspirations
Images from the web
This bounty game was inspired by “Ready Player One” and thus I gathered some inspirations.
The keywords are the 80s, games, pixel art, neon colors, cyberspace …
Colors and Illustrations
I started with the pixelated art of the title font and made illustrations of some classic game devices, like the arcade, Gameboy, and Tamagotchi, because the campaign is called a bounty game.
I used a dark background and neon-like colors, inspired by the “Ready Player One” and retro games about the 80s.
Then I put together a hero section design, adding more pixelated elements on top of the game device.
Design of the hero section
Finding the Right Font
I found a font on Google Fonts, Electrolize. The font fits with the retro theme, the illustrations and has good readability. For the body, I decided to stick with Lato because it has better readability when it comes to blocks of text.
Creating Elements
I had one week to make the webpage along with other work projects so I used the simplest way to code.
I like the pixelated buttons in retro games and designed the buttons accordingly. To achieve the hover effect, I used different background images for static and hovered. I originally designed three colors and decided to go with the pink one, as it has the best readability among the three.
Making it Responsive
I customized the CSS for the optimal experience on desktop, tablet, and mobile.
