IBM IT Automation


An interactive kiosk to showcase what IBM enterprise tools can achieve

Every step mattersEvery step mattersEvery step mattersEvery step mattersEvery step mattersEvery step mattersEvery step mattersEvery step mattersEvery step mattersEvery step matters


The initial screen gives a limited vision of the whole, this is the starting point of the experience, before the user interacts with the screen.


When the user touches the screen, we animate a perspective change to picture the whole: server nodes in three layers, but they blink in a chaotic way. We can't understand what's going on yet.

Isolating the issue

When the user pauses the simulation, they can touch a node with an issue and all the callback path will be displayed.

A closer look

When the user touches the error node again, they are presented with a close up view of the call. We change the perspective and the camera follows the data flow.

Review and resolve

The last view presents the user with information about the detected issues. The user can try to resolve issues manually, but this is pointless as taking away one of them at a time keeps causing more. If they select the automate option, everything is optimized and the data flows seamlessly.

The details

The Spanish studio Espadaysantacruz had built and designed an installation for IBM. It displayed, conceptually, what could be achieved with their enterprise automation tools. After that project was finished, they wanted to create a digital version of the installation: a 50" touchscreen kiosk in portrait orientation. Espadaysantacruz was in charge of the design and the narrative, and we did all the programming. We also were involved in the design, as it was needed to push the limits of web development and find optimal solutions for the proposed lines of the design. The biggest challenges were perspective changes and fluid interactions as HTML/CSS had to be in sync with the WebGL elements without frame drops.



Graphic Design


Surprise! This web uses cookies.