Instagram Story Viewer

"BIELKE&YANG"

In collaboration with Oslo based studio @bielkeyang to explore their ampersand logo. The idea was to take the logo and reimagine it as digital and experimental, while still retaining the original identity. The studio is in the process of redesigning their website and wanted different outputs that could be used digitally for web and physically for their new office. Inspired by their new light installation, I created a custom tool with a flexible design system that allows the studio to customise the output, allowing for endless variations.

#processing
#p5js
#computerart
#programming
#new_media_art
#digitalart
#computationaldesign
#flexibledesign
#aftereffects
#contemporarytype
#generativegraphics
#motiondesign
#creativecodeart
#genartclub
#creativecoding
#kinetictype
#kinetictypography
#type01
#eyeondesign
#youaretypography

"BIELKE&YANG"

In collaboration with Oslo based studio @bielkeyang to explore their ampersand logo. The idea was to take the logo and reimagine it as digital and experimental, while still retaining the original identity. The studio is in the process of redesigning their website and wanted different outputs that could be used digitally for web and physically for their new office. Inspired by their new light installation, I created a custom tool with a flexible design system that allows the studio to customise the output, allowing for endless variations.

#processing
#p5js
#computerart
#programming
#new_media_art
#digitalart
#computationaldesign
#flexibledesign
#aftereffects
#contemporarytype
#generativegraphics
#motiondesign
#creativecodeart
#genartclub
#creativecoding
#kinetictype
#kinetictypography
#type01
#eyeondesign
#youaretypography

"BIELKE&YANG"

In collaboration with Oslo based studio @bielkeyang to explore their ampersand logo. The idea was to take the logo and reimagine it as digital and experimental, while still retaining the original identity. The studio is in the process of redesigning their website and wanted different outputs that could be used digitally for web and physically for their new office. Inspired by their new light installation, I created a custom tool with a flexible design system that allows the studio to customise the output, allowing for endless variations.

#processing
#p5js
#computerart
#programming
#new_media_art
#digitalart
#computationaldesign
#flexibledesign
#aftereffects
#contemporarytype
#generativegraphics
#motiondesign
#creativecodeart
#genartclub
#creativecoding
#kinetictype
#kinetictypography
#type01
#eyeondesign
#youaretypography

"BIELKE&YANG"

In collaboration with Oslo based studio @bielkeyang to explore their ampersand logo. The idea was to take the logo and reimagine it as digital and experimental, while still retaining the original identity. The studio is in the process of redesigning their website and wanted different outputs that could be used digitally for web and physically for their new office. Inspired by their new light installation, I created a custom tool with a flexible design system that allows the studio to customise the output, allowing for endless variations.

#processing
#p5js
#computerart
#programming
#new_media_art
#digitalart
#computationaldesign
#flexibledesign
#aftereffects
#contemporarytype
#generativegraphics
#motiondesign
#creativecodeart
#genartclub
#creativecoding
#kinetictype
#kinetictypography
#type01
#eyeondesign
#youaretypography

"BIELKE&YANG"

In collaboration with Oslo based studio @bielkeyang to explore their ampersand logo. The idea was to take the logo and reimagine it as digital and experimental, while still retaining the original identity. The studio is in the process of redesigning their website and wanted different outputs that could be used digitally for web and physically for their new office. Inspired by their new light installation, I created a custom tool with a flexible design system that allows the studio to customise the output, allowing for endless variations.

#processing
#p5js
#computerart
#programming
#new_media_art
#digitalart
#computationaldesign
#flexibledesign
#aftereffects
#contemporarytype
#generativegraphics
#motiondesign
#creativecodeart
#genartclub
#creativecoding
#kinetictype
#kinetictypography
#type01
#eyeondesign
#youaretypography

"BIELKE&YANG"

In collaboration with Oslo based studio @bielkeyang to explore their ampersand logo. The idea was to take the logo and reimagine it as digital and experimental, while still retaining the original identity. The studio is in the process of redesigning their website and wanted different outputs that could be used digitally for web and physically for their new office. Inspired by their new light installation, I created a custom tool with a flexible design system that allows the studio to customise the output, allowing for endless variations.

#processing
#p5js
#computerart
#programming
#new_media_art
#digitalart
#computationaldesign
#flexibledesign
#aftereffects
#contemporarytype
#generativegraphics
#motiondesign
#creativecodeart
#genartclub
#creativecoding
#kinetictype
#kinetictypography
#type01
#eyeondesign
#youaretypography

"SHOWREEL"

*SOUND ON* Showreel showcasing select work I have done whilst freelancing. Works include motion, computational design systems, motion identity, interactive web animations and custom design tools.

I am currently available for commissions and would love to do more projects like these soon :)

Swipe to see intro experiments!

Sound: @pandrs_ 🧙 🧙!!

#p5js
#processing
#creativecoding
#motiondesign
#buckuback
#kinetictypography

"SHOWREEL"

*SOUND ON* Showreel showcasing select work I have done whilst freelancing. Works include motion, computational design systems, motion identity, interactive web animations and custom design tools.

I am currently available for commissions and would love to do more projects like these soon :)

Swipe to see intro experiments!

Sound: @pandrs_ 🧙 🧙!!

#p5js
#processing
#creativecoding
#motiondesign
#buckuback
#kinetictypography

"SHOWREEL"

*SOUND ON* Showreel showcasing select work I have done whilst freelancing. Works include motion, computational design systems, motion identity, interactive web animations and custom design tools.

I am currently available for commissions and would love to do more projects like these soon :)

Swipe to see intro experiments!

Sound: @pandrs_ 🧙 🧙!!

#p5js
#processing
#creativecoding
#motiondesign
#buckuback
#kinetictypography

*SOUND ON* Discover Science Journals, part of @springernature wanted to create a visual diary that will tell the story of their brand and convey what they represent. The concept revolves around the particles, represented as letters, freely moving and shifting shapes, seamlessly transitioning between the different topics they represent.

#generativedesign
#computationaldesign
#aftereffects
#processing
#p5js
#contemporarytype
#type01
#visualfodder
#eyeondesign
#kinetictypography
#kinetictype
#motiondesign
#genartclub
#creativecoding
#generativegraphics
#new_media_art
#creativecoding

*SOUND ON* Discover Science Journals, part of @springernature wanted to create a visual diary that will tell the story of their brand and convey what they represent. The concept revolves around the particles, represented as letters, freely moving and shifting shapes, seamlessly transitioning between the different topics they represent.

#generativedesign
#computationaldesign
#aftereffects
#processing
#p5js
#contemporarytype
#type01
#visualfodder
#eyeondesign
#kinetictypography
#kinetictype
#motiondesign
#genartclub
#creativecoding
#generativegraphics
#new_media_art
#creativecoding

*SOUND ON* Discover Science Journals, part of @springernature wanted to create a visual diary that will tell the story of their brand and convey what they represent. The concept revolves around the particles, represented as letters, freely moving and shifting shapes, seamlessly transitioning between the different topics they represent.

#generativedesign
#computationaldesign
#aftereffects
#processing
#p5js
#contemporarytype
#type01
#visualfodder
#eyeondesign
#kinetictypography
#kinetictype
#motiondesign
#genartclub
#creativecoding
#generativegraphics
#new_media_art
#creativecoding

*SOUND ON* Discover Science Journals, part of @springernature wanted to create a visual diary that will tell the story of their brand and convey what they represent. The concept revolves around the particles, represented as letters, freely moving and shifting shapes, seamlessly transitioning between the different topics they represent.

#generativedesign
#computationaldesign
#aftereffects
#processing
#p5js
#contemporarytype
#type01
#visualfodder
#eyeondesign
#kinetictypography
#kinetictype
#motiondesign
#genartclub
#creativecoding
#generativegraphics
#new_media_art
#creativecoding

Some unused concepts!

Generative, motion and colour studies. Points generated within the canvas that then connects and illustrates different images, reminiscent of Wolfram's fundamental physics.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

Some unused concepts!

Generative, motion and colour studies. Points generated within the canvas that then connects and illustrates different images, reminiscent of Wolfram's fundamental physics.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

Some unused concepts!

Generative, motion and colour studies. Points generated within the canvas that then connects and illustrates different images, reminiscent of Wolfram's fundamental physics.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

Some unused concepts!

Generative, motion and colour studies. Points generated within the canvas that then connects and illustrates different images, reminiscent of Wolfram's fundamental physics.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

Computational Illustrations for @noemamag for the article "To Protect Human Autonomy, We Must Redefine It” written by Daniele Cavalli.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

Computational Illustrations for @noemamag for the article "To Protect Human Autonomy, We Must Redefine It” written by Daniele Cavalli.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

Computational Illustrations for @noemamag for the article "To Protect Human Autonomy, We Must Redefine It” written by Daniele Cavalli.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

Computational Illustrations for @noemamag for the article "To Protect Human Autonomy, We Must Redefine It” written by Daniele Cavalli.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

As humans co-evolve with AI systems, there are two forms of autonomy emerging, @daniele.e.sc writes.

One belongs to the intelligent machine — think not only of self-driving cars & drones, but also digital minds.

The other belongs to humans. Head to the link in our bio to see how he believes the two will co-evolve in the future & why human autonomy is more fragile than ever.

🎨: @andreiongd

#ai #autonomy #freewill

Some direction, motion and computational design for @leftyscamera !

The identity stems from cameras, creating a visual and motion language that pays homage to the Sony Super Hi8. Taking this nostalgic object and reintroducing it playfully through a minimal design system.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

Some direction, motion and computational design for @leftyscamera !

The identity stems from cameras, creating a visual and motion language that pays homage to the Sony Super Hi8. Taking this nostalgic object and reintroducing it playfully through a minimal design system.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

Some direction, motion and computational design for @leftyscamera !

The identity stems from cameras, creating a visual and motion language that pays homage to the Sony Super Hi8. Taking this nostalgic object and reintroducing it playfully through a minimal design system.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

Some direction, motion and computational design for @leftyscamera !

The identity stems from cameras, creating a visual and motion language that pays homage to the Sony Super Hi8. Taking this nostalgic object and reintroducing it playfully through a minimal design system.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

Some direction, motion and computational design for @leftyscamera !

The identity stems from cameras, creating a visual and motion language that pays homage to the Sony Super Hi8. Taking this nostalgic object and reintroducing it playfully through a minimal design system.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

A study of colour and compositions!

What was initially inspired by Pete Mondrians grid and limited colour palette, I wanted to use the same principle to create different compositions.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

A study of colour and compositions!

What was initially inspired by Pete Mondrians grid and limited colour palette, I wanted to use the same principle to create different compositions.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

A study of colour and compositions!

What was initially inspired by Pete Mondrians grid and limited colour palette, I wanted to use the same principle to create different compositions.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

A study of colour and compositions!

What was initially inspired by Pete Mondrians grid and limited colour palette, I wanted to use the same principle to create different compositions.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

A study of colour and compositions!

What was initially inspired by Pete Mondrians grid and limited colour palette, I wanted to use the same principle to create different compositions.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

An ascii study! Rather than just creating a 2D grid, I wanted it to be more free and utilise the space. Using type, I wanted to create depth and texture. Inspired by Elena Ribender's typewriter art (at the end) and reimagining it generatively.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

An ascii study! Rather than just creating a 2D grid, I wanted it to be more free and utilise the space. Using type, I wanted to create depth and texture. Inspired by Elena Ribender's typewriter art (at the end) and reimagining it generatively.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

An ascii study! Rather than just creating a 2D grid, I wanted it to be more free and utilise the space. Using type, I wanted to create depth and texture. Inspired by Elena Ribender's typewriter art (at the end) and reimagining it generatively.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

An ascii study! Rather than just creating a 2D grid, I wanted it to be more free and utilise the space. Using type, I wanted to create depth and texture. Inspired by Elena Ribender's typewriter art (at the end) and reimagining it generatively.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

An ascii study! Rather than just creating a 2D grid, I wanted it to be more free and utilise the space. Using type, I wanted to create depth and texture. Inspired by Elena Ribender's typewriter art (at the end) and reimagining it generatively.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

An ascii study! Rather than just creating a 2D grid, I wanted it to be more free and utilise the space. Using type, I wanted to create depth and texture. Inspired by Elena Ribender's typewriter art (at the end) and reimagining it generatively.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

Generative sketches, playing around with different textures and compositions. Reminiscent of squared papers usually used for mathematical equations, I wanted to create that nostalgic feeling that took me back to the classroom and reinterpret them digitally.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

Generative sketches, playing around with different textures and compositions. Reminiscent of squared papers usually used for mathematical equations, I wanted to create that nostalgic feeling that took me back to the classroom and reinterpret them digitally.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

Generative sketches, playing around with different textures and compositions. Reminiscent of squared papers usually used for mathematical equations, I wanted to create that nostalgic feeling that took me back to the classroom and reinterpret them digitally.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

Generative sketches, playing around with different textures and compositions. Reminiscent of squared papers usually used for mathematical equations, I wanted to create that nostalgic feeling that took me back to the classroom and reinterpret them digitally.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

Generative sketches, playing around with different textures and compositions. Reminiscent of squared papers usually used for mathematical equations, I wanted to create that nostalgic feeling that took me back to the classroom and reinterpret them digitally.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

My own interpretation of a flip disc display, experimenting with imagery and type.

Widely used prior to the introduction of led screen, they are quite limited in terms of outcomes, only being able to flip on either side.

Playing around with motion and texture, I wanted to put my own rendition to it.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

My own interpretation of a flip disc display, experimenting with imagery and type.

Widely used prior to the introduction of led screen, they are quite limited in terms of outcomes, only being able to flip on either side.

Playing around with motion and texture, I wanted to put my own rendition to it.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

My own interpretation of a flip disc display, experimenting with imagery and type.

Widely used prior to the introduction of led screen, they are quite limited in terms of outcomes, only being able to flip on either side.

Playing around with motion and texture, I wanted to put my own rendition to it.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

My own interpretation of a flip disc display, experimenting with imagery and type.

Widely used prior to the introduction of led screen, they are quite limited in terms of outcomes, only being able to flip on either side.

Playing around with motion and texture, I wanted to put my own rendition to it.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

Some generative and motion studies, focusing on composition and generative outcomes. Portraying stippling within a digital space. The idea was to take the points and find a range of ways to illustrate images. Limiting the number of points creates different variations, filling each space differently.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

Some generative and motion studies, focusing on composition and generative outcomes. Portraying stippling within a digital space. The idea was to take the points and find a range of ways to illustrate images. Limiting the number of points creates different variations, filling each space differently.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

Some generative and motion studies, focusing on composition and generative outcomes. Portraying stippling within a digital space. The idea was to take the points and find a range of ways to illustrate images. Limiting the number of points creates different variations, filling each space differently.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js

Some generative and motion studies, focusing on composition and generative outcomes. Portraying stippling within a digital space. The idea was to take the points and find a range of ways to illustrate images. Limiting the number of points creates different variations, filling each space differently.

#computationaldesign
#creativecoding
#motiondesign
#processing
#p5js