top of page

Project 0

The Batman Button

Fernando Bagtas

Maha Asim

Cristhian Sotelo Plazz

The Task

Sketch, design, and implement a software application where the central interaction is with a button, such that the interaction represents some aspect of your client's personality or character.

We decided to make our button based on the superhero Batman and we wanted to show something that is unique to Batman and we decided to focus on his transformation from kid Bruce Wayne to the dark knight. 

My Rough Sketches

For my first 10 sketches, I did not have the idea of using Batman for the button. It was only till later that we decided to use Batman

Refined Sketches

Our group decided on refining one our strongest ideas each and decide which one of the three to choose from. We decided to refine Pikachu, Batman, and Spider-man. These are our combined refined sketches and from here, we decided that Batman would be our best best to make a button out of.

batmanIcon2.png

Hover: When the parents are alive and on screen, hovering over the button will make a crosshair appear and move side to side

Click 1: When the parents are alive, clicking the button will "kill" the parents with 2 gunshots and once they die, the button will shrink and turn to a well where he falls and bats come out

Click 2: Clicking again after the first storyboard finishes will make Batman appear.

My Contribution: I mainly completed the part from when the first click end till the end of the second click

Demo Video

Project solution and executable here.

Interactions and Contributions

bottom of page