- Studio Dunbar Team
For the visual identity of the Design in Motion Festival we initiated with our partner Exterion Media, and created a custom tool to generate visuals. We started designing in motion right away because we wanted a logo (and typeface) that was never the same—always moving; the letters are dynamic in shape, speed and movement. We accomplished this by distorting letters or words from the center, but keeping the letter confined to their 'frame', just like motion on a screen. The letters always fit and move within the respective canvas we set for it. Even if the canvas changes in shape and size, i.e. like a browser window, the letters always fill up the space they can.
The idea of the distorting letters came from a free sketching app on iPads, where one of our designers was playing around with transforming pictures. Using this to distort letters gave us the basic idea of what the visual identity should feel like. We couldn’t replicate this movement in the known (motion) design software apps, so we decided to develop our own tool. In doing so the whole design process was linked to what the tool could do, and vice versa. We kept pushing the way we could use the movement of the letters and how we could control (or randomize in some cases) the visuals it generated. This made for a dynamic design process where nothing was set from the beginning.
Since we had a lot of fun playing around with the tool we developed while designing, we wanted to give website visitors this same experience. Instead of having a small logo in the top left corner of the website, the whole screen is filled with an interactive logo—responding to mouse or gyroscope. We used the concept of always filling up the possible space and built the website around it. For example, the desktop menu will push the content of the website into each other instead of covering it up. The layouts and design of the rest of the pages were based on this technological concept, instead of starting with a design and layout and later added technology to make it move or interactive.
In this case we were—partly—our own client. This made it both easier and harder to come up with something we all liked and agreed on. We knew we needed something strong, flexible and always moving, always in motion. Because the visual identity and everything we made was based on this concept, the design needed a strong foundation in technology. The visual identity couldn’t exist without the technical capabilities we have and used throughout the process, and the technical aspect of this project needs the strong and bold visual style to really work.
The combination of having made something we love visually, and feels personal and well-designed, but also uses the power of technology to randomize and automate parts of generating the actual visual elements. For us this makes this identity really unique, not only in how it looks, but also how it came about. The fact that this tool we developed to generate these visuals is also part of the experience itself, really pushes this project to a new level for us.
Obviously there are a lot of exciting possibilities to create new digital experiences nowadays. Our studio moved in a direction to involve more motion in our design process. Not only to make existing designs move, but use it as a fundamental part of what and how we design. Brands live in a purely digital realm, shown on ever-changing platforms and formats, so static design is not an option anymore. Our team exists of strong visual and conceptual designers—like it always has—but all have an affinity with technology. Therefore we are less and less held back by the boundaries of traditional design software, and we integrate that freedom in every phase of our design process.