Jordy Bautista is a graphic designer
based in Orange County, excited by

visual identity & branding.
editorial storytelling.
product packaging.
social media management.
visual identity & branding.
let index = 0; const rotator = document.getElementById("rotator"); const items = rotator.children.length; setInterval(() => { index++; rotator.style.transform = `translateY(-${index * 120}px)`; if(index === items - 1){ setTimeout(()=>{ rotator.style.transition = "none"; rotator.style.transform = "translateY(0)"; index = 0; setTimeout(()=>{ rotator.style.transition = "transform 0.6s ease"; },50); },600); } },3000);

Jordy Bautista is a graphic designer based in Orange County, excited by

visual identity & branding.
editorial storytelling.
product packaging.
social media management.
visual identity & branding.
(function() { var wrapper = document.getElementById("rotator-wrapper"); var inner = wrapper.querySelector(".rotator-inner"); var index = 0; var h = 50; function step() { index++; wrapper.scrollTop = index * h; if (index === inner.children.length - 1) { setTimeout(function() { wrapper.scrollTop = 0; index = 0; scheduleNext(); }, 600); } else { scheduleNext(); } } function scheduleNext() { setTimeout(step, 3000); } scheduleNext(); })();

Diagrammatic Machines, or Máquinas Diagramática, is a transborder creative coding, generative drawings, & graphic notation workshop by Juan Manuel Escalante.

Lead Designer
Brand identity
Packaging
Animation
Web design

Programs
Illustrator
Photoshop
cargo site builder

View the Process

Branding Diagrammatic Machines

Overview
The challenge in branding Juan Manuel Escalante's binational workshop was developing the visual identity with a limited team in under two months, releasing promotional marketing simultaneously. The goal was to make creative coding feel accessible while still prioritizing conceptual depth for more experienced designers.
We built a modular brand system that balanced approachability with modernity, translating across language and cultural contexts. The workshop launched in the U.S. and Mexico, attracting participants from both design and non-design backgrounds.Deliverables included a full brand package with print posters, stamped notebooks, bilingual instruction guide, screen-printed tote bags, enamel pins, stickers, social media assets with management, and a dedicated webpage, diagrammatics.net.

01

Defining the Audience

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


02

xxx

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


03

xxx

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.