A web-based personality-based custom avatar generator. Includes a 3D experience dedicated to finding out personal details about you to create your own custom avatar.
Timeline: December 2023 (4 weeks)
Programs: Blender, JavaScript, HTML/CSS
Role: Web Designer, Front-end
CONCEPT
WHY CUSTOM AVATARS???
The current state of avatar creation can be customized in a way that we want to be perceived. I wanted to create a more accurate way to generate an avatar that focuses more on personality/psychology. In this site, I focused on 3 different personal traits: fear, love, and regret.
CREATING AN AESTHETIC
There images were the starting point for the aesthetic I wanted to create. I chose a 2D visual style within a 3D environment. The 3D spaces are meant to be a reflection of yourself through the projection of custom text on the walls.
Inspiration Moodboard
PROCESS
CREATING A VISUAL IDENTITY
I used 3 different fonts, including bold/highly legible fonts alongside pixelated/glitchy fonts. I wanted to use this spectrum to represent the unique quality of everyone’s avatar
Various versions of 2D interfaces
CREATING 2D INTERFACES & 3D SCENES
The 3D interactive rooms are connected to these 2D pages as they display a different color scheme and level of chaos based on your decisions in each room. These pages have research about how fear, love, and regret all affect our personality. All 3D assets for each of the rooms were created in Blender.
You can make different choices within each interactive space. Your choices slowly build the unique characteristics in your alter ego.
The 2D interfaces contain more information on how these psychological traits affect your personality.
The appearance of these pages change depending on your previous decisions.
At the end, you will generate the final image of your alter ego and a description of how you got it! Heres mine :)
