Portfolio - Abishek Balas

Back

In On Time is a web game where you have to put your opponents in difficulty with various penalties, make the best possible decisions to secure your place on the train...

But watch out for unexpected events that may occur during your journey!

Designer

Abishek Balas

Camille Ngo

Aurélien Louvel

Developper

Gaëtan Jestin

Néo Mianney
Estelle Lay

Role

UI Design

3D design
Art Direction

Motion Design

Industry

Gaming

Web Experience

Tech

React Three Fiber
Three j.s
Framer Motion

Type

School Project

Year

2024

TEASER

OVERVIEW

For our final year project in Master 1, our team of six, composed of three designers and three developers, decided to create a web experience/game that aims to highlight the absurdity of unexpected events in transportation, especially in big cities. The theme we have chosen to address may seem annoying or boring, but we decided to use a caricatural and funny tone. Recognizing oneself in the various anecdotes of our game also helps to de-dramatize the situation and realize that we all experience similar difficulties to different degrees.

I decided to be the lead 3D designer, but I also assisted my team with the UI and motion design aspects.

Try the game

See the conception

CONCEPTION

After several hours and days of brainstorming to find an idea and figure out the theme of our game, we created a paper version with a game board, pawns, and cards. We started playing it and shared it with others to get their feedback.

CHOOSING A DEVICE AND WIREFRAMING

Once we figured out the mechanics and rules of our game, we needed to choose a digital device to play it online. We wanted to create a game that could be easily played without specific devices or materials and could connect with a chat or call through a platform like Discord. The two perfect solutions were the mobile phone and the desktop. However, for reasons of experience, ergonomics, and time, we decided to go with an online web game.

USERFLOW

SITE MAPS

VISUAL IDENTITY GUIDELINE

3D DESIGN

As the 3D Lead for this project, I chose an asymmetric, hand-crafted style reminiscent of papercraft objects, which I created in Blender. The textures were designed in Substance Painter, featuring a paper/cartoon effect with prominent brush strokes. I first worked on the 3D objects and then assembled the assets on the game board.

UI DESIGN

Inspired by video game universes, the UI elements adopt very distinct codes with vibrant, pop colors and patterns for ease of understanding, as well as highlighting the interface through interaction design (CTAs, cards, actions, transportation, etc.)

The animations were created in Jitter so they could be easily integrated by the developers.