JJ-Codeology-01.png
 

CODEOLOGY

Web UI design


Codeology is a visual playground that celebrates code.

 

Check out the live website:
http://codeology.braintreepayments.com/

Credits:
Art direction – Tom Zukoski. Visualization – Marpi Marcinowski. Web UI – Jason Rosenberg and Jacqueline Jiang. Copy – Tif Slama. Work produced at West Studios. Client – Braintree.

Awards and recognition:
• Cannes Lions awards' Gold prize in data visualization (Digital Craft Lions), 2016
• “Site of the Day,” Awwwards, 2016
• "Site of the Day,” FWA, 2016

 
Gallery-view-Record.gif
 

Partnering with Github, Codeology allows people to search for projects or users on Github to view the codes from a different angle. It turns different types of coding languages into colorful alien and bug-like creatures. “As no two pieces of code are alike, no two Codeology forms are alike.”

The audiences of this website are mostly developers, we came up with a breadcrumb navigation to bring familiarities to this crowd. The style of this website is following Braintree’s guideline with a very fun and unique ASCII art look and feel.

 
JJ-Codelogy-02.png
 

Process

 
JJ-Codeology-03.JPG
JJ-Codeology-04.JPG
JJ-Codeology-06.JPG
JJ-Codeology-05.JPG
JJ-Codeology-07.JPG