Medusa is a dynamic visualization of the Cardano projcet development history, created from its git repository directory structure. My job was designing an interface for that living artwork, considering that its form is continually evolving in real-time based on the developer commits. Medusa is currently used as a header artwork on the Cardano related project pages.

medusa-bg-smallmedusa-bg-small

BUILDING UP THE INTERFACE PATTERN

My design work started parallel with the development team's coding work enabling a continuous discussion about the technical environment and the features selected into the upcoming releases. Based on the nature and the amount of data were implemented I started to visualize the options how to use interactive elements in the most intuitive way.

medusa-interface1medusa-interface1

DATA VISUALISATION

The first data to be displayed arrived in a 2D net view. Later the commit details were also added and the Medusa skin was applied. With the functionalities taking shape I started to design the interface elements and plan out their different state of interaction.

medusa-interface2medusa-interface2

PREPARING FOR EXPANSION

As new functionalities were coming into the picture the interface needed to be reorganized. The globe view has already been developed and growing from single-data view into a multi-data view. The UI also needed to be layed out in a more flexible way that still maintain enough space for the users to explore.

medusa-interface3medusa-interface3

INCORPORATING USER FEEDBACK

Based on the notes came from both the early adopters and the external colleagues, I adjusted the interface to make it more intuitive and easily discoverable. Labels, introduction, node info popups were added along with detailed commit description.

medusa-interface4medusa-interface4