Gerson Lopez

Hackathon

A design system for a series of hackathon events hosted by ION, with internal and external audiences. I looked for a solution that was scalable, and familiar to developers. Recognizing the development language, I used coding characters as the graphical language for the event branding.

GL_Portfolio_IONathon_1.png
GL_Portfolio_IONathon_2.png
Graphical elements

Graphical elements

If you know a thing or two about programing language, you’ve met all of these typographic characters that contain and sustain lines of code. I thought it was a great idea to utilize common characters developers are familiar with, as graphical elements used to create shapes and supportive visuals, for this particular design system.

GL_Portfolio_IONathon_7.png
GL_Portfolio_IONathon_4.png
"Rubber Duck"

"Rubber Duck"

Coders have a very distinctive relationship with an object most of us think of as a bath accessory for kids. When having a hard time understanding issues within lines of code, developers have shared the use of a “Rubber Duck” as a way to talk through their code, and find a solution.

I thought it was not only a great mascot for supportive graphics, but also as part of the merch that participants would receive during these events.

GL_Portfolio_IONathon_9.png
GL_Portfolio_IONathon_10.png
GL_Portfolio_IONathon_11.png
GL_Portfolio_IONathon_12.png