Input → Photographs
Output → Branding , Dynamic Identity , Illustrations , Packaging

Art Machines. A flexible, dynamic identity propelled by people. A flexible, dynamic identity propelled by people.

When tasked with the brief of designing a flexible visual identity and design system for Creative Coding Utrecht’s “Art Machines” series of events I took inspiration from the event’s title and developed a quite literal art machine that can transform the portraits of participating artists and their machinery into infinite key visuals for the event’s communication collateral while showing that the web can touch both the digital and physical world.

Client

Creative Coding Utrecht

My roles

Creative Direction Concept & Strategy Design Programming and technical implementation of the entire project

Formats

Interactive branding and design tool Print collateral Large scale projections Limited edition product packaging

Portraits of the event’s artists are the primary driving factor for this flexible, algorithmic design system.

The core idea focuses on fusing the history, present and future of art and technology with an added focus on people, fun, communities and differentiation. By using the web as an open platform, the design system invites everyone to share their personal expressions and also allowed Creative Coding Utrecht to develop large amounts of output at virtually no cost.
artMachines.generative.branding
Click to use the tool yourself

The design system can output a wide range and variety of visuals and resolutions that can be used and distributed across digital and physical mediums.

It was used to create limited print runs of highly unique invitations, flyers, posters, artist’s badges, tote bags, event assets as well as a multitude of digital marketing collateral including Instagram stories, Facebook banners, website videos, out of home digital advertising, on-location videos and artist’s introductory videos.

The generative, interactive design system is a web-based 3D-application with a rich feature set that runs directly in your browser, actually crossing the boundary between a physical and digital web. It was developed using web based technologies like JavaScript, WebGL, Three.js and vanilla canvas.

An interactive, generative branding toolkit for a wide range of touch points and marketing collateral.

Everything you see on this page was generated with this web-based, interactive 3D-design system that outputs both digital animations and high-resolution files for print. Its generative nature and unpredictability is a hell of a lot of fun to explore by the way.

It was even used to create a set of limited edition beer labels of a Weizen beer exclusively brewed for the event by the House of Pint micro brewery. The “Ale Machines” edition was limited to 256 bottles, each of them featuring a unique label generated by the algorithm, depicting the actual properties of the beer. The labels even included a small QR code to scan and generate more unique labels on user’s smart phones.

ART MACHINES is an audiovisual club night that presents installations, films and live performances of artists that work on the cross section of art, technology and music.

At the new cultural hotspot de Nijverheid, Creative Coding Utrecht brings together the history of media art with the avant-garde of digital culture. They invite upcoming and established artists who’ll take the audience on a mind-blowing experience that triggers all your senses.

Art Machines is presented by Creative Coding Utrecht, a platform for art & code that wants to stimulate digital creativity and creative coding in Utrecht and beyond. With ART MACHINES we bring together the community of makers (artists, designers, researchers, developers, performers, musicians) and audience interested in music, art, creativity and technology.

Generative Design
Innovative storytelling and meaningful connections for brands and agencies

Philharmonie-Luxembourg-FeaturedImage

Philharmonie Luxembourg. A dynamic identity that interacts with the sound of live music.
Brute-Weather-Driven-Generative-Brand-Identity-Design-Cover

BRUTE. A brand crafted by the elements.
Lexus-NX100T-Generative-art-car-design-cover

Lexus NX 100 Thieves. A car design based on tens of thousands of data points from world championship games.
Munken-Creator-Generative-Design-Typography-Creative-Coding-Poster

Munken Creator. Impetuous typographic experimentation – inspiration beyond boundaries.
Poladot-Generative-Brand-Blockchain-Identity-Cover-02

Polkadot. A community-driven brand that is built to evolve.
Evian-Generative-Brand-Design-Typeface-Cover

evian+ A generative typeface and dynamic branding toolkit.

Creative Coding
Code-based explorations of visual systems for future brand- and interaction-design applications

McKinsey-NameInteraction

McKinsey Dynamic Identity Explorations
Dysto-Casevideo-WithAudio

Branding Toolkit
WhereThereIsData-05

Where there is data, there is design
Simple-Creative-Coding-Toolkit

Simple Creative Coding Toolkit
sketch_109_01

60s Swiss Recursive Poster Series
TheArtOfTheFuture

Beyond Data
Subscribe to the quarterly newsletter of Patrik Hübner

Generative Design and Creative Coding change the very core of how design works: Imagine a world which allows you to create narratives, designs and brand experiences that are flexible, reactive, alive and breathing.

Input →
Output →
Learn how this approach works
Instagram
YouTube
LinkedIn
Contact