Sign up for our newsletter and be the first to get all the latest Qode news and updates.
BACK TO TOP

12 Cases Where Web Design Meets Contemporary Art

12 Cases Where Web Design Meets Contemporary Art

A website can be so much more than just a showcase of what you do. It can become a piece of art in itself. When this is achieved, extraordinary things can happen.

In this selection, we’ve uncovered distinctive websites that blur the line between a practical, presentational website and the art they are presenting, websites that themselves become one with the art in terms of coloring, innovation, interaction, style and topics.

Here are our 12 picks, enjoy!

1. Next Level Fairs

For our first example, we picked Next Level Fairs, the presentation by the Russian design company and collective Geex Arts. The company chose the long scrolling site structure to illustrate some of their approaches to web design for galleries, museums and art collections. The combination of playful layouts, color and typography choices, subtle effects like parallax and a variety of interactive experiences, creates a healthy dose of whimsy that, however, never overshadows the artwork itself. That way, the collective manages to create a functional presentation that successfully blends art history with the modern approach to web.

2. Art4GlobalGoals

Our next example, #Art4globalgoals, managed not only to unite artistic ideas with the web, but also to join them into one integral entity. Here we can see how the web, as a platform, can be used as a gallery space for this (web)site-specific art, so to speak.

The interactive exhibition is divided into 17 units, specifically “17 global goals for a better world by 2030,” as defined by the world leaders at the 2015 United Nations General Assembly session. The artist hints to each of the goals, such as “No Poverty,” “Zero Hunger” and “Gender Equality,” that the visitor has to reveal through an interactive approach – using the mouse to mimic brush strokes, referring to the nature of the artwork itself.

3. Frans Hals Museum

The main collection of the Frans Hals Museum consists of artwork by the famous 17th-century artist after which the museum was named. The museum website is an example proving that the presentation can be playful in a way that doesn’t necessarily have to be directly related to the content itself. Here, we notice a palette that remains consistent throughout the entire product experience. Combined with photography, typography and animation, it constitutes the character and the vibe of the website and a truly unique user experience.

4. Man-Made Disaster

Man-Made Disaster is an exciting online group exhibition of 30 female and non-binary artists. Feminist in its essence, the exhibition is witty and humorous, but there is also a certain undertone of anger, sadness and hope, as the artists demonstrate the way in which the patriarchy is not only detrimental for culture, but for the environment too. The website itself has a brutalist tone, which is a reasonable choice, considering the exhibition includes a great number of artists with completely different sensibilities.

5. Viennese Modernism

Viennese Modernism is a website created in honor of the 100th anniversary of the death of four great Viennese artists – Gustav Klimt, Egon Schiele, Otto Wagner and Koloman Moser. The design and the atmosphere are inspired by the famous Wiener Werkstätte (Vienna Workshop) which used to bring together artists working in architecture, design, fashion, furniture, fine and applied arts and which was characterized by a minimalist and spacious layout.

Top WordPress Themes for All Creatives
Manon WordPress Theme
Manon

Portfolio & Agency Theme

UltraViolette WordPress Theme
UltraViolette

Design Portfolio Theme

Cinerama WordPress Theme
Cinerama

A Theme for Movie Studios and Filmmakers

Amedeo WordPress Theme
Amedeo

Multi-concept Artist and Creative Agency Theme

6. Studio Job

The work of Studio Job is characterized by a distinct style representing a combination of classical, popular and contemporary design, visual art and sculpture. The artists refer to their own work as high-end kitsch, and the website enacts that designation rather closely. The brutalist approach, strong color palette, bold typography, animation, goofy cursors and icons, complete with photography, are employed synergically to create a whole that is completely reflective of the entire Studio Job opus.

7. Mariano Pascual

The website of the artist, illustrator and designer Mariano Pascual is a piece of art by itself, with the same unique poetics that can be seen in all of Pascual’s work. Playfulness, ironic interpretation of shapes and vibrant colors are the main features of the Argentine’s art. By mixing abstract and figurative elements with geometric and organic structures, the artist creates scenes that escape reality.

The website is an interactive, whimsical portal into his world, mimicking a working area, in this case, the “Mariano Pascual Operating System,” with a full dock of apps at the bottom of the screen. The website also features a toolbar, a real-time clock and a not-so-real-time battery, all of which is designed in the artist’s unique style.

The main asset of this website lies in its immediate effect and in the speed of communication. The website also features a “settings tool” which the visitors can use to change the page background, set it to full screen, set the brightness, zoom in and so on, allowing the visitors to give the website their own meaning.

8. Shantel Martin

Shantel Martin is an artist best known for her cartoon-like black and white linear drawings filled with creatures, characters and messages. Her work bridges the gap between fine art and commercialism and is instantly recognizable. The palette of the website is achromatic, the fonts are bold and the whole site is both uncomplicated and playful, just like Martin’s art. The website structure is actually a drawing across which the artist is lying, alongside text, as the words are always present in her art. In this case, the text includes standard web terms like work, news, info, shop. There’s even a small Easter egg – the word Play, when clicked, allows the user to set the dynamics of the background animation, making it stronger, slower, etc. Keen-eyed visitors will also notice that the entire website was inspired by the famous photo of Keith Haring (Martin’s major inspiration), taken by Annie Leibovitz.

9. Blu

The street artist Blu often addresses modern-day political events in his murals and, like many street artists, begins his creative process by sketching the ideas down on a piece of paper. Therefore, the decision to make a website designed like an actual sketchbook is logical, although still unusual. Here, you’ll find all the information about the artist, as well as his works, news, shop and videos. Hand-written text, color choices and the website’s architecture convey a sense of intimacy, like we’re really flipping through one of his sketchbooks.

10. Anish Kappor

Just like his art, Anish Kappor’s website is fresh, simple and conceptually cunning. Consisting of lines of text, one after the other, and literally nothing else, the website is initially difficult to make out. It is only when we hover over a piece of text, or click on it, that we discover whether the whole thing is an art piece, a thought experiment, a link or basic text. Seemingly confusing in its stubborn minimalism, the interface, however, soon presents itself to the visitor and becomes as clear as the day, as if the whole idea was a play on simplicity and clarity.

11. Henry Hargreaves

Henry Hargreaves is an artist and photographer with a particular interest in food. One of his most famous pieces is No Seconds, a project consisting of photos of death row convicts’ last meals before the execution. After exposing ourselves to his art, we find ourselves meditating over the obvious paradox of overconsumption we are all living in. The website itself, saturated with photography, emphasizes the phenomenon of overconsumption even further, while the use of grid and the distribution of different parts constitutes a perfect reflection of the artist’s ideas.

12. Wim Delvoye

The website of the neo-conceptual multimedia artist Wim Delvoye is one big Sim City reference. “Wim City” invites the visitor to explore the portfolio like he would explore the city. Clicking on the cathedral, the farm or the football field, you display relevant pieces from the artist’s opus, which correlate closely to the buildings representing them. The website is a striking mix of high-brow and low-brow aesthetics, of technology and art that confers Delvoye’s unique worldview.

Final Thoughts

The power of web design lies in the fact that there is so much that can be done with it. Moving beyond the purely functional or informational nature of a website, entering the realm of pure art and creating a precious amalgamation of the two media – that’s where the real creative magic happens. Let these 12 brilliant websites serve as an inspiration for pushing your own boundaries and exploring the potential of the web.

Post your comment

Comments0