Anestis Goudas
UI, UX Designer

Master Kick

A web-app for reminding us our childhood
arcade football video-games

Master Kick

The web-app

If it happens and you've been a boy that loved video games and especially Sports games, maybe you had the chance to play famous games such as ‘Pro Evolution Soccer’ or ‘FIFA Soccer’ series.

The task

In this project, we've been asked to create and to revive a football (soccer) penalty shootout contest, as it was played back on the ‘90s, but in a more modern way. Arcade style, modern play.

The Role

UI & UX Designer, 3D Designer

Master Kick

Processing the game,
step by step

I devised the app into steps, so to have the control in each stage of building the product:

  • Building the 3D Figures
  • Animate the figures
  • Design the field of action
  • Deploy all above into the director's stage, where the action will happen
  • Testing the app with my teammates and various random friends
  • Design all required screens for the users: Start, shoot and end the game!

The process

Step 1: Building the 3D Figures

The first idea that came to mind was to use my 3D Design experience working with software like 3D Daz for making some of my past music related, illustrations.

So, my first task was to create the male figures starting from the main shape and building the figure with its skin and eventually the soccer clothes that dress the player.

Considering the project’s timeline, I took the decision to build a player that looks the same but to differ in each soccer shirt & sorts, to give the player the ability to play with his favorite color/team related (see below). 

Step 2: Animation stage

Creating the animation of the player that shoots the ball and the goalkeeper, wasn’t difficult to build. We referred to Adobe’s Mixamo engine and got 3 animations ready to be applied on our two players: one for the shooter and two animations for the goalkeeper (goalkeeping by the line and by top post).

The game

Master Kick

Step 3: The main app's design

After creating the main core of the game, the other task was to create a design scenery to look like a Champions League game. So, we looked at Google Images to see UEFA’s official backgrounds, colours, texts, tables etc.

We applied to all screens a similar design approach. I had in mind, that players love impressive backgrounds, not too minimal but with balance and clear options to choose from and play immediately. 

Step 4: Choosing a player

The user had the ability to see the front & back sides of his preferred player. Each colour/player had a combination of some characteristics such as Shot Power and Shot Style.

The player had to write his name & surname, choose his favourite or preferred colour player and play the game. No more, no fewer actions required.

Final Step: The game

The user, after choosing his favourite player by colour, he had the chance to shoot 3 penalties, by using his Keyboard or by swipe to the desired corner, if it was accessible through a mobile device. The user needed only one goal so to proceed to the next round and eventually the contest.

Usability Tests

It was and still is one of my favourite projects, as along with the team, I challenged to complete a product outside of my field of expertise, based on my user experience as a gamer and my knowledge of Digital Arts.

I thought solutions and ways to complete each task, step by step, by using what I know and can handle well. I think the game was a success while it was online, with hundreds of participants and very good feedback and comments.

It’s all about goals in everything we do, so I personally think it was a goal that achieved against a difficult opponent, such as time.

Master Kick
My teammates said about me
"Anestis is one of the most talented designers I have worked with. He was one of the most valuable assets of Steficon's Creative Dpt. He is incredibly creative and really passionate about design. He has sophisticated taste, pays a lot of attention to detail and knows how to respond effectively to the client's needs. His designs are always fresh, unique and on brief. He is diligent, he has a great capacity as to coming up with problem-solving ideas, he is always willing to help his co-workers and fun to work with."

Ioanna Deimezi
Art Director, Steficon