A selection of mini experiments in creative coding, type, and lettering.
Requiem
p5.js · Generative Design · Creative Coding
"Requiem" is a poem about our destruction of the planet Earth written by Kurt Vonnegut, an author widely known for his satirical lens on humankind. It imagines a personified planet Earth with a sense of irony that, when we have finished destroying it, remarks "'It is done.' / People did not like it here."
This generative interpretation, inspired by André Burnier, attempts to mirror and enhance the irony of the poem. As the user destroys the poem line by line with bouncy balls, it becomes progressively tattered. At the end, the only lines that remain are the unaffected voice of the earth saying, "It is done." and the sagging tired line, "People did not like it here."
Cincinnati Anime Film Fest
LOGO DESIGN · FREELANCE WORK
Cincinnati Anime Film Fest︎︎︎ is a new annual event presented by Manga Manga Bookstore︎︎︎ and hosted by the Hollywood Drive-In Theatre in Cincinnati, Ohio. Presenting a series of Japanese films throughout the summer, the festival follows Manga Manga's mission to build community through the celebration of Asian art and stories.
Using outlined shifting boxes and a black and white color palette, the logo reflects the graphic language of manga. Linework explodes from the center, both a reference to light emitting from the movie theater screen, and to expression lines — a graphic device used to illustrate emotion in manga.
Multi-Script Personal Logomark
Type Directors Club Short List 2023
Logo Design · Lettering · Glyphs App
My name is Lepa Juju Stojanovic, or Лепа 珠珠 Стоjановић. Names, for better or worse, can carry a lot behind them. For me, my name represents the blending of cultures that I grew up in. And like me, my name is half-Chinese, half- Serbian. Inspired by traditional Chinese name stamps,
this personal mark blends the three scripts of my cultural upbringing. It features my Chinese name, 珠, framed by a j and rotated L, representing the Latin spellings of my names, “Lepa” and “Juju”. This j and L together form a Cyrillic Л for the first initial of my Serbian name.
Interactive Nikon Aperture
P5.JS · GENERATIVE DESIGN · CREATIVE CODING
Inspired by the Nikon brand, this graphic representation of a camera aperture reacts to the cursor's distance from each aperture, where the blades close as the mouse approaches the center and reopen as you move away. The form of the blades was also inspired by the form of the light "rays" in Nikon's logo.
Eternal Spring Studio
LOGO DESIGN · TYPE DESIGN · FREELANCE WORK
Eternal Spring Studio is the film, tintype, and digital photography practice of Cincinnati-based photographer, Kalie Krause︎︎︎. The letterforms are inspired by the historic typography, sculptural mausoleums, and blooming nature of Spring Grove Cemetery where so many of Krause’s photos take place. With stout square proportions and branching bifurcated serifs, the letterforms reflect both the solid permanence and organic life of the timeless photographic medium and the environment.
Chinese Personal Logomark
Type Directors Club Short List 2023
Logo Design · Lettering
People regularly ask me if Juju is my real name. It is real and it’s the Americanized version of my Chinese name, 珠珠, meaning “pearl”. I explored creating a personal mark for my name using the Chinese character.
As an ex-professional ballet dancer, I was inspired to bring a dancing quality to the characters while referencing calligraphy. Using highly rounded heavy strokes that transition into fine delicate strokes gave the wordmark an elegant but playful quality, and the circular forms reference pearls.
jujjjjjjj
P5.JS · GENERATIVE DESIGN · CREATIVE CODING
Another play on my name, but make it interactive! This grid of letters change size in a gradient according to mouse position, but if you touch a j, it turns into a u.
Typographic Ripple
P5.JS · GENERATIVE DESIGN · CREATIVE CODING
A p5.js sketch challenging digital ASCII art against the natural quality of water. The user clicks to create ripples which are made up of the letters that spell the word, “RIPPLE”. Play with the actual sketch here!
Type Scrambler
P5.JS · GENERATIVE DESIGN · CREATIVE CODING
Turn up the typographic chaos with this tool! The user can type into a text box to change the displayed type, and the type size and grid will adjust accordingly. Sliders allow the user to control the speed, chaos, and color of the rolling type.
Curious Eyeballs
P5.JS · GENERATIVE DESIGN · CREATIVE CODING
These floating eyeballs won't leave you alone as they follow your cursor around the screen! The irises get their texture through randomized lines drawn through their centers. They also change color according to mouse position.
Generative Color Pinwheels
P5.JS · GENERATIVE DESIGN · CREATIVE CODING
A p5.js sketch of pinwheels that spin faster as your mouse moves further to the right, and slow down as you go back to the left. The colors are randomly generated each time you click, but stay within set parameters to maintain harmonious color combinations.
