Contact

Tmb: Rethinking The Way People Experience Art

UI Design, Interactive Installations, Processing, Spatial Design

Sep 2022

My Role

UI Design, Prototype,
concepting

Time

3 weeks

THis is a project that's trying to reimagine the way we consume art nowadays and bring it to our everyday life as well as make it interactive.

Introduction

We love art. We love modern art, traditional art. We like going to exhibitions and art galleries. Consuming art traditionally involves separating out special time from your day, planning the trip and then going to a museum or a gallery to immerse yourself in a particular artist's work. However, in the modern world people are busy and not everyone can afford the luxury of enjoying art on a regular basis.

With this project we want to rethink the way people experience art by putting this immersive experience of an artwork from world known artist such as Joan Miro and Pablo Picasso to daily commuters and tourist who pass by the metro station. Instead of just standing by and observing, we want commuters to interact with the artwork while waiting for the train to come.

Wall installation 3d concept render

Sketches

We started sketching out our ideas. Since we had "unlimited" budget the possibilities were infinite. So, making something huge sounded like a great idea.

After seeing the metro of Barcelona the general impression is that it's quite dark, small and ugly, especially when it's not a double-sided station. All of that can be fixed with lighting. That's how we got the idea of getting a screen the size of the whole station and totally transform the space inside the metro station.

Wall installation 3d concept renderWall installation 3d concept render

Plan of the Installation

Idea

So, we came up with an installation, which involves having a wide screen that is placed on the wall opoosite to the platform and a webapp where you interact with it.

Example of particle behaviour

Wall installation 3d concept render

You'd interact with the artwork using a webapp on your phone

Example of particle behaviour

You'd interact with the artwork using a webapp on your phone

Big screen

The big screen would display pieces by famous artists recreated with particles. .Every particle is cube with the color taken from the selected artwork. So, the further away from the screen you are, the better you start seeing the original painting.

The screen would never stay static for a long time. Even if no one interacts with it the particles would still move in a fluid motion.

Anyone on the station would be able to interact with the art by using their phones. To access it passangers would scan QR codes placed along the platform. Since we know which code a person would scan we can also make sure that the place where they interact with the screen is right in front of them.

App

Now, what is exactly happening on the app. The first thing you see when you open it is a big button saying "Press to create Your Particle". For every new visitor we would assign a color to differentiate themselves from others.

As you press the button, you'd go through a very visual and immersive onboarding. We want to make sure that the user knows how physics and logic of the installation work. For that we introduce 2 key elements for the app.

The first element is a grid background. It has the same motion as the artwork applied to it.

And the second element is actually the text that we use for explanation. It looks like regular text, but it's actually also made of particles.

1.

Background Grid with Perlin Noise applied to it.

2.

Text made out of particles

Text made out of particles

Create + move

As soon as you press the Create button, you'd see a dot appear on the screen. This is you. And instead of the button you've just pressed you'd have a Joystick. That's how you control the dot. The dot acts as an inverse black hole, meaning that it repels particles around it.

If you follow the instructions on the screen, you'd learn how to move around, push pixels and draw.

1.

Learn how to move around.

2.

Transition from mobile screen to the big display using a "portal".

1.

Learn how to move around.

2.

Transition from mobile screen to the big display using a "portal".

portal

After you're done with that we'd tell you to go up, outside of the screen. A neon "portal" would appear that would illuminate stronger the closer you get to it.

You go through the portal and the dot is gone. Not really, if you look up, to the main screen, you'll see that the portal appears and launches your dot to the main screen.

That's where the onboarding ends and beacouse at this point you're not looking aat your phone anymore, we only leave the joystick and some additional info on the screen.

End

The artworks change every time a new train comes and because of that on the app you would actualy have a tab in the bottom with more information about the painting that is being displayed right now.

This whole experience comes to an end as soon as the train comes and wipes all of the particles away. On your app a pop-up would appear saying that your train is about to come. However, we still leave the tab with the info in case you want to continue reading during your ride.

1.

Home Screen after Onboarding.

2.

Pull the bottom tab to find more information about the artwork displayed at the moment.

3.

Read the article, find more interesting information.

4.

Pop-up that would appear when the train comes. The end of the experience. You can still continue reading articles.

P.S. props to the cool guys who worked on this project: Aslan, Adryan and Georg.

Sep 9, 2022

Next Project

NIÉPCE: ONLINE MAGAZINE ABOUT THE ART OF PHOTOGRAPHY

Read