Close05 / 05

05 / 05

UAL Creative Computing Institute — Graduate Showcase

UAL Creative Computing Institute · with Conor Rigby and Josh Murr · 2020 · Design and development

The showcase home page in a browser: the title Creative Computing Graduate Showcase in white pixelated type on blue, broken up by a dithered image the shader has dragged through the letters

The first graduate showcase for the Creative Computing Institute, then newly established at University of the Arts London.

UAL has an institutional identity and the site had to sit inside it — a variant of the parent system rather than a departure from it. The structure and layout stayed conventional and recognisably UAL. The deviations were narrow and deliberate: an adjusted palette, Suisse Int’l across headlines and body, and GT Pressura Mono reserved for the students’ names. A mono face marked the one place where the subject of the institute entered the typography.

The Figma file: the UAL colour swatches and logo, desktop and mobile text styles, margins, and mockups of the landing, project list and project pages

The hero was a fragment shader. The cursor dragged waves through the typography and deformed it; when the pointer stopped, the surface resumed an idle animation of droplets. Displacement ran per pixel on the GPU, which is what made it viable full screen on a phone — the devices most likely to open a graduate showcase are the ones least able to afford the effect.

Everything else was static. Gatsby prerendered every student page at build time, so the shader was the only thing running at all.

Three phones showing the showcase: the pixelated landing title, the top of a project page for The Healing Orb, and a project page ending on the blue UAL Creative Computing Institute footer

Design and creative concept: Conor Rigby, Moritz Salla, Josh Murr. Web and shader development: Moritz Salla and Josh Murr. Documented at Fonts In Use.

The site is gone. One of the projects on it was mine.