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!

Launched in 2020, is an extension of the prestigious French department store Printemps, offering an expansive online selection of luxury fashion, beauty, and home products

Designer

Abishek Balas

Camille Ngo

Aurélien Louvel

UI Designer

Developper

Gaëtan Jestin

Néo Mianney
Estelle Lay

UI Designer

Role

UI Design

3D design
Art Direction

Motion Design

UI Designer

Industry

Gaming

Web Experience

Tech

React Three Fiber
Three j.s
Framer Motion

Type

School Project

For me

Year

2024

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.

This project was special for me because I had never worked on such a large project with a team before. I decided to be the lead 3D designer, but I also assisted my team with the UI and motion design aspects.

Try the game

TEASER

OUR JOURNEY !

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.

The laying out of the informations and the tabs on the mobile web version were inadequate
A lack of personalized user experienceThe mobile phone use never stopped to increase the last past years, and even exceeded the computer use.
Some competitors from the same field propose a mobile app as well.

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.

The laying out of the informations and the tabs on the mobile web version were inadequate
A lack of personalized user experienceThe mobile phone use never stopped to increase the last past years, and even exceeded the computer use.
Some competitors from the same field propose a mobile app as well.

SITE MAPS

USERFLOW

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.

The laying out of the informations and the tabs on the mobile web version were inadequate
A lack of personalized user experienceThe mobile phone use never stopped to increase the last past years, and even exceeded the computer use.
Some competitors from the same field propose a mobile app as well.

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.

The laying out of the informations and the tabs on the mobile web version were inadequate
A lack of personalized user experienceThe mobile phone use never stopped to increase the last past years, and even exceeded the computer use.
Some competitors from the same field propose a mobile app as well.

Next Project

Motion CUT-UP

Instagram

Maybe your next trainee?

abishekbls.5@gmail.com

Instagram

Maybe your next trainee?

abishekbls.5@gmail.com

Instagram

Maybe your next trainee?

abishekbls.5@gmail.com

Instagram

Maybe your next trainee?

abishekbls.5@gmail.com