CODE 2019

CODE2019(Cyber Offensive and Defensive Exercise) is an attack and defense competition. Six teams of hackers will attempt to attack two banks as the defense.

Role

UI, 3D modeling, Animation

Client

Executive Yuan

Year

2019

Summary

I did the UI design, 3D modeling, and animation for this competition.
We used some metaphors so the audience can easily understand the competition. The audience feels more engaged because of the way of the visual interpretation.

Government officials of the Executive Yuan and AIT were listening to match broadcast.

Goal

Let audiences without information security background understand the current state of competition.
- The network topology must be legible.
- The traffic between each device must be shown.
- The status of devices must be told by their appearance.
Let the participants have a more engaging experience throughout the competition.

Challenge

The actual detail of how they attacking and defending are way too complicated for people with no professional background.
The structure of network topology is complicated and can be confusing if not arrange properly.
The network topology of two banks are symmetrical, which can be monotonous.

The Power of Metaphor

We used metaphors so the audience can easily understand the competition.

Network topology & traffic
- The buildings and streets show the real structure of the network topology and remain enough features to recognize their functions.
- The interface can switch between 2 camera angles - top view and lower angle.
- The name of each device will show up during the top view so audiences can understand the network topology.
The status of devices
- The status of devices can be told by the color of lighting whether it’s online or shut down.
More engaging experience
- The attacker teams play as pirates trying to invade two islands.
- While a team attack, the camera angle will switch to the lower angle to be more dramatic.
- If an attack happens, the pirate ship will fire a cannonball toward the target.
- A broadcast of the attack information and a mark of the team’s color will be shown if the attack succeeds.

Feedback

After the event, the feedbacks were overwhelming.

The role-play experience brings more fun for two sides during the competition.
The attack teams feel stronger feedback with the visible mark alongside the scoreboard.
The audience feels more engaged because of the way of the visual interpretation.

I had a lot of fun and learned a lot about information security competition during the process. This experience gives me more courage while facing challenge.