Website powered by

Eletopia UI and Character Design

UI and character design work I made for the game Eletopia! Play it here: https://www.eletopiagame.com/

Title screen UI, meant to mimic a cassette player. Blueprints by scarves-of-plenty @ tumblr based on flanosaur @ twitter's environment concept art.

Title screen UI, meant to mimic a cassette player. Blueprints by scarves-of-plenty @ tumblr based on flanosaur @ twitter's environment concept art.

Top right was the initial sketch for the title screen. Originally meant to be 3D, so I made a turnaround for the cassette player.

Top right was the initial sketch for the title screen. Originally meant to be 3D, so I made a turnaround for the cassette player.

Logo sketches to final design and implementation.

Logo sketches to final design and implementation.

Frog menu. He makes a cute little "bweh" sound when you click on him. :-)

Frog menu. He makes a cute little "bweh" sound when you click on him. :-)

Menu bar iterations. Began as a toolbox, evolved into a frog.

Menu bar iterations. Began as a toolbox, evolved into a frog.

Final elevator view UI.

Final elevator view UI.

Elevator UI wireframe 1.

Elevator UI wireframe 1.

Elevator UI wireframe 2.

Elevator UI wireframe 2.

Elevator UI wireframe 3. Final version is a mix of 2 and 3.

Elevator UI wireframe 3. Final version is a mix of 2 and 3.

Overview wireframe.

Overview wireframe.

Character design and turnarounds. William got reworked to be more interesting, but his new design was not able to be implemented in the final game.

Character design and turnarounds. William got reworked to be more interesting, but his new design was not able to be implemented in the final game.

Character design and turnarounds.

Character design and turnarounds.

Alternate art styles. Final design chosen was lineless and cel-shaded.

Alternate art styles. Final design chosen was lineless and cel-shaded.

Character file UI.

Character file UI.

Comparison between initial sketch and final design.

Comparison between initial sketch and final design.

Character portraits. All designs other than Jimmy and Marlow's neutral expressions were sketched by scarves-of-plenty @ tumblr and finalized by me.

Character portraits. All designs other than Jimmy and Marlow's neutral expressions were sketched by scarves-of-plenty @ tumblr and finalized by me.

Radio menu with interactive volume and tuning.

Radio menu with interactive volume and tuning.