mr.weasel and big rory

Landing Page • Web Game • Illustration • Flowcharts

Project Overview

This is a simple web game with rules based on the classic game "Rock, Paper, Scissors" where we need to implement different visual effects and typography through CSS.

My Contributions

Based on the fact that this was a project using a programming language, the pre-design was not particularly complex. I designed the typography, as well as the main game characters and the pages displayed by the different results, and implemented them using HTML, CSS and Javascript.

Sketch

I was inspired by the three characters that might constrain each other (Weasel, Chicken and Stick) As this is a game, I have portrayed the characters more cartoonishly than realistically. For the color scheme I used contrasting colors, which makes the whole interface look more interesting.

Defining the flow

After that, I went on to create a flowchart showing how to organized the platform and what the different programming languages needed to achieve.

Visual exploration

Let’s see how it works 👉