![Foam Talent 2020](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F158533%2F2000x1335%2F1ac955edbd%2Fmicha-5_70x46-73cm_cmyk_small.jpg&w=3840&q=80)
Foam Talent 2020
·An exhibition without walls
Foam Talent Digital exhibition 2020
Foam Talent Digital 2020 is a multimedia platform showcasing artist projects supported by audio, video, and motion. Straying away from typical virtual reality or installation views, the exhibition is a fresh adaptation to digital experiences in the museum sector.
- Art direction
- UI & UX design
- Digital design system
- Multi-sensory design
- Wireframing & prototyping
- Front-end development
Branding
E-commerce
![foam talent 2020 exhibition space](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F158533%2F3000x1999%2Fc83b1ea2dd%2Ffoam-talent-2020-exhibition-space.jpg&w=3840&q=80)
![Foam 2020 exhibition](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F158533%2F3000x1690%2F4e04de683f%2Ffoam-2020-overview.jpg&w=3840&q=80)
An exhibition without walls
Foam presents an online exhibition celebrating the works of young artists shaping the future of photography. Foam Talent is also an annual magazine, which we used as our starting point for the experience.![foam talent 2020 cover](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F158533%2F2349x1980%2F87283b1d9f%2Ffoam-talent-2020-cover.jpeg&w=3840&q=80)
Foam Talent is mostly known as a magazine
We used the TALENT magazine as one of the main inspiration for the layouts of the exhibition.
![foam talent 2020 Mirjam - RedLotus_15_Red Lotus_dark](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F158533%2F1143x1500%2F696066245e%2Ffoam-talent-2020-mirjam-redlotus_15_red-lotus_dark.jpg&w=3840&q=80)
![foam talent 2020 cover](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F158533%2F750x1600%2F787d533386%2Ffoam-talent-2020-cover.png&w=3840&q=80)
![foam talent 2020 Alba Zari](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F158533%2F2000x1564%2F6bd7a39fba%2Ffoam-talent-2020-alba-zari.jpg&w=3840&q=80)
![foam talent 2020 cover](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F158533%2F750x1600%2F8cbc057b43%2Ffoam-talent-2020-cover-2.png&w=3840&q=80)
![foam talent 2020 Micha](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F158533%2F2000x1335%2F58ed8fd4ae%2Ffoam-talent-2020-micha.jpg&w=3840&q=80)
![foam talent 2020 cover](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F158533%2F750x1600%2F81d3c2ac97%2Ffoam-talent-2020-cover-3.png&w=3840&q=80)
Each layout & image-reveal animation are unique
We've worked on the design and motion in close collaboration with the Foam team & the artists themselves to ensure the results were in line with their work and expectations.![Foam talent 2020 covers](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F158533%2F3000x1690%2F9b8a9bf0f8%2Ffoam-talent-2020-covers.jpg&w=3840&q=80)
Bring emotion to the browsing experience
We embraced randomness in order to foster discovery. Each time you open the website a different artist's work will be featured on the digital cover introductory page, allowing you to navigate from another starting point.
![foam talent 2020 exhibition space 2](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F158533%2F4032x3024%2F1ec7c3905b%2Ffoam-talent-2020-exhibition-space-2.jpg&w=3840&q=80)
CONTENT IS THE MAIN EYE-CATCHER
We minimised the interface to purely support the artworks and even disappear when necessary. We never cropped any visuals and made use of the whole width and height of the screen to do justice to the visuals.
Express different ambiences & feelings
With a limited amount of interventions in the layout, colors, animation reveals, and captions, we accommodate the atmosphere and tone of each artist's project.![Foam Talent 2020 exhibition space](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F158533%2F3000x2000%2F3b2f7ace53%2Ffoam-talent-2020-exhibition-space.jpg&w=3840&q=80)
Physical & digital spaces are mirroring each others.
Technology we used to build
We used React.js for dynamic interfaces, Sass for stylish designs, Contentful for flexible content management, Vercel for seamless hosting, and React Spring for smooth animations.
![hibo-en-hani-from-somalia-foto-in-2019-gemaakt-in-kenia](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F158533%2F1280x1919%2Fa3d8a518c2%2Fhibo-en-hani-from-somalia-foto-in-2019-gemaakt-in-kenia.webp&w=3840&q=80)
![hibo-en-hani-from-somalia-foto-in-2019-gemaakt-in-kenia](/_next/image?url=https%3A%2F%2Fa.storyblok.com%2Ff%2F158533%2F1280x1919%2Fa3d8a518c2%2Fhibo-en-hani-from-somalia-foto-in-2019-gemaakt-in-kenia.webp&w=3840&q=80)
Next up — KLABU