01
The Database
2019
Book
System

The use of variables to sort through the network of hyperlinks enabled the creation of a system that filters this tree of hyperlinks - its children and parents - into one single branched succession line that can be traveled through, recorded and analysed individually. The beauty of these variables come from their immense influence in the outcome of the particular branch. If the value of the variable is changed by the smallest factor the next chosen hyperlink will lead the code to select a completely different set of information. In a set of ten digits, ten billion possible combinations of variables arise giving way to completely different and unexpected datasets that in the right (or wrong) context communicate a completely different message even if their core data is the same.

DESCRIPTION

The use of variables to sort through the network of hyperlinks enabled the creation of a system that filters this tree of hyperlinks - its children and parents - into one single branched succession line that can be traveled through, recorded and analysed individually. The beauty of these variables come from their immense influence in the outcome of the particular branch. If the value of the variable is changed by the smallest factor the next chosen hyperlink will lead the code to select a completely different set of information. In a set of ten digits, ten billion possible combinations of variables arise giving way to completely different and unexpected datasets that in the right (or wrong) context communicate a completely different message even if their core data is the same.

IMAGES
+ -
02
Hello World
2019
Book
DESCRIPTION

This book is an exploration or a catalogue of programming languages in a visual context. It disregards most of the technicalities behind the languages and attempts to present them in a purely visual way. Every page shows a piece of code or a function that outputs the same string: “Hello World!”. It hopes to bring up questions like why are there so many languages, is there a standardisation, why are some so different from human languages, why isn’t there only one programming language that works for every purpose. It also shows how organic the evolution of computer languages is in a comparable way to human languages showing the parallelism between human thought processes and the more primitive and artificial processes computers undergo.

IMAGES
+ -
03
CSM Degree show identity
2019
Identity
Animations
Adverts
Social Media
Wayfinding
DESCRIPTION

The identity is formed by individual components coming together to create new forms, new ideas and new perspectives, allowing the physical and digital platforms of the show to come alive.

These components act as a metaphor for collaboration. They represent the talent that exists throughout the college and is enhanced when showcased together.

To translate the concept into form, the three basic shapes—a triangle, a circle and a square—were viewed as individual units that represent the three shows. Once the individual units combine, they invoke new meanings and communicate the identity in a way that highlights the power of the whole. The sum of its parts.

IMAGES
+ -
04
Defying Structures
2018
Book
System
DESCRIPTION

The grid as a deconstructor of meaning is something rare. This project makes the grid almost not wanted for the meaning to be properly conveyed. Here, it is used as a destroyer of memories through the warping of space. Similar to the project http://forgetting.online/ where the user can upload a memory that will later be deformed until it becomes nothing again, this page allows the user to deform their images into something else. However that something else will be preserved in a continuous online archive of deformities.

IMAGES
+ -
05
Fine Art Website
2017-19
Website
DESCRIPTION

These websites are catalogues of BA fine art graduate’s work created to promote the course’s final year degree shows at CSM for each year. Presenting problems like data management and form handling along with the freedom of working with fine artists and their work, this revealed itself a successful challenge having been invited to create this project in three consecutive years.

The 2017 website introduced me to coding changing my path within graphic design dramatically and technical evolution from each iteration of the project is clear.

+ -
+ -
+ -
06
The abstract, communication
and legibility
2016
Book
Sculpture
DESCRIPTION

This project consists of a book / sculpture with a small essay printed on it. As the name suggests, it is a reflection on abstraction in graphic design and how the hindrance on legibility makes the design choices surrounding it the main focus of the piece, pushing the contents to the background. The essay was distorted and printed in a way that it is legible on the side of the stack of paper instead of on the surface of the pages in an attempt to not only acknowledge and prove the concepts explored in the essay but also to challenge the concept of a book and the physical act of reading.

IMAGES
+ -
07
Camila Fuchs
2018
Website
DESCRIPTION

This website was commissioned by Camila Fuchs, an electronic music duo, to show information about the band’s upcoming shows, releases and official merchandising. It is an attempt to capture the nature of the duo’s music and visuals through the flashy imagery and distorted typography.

WEBSITE - CAMILAFUCHS.COM
+ -
08
The grid
2018
Web art
DESCRIPTION

This snippet was created for an event called Design for Dance and adapted to work for a brief that explored the letter and the grid on a page. The effect was too blocky to represent dancing but the idea revealed itself useful for future projects such as the Defying Structures book and system.

WEBSITE - GRID
+ -
09
Circle
2018
Web art
DESCRIPTION

This piece was a response to a brief that required the study of three basic shapes: square, circle and triangle. This project explores the relationship between the square and the circle and how bezier curves form both of these shapes.

WEBSITE - CIRCLE
+ -
10
Circles 2
2018
Web art
DESCRIPTION

This piece is a representation of the definition of a circle as a polygon with infinite sides with all vertices at the same distance from the centre of the shape. Here all possible regular polygons can be created and played with, with each click of the mouse adding one for side to the shape. The shape approximates the circle more with each click but never becoming a circle.

WEBSITE - CIRCLE 2
+ -
11
Genesis
2018
Web art
DESCRIPTION

This script writes the first two chapters of the book of genesis on the browser history of the viewer. Nothing happens on the front of the web page.

WEBSITE - GENESIS
+ -
12
Chance
2018
Web art
Essay
DESCRIPTION

A small essay about chance where every 1/10 of a second a random character is swapped for a random letter of the alphabet, slowly degrading the text and redering it unreadable.

WEBSITE - CHANCE
+ -