Branding the Q&A-Sessions

Since summer 2020 I have been conducting the so-called Q&A sessions for my students and patrons. These are virtual meetings where the community can ask questions. For each session I invite a special guest from my network whose ideas or work I find particularly interesting for the community.

Screenshot of the Q&A with Process Studio

In June 2020 I started thinking about an appropriate visual branding for the announcements of the Q&A sessions. The requirements for this were relatively high:

Since I have to use different social media channels, there are different formats that are needed. The effort involved in designing the announcements should not take more than an hour. Furthermore, there should be a uniform visual appearance that makes the announcements immediately identifiable.

After some research I found out that Processing can be scripted with the command line. You can also pass parameters to the command line, which the sketch can then read.

In other words: It is possible to create a flexible Processing- application that can generate a responsive output for any media format.

This was the initial spark for the development of the dynamic branding system for the Q&A sessions.

The Shell-script i wrote looks like this:

/opt/processing-3.5.4/processing-java --sketch=./announcement --run 1200 900 "_43" 299
/opt/processing-3.5.4/processing-java --sketch=./announcement --run 900 900  "_11" 299
/opt/processing-3.5.4/processing-java --sketch=./announcement --run 1920 1080 "_169" 299
/opt/processing-3.5.4/processing-java --sketch=./announcement --run 800 600 "_gif" 89
ffmpeg -i ./announcement_gif.mp4 announcement_gif.gif

All data for each event is stored in a JSON-file, so that the Processing sketch does not need to be changed when the data is updated. All design changes are derived from this data.

{
	"guest": "Sander Sturing\n(Studio Dumbar)",
	"day":22,
	"month":10,
	"year":2020,
	"time": "6pm (CET)"
}

square
4:3
16:9

Published by Tim on Sunday October 18, 2020

Last modified on October 27th, 2020 at 18:20


Comments

No comments found.

Related

15. April 2020

nytimes.com

Generative Illustrations

1. August 2019

p5studio

A prototype for a browser-based design-application, built with p5.js and vue.js.

9. June 2019

Lifeline

A time in space-experience

16. January 2019

Mirrors

This project was created in summer 2020 during my master studies at the University of Applied Sciences Bielefeld (study field […]

23. November 2018

Programming Posters

Creative Coding in the realms of Graphic Design

22. September 2018

La Luz Negra

Custom design-software for CCCB Barcelona

8. August 2018

The Bach-Project

Generative visuals made from the “Prelude in C” by Johann Sebastian Bach.

22. June 2018

Reflect

An interactive music experience for the web-browser

11. June 2018

Crazy Cool Developers

A community for experimental front-end-development with more than 2000 members

30. April 2018

The Grid

An experimental web-application, displaying news from the New York Times archive

1. February 2018

Tonboutique Designer

A custom cover-design-software for Tonboutique Records

11. January 2018

Ars Multiplicata

A research on flexible visual systems

23. November 2017

Redrawing Images

Digital, animated 3d-objects based on photographs by Ivana Marija Hope

18. August 2017

Festival Aural

Key visuals for a Mexico-City based festival.

4. April 2017

Flow

A computer-generated music video, built for the PSD-Medienfassade

18. March 2017

Siddhartha

An experimental Javascript-application, displaying the full text of Hermann Hesse’s famous book “Siddhartha”. The algorithm parses the content of the […]

22. May 2016

Tonboutique Records

A flexible visual identity for a german record-label

2. February 2016

Random Word Generator

A simple, useless application, generating random words from three syllables and providing a button to search for their meaning at […]

1. January 2016

Github Index

An overview of my github-projects

22. February 2013

INGE

A research on the creative power of inductive design and thinking