Responses by Tore S. Bentsen, senior digital designer, Granyon.
Background: Animator and illustrator Aurélia Durand contacted us to create a new website for her—one that both targeted potential clients and kept all her fans in the loop. With an impressive client list that includes adidas, Adobe, Apple Music, the BBC, Banksy, ESPN and Facebook—to name a few—we knew that we had to create a portfolio that not only showcased Durand’s great work but gave the user a full experience. We soon agreed on creating a playful universe that let visitors dive into Durand’s world using their cursor. Taking inspiration from Durand’s work, we designed every element on the site to have a playful twist that highlights her “I want people to smile” mentality.
The portfolio focuses on attracting new clients to Durand, but we also wanted to add something for her many fans, so we created the Explore page. On Explore, Durand can upload her work that isn’t necessarily related to commissions. Durand makes many different illustrations, GIFs and videos, so this page is a great way for fans to experience her broad palette of work.
Design core: We spent a lot of time going through all of Durand’s work! We looked it over again and again, noting what we saw within it. Stop motion–esque GIFs tend to characterize a lot of her work, so we transferred this feeling to the site through hover elements—for example, on the cursor and text around the site.
Favorite details: The header on the front page and the menu. Both of these have a very playful touch to them that we got a lot of great feedback on. We also love the page transition with a wave.
Challenges: Creating a website for an artist meant that we had to dive deeply into her world and approach to illustrating, animating and working with color—all the details that make up a whole. The challenge was to interpret all of that into a website experience. But that also is what made this project fun!
Technology: At Granyon, we always use Webflow for our CMS. Webflow not only provides us a great tool to create web experiences but also is easy for our clients to work with when our work is done. For the illustrated animations, we used Lottie for the short ones and Video.js for the longer animated clips.