Rivet is a newly launched design system by Indiana University.
Rivet was created to give designers across each of the nine IU campuses across the state of Indiana a method with which to brand the systems and products that they create accurately, each reflecting IU’s overall styling guidelines. Before Rivet was created, an issue was present where products that came from separate IU campuses did not look affiliated with one another, and were not using the same design and branding guidelines as one another. This, combined with the overall need for a cohesive branding strategy in place for Indiana University, made it apparent that a design system needed to be put in place and shared among the designers and developers located on each IU campus. Each IU campus is listed below:
The task of creating this design system rested with Indiana University Bloomington, the main IU campus located in Bloomington, Indiana. A tight-knit team of UX designers, architects, and accessibility analysts began creating Rivet in fall of 2017. I was part of that team, and we ultimately created, conceptualized, and launched a beta of Rivet within the first quarter of 2018, just a few months later.
A Rivet beta was launched before our initial full release to give faculty and staff across each IU campus a first look at the assets, features, and structures present in the design system. From there, we began collecting feedback, comments, and suggestions, and iterating on each asset and feature present in Rivet. The initial beta featured very few elements and features, but after it’s launch, we began working to ensure that Rivet was being updated with planned features, bug fixes, patches, and other tools on a quarterly basis. Each of these iterations eventually lead up to our first full launch of Rivet V1.0, which also occurred within the first quarter of 2018. From there, our iterative process continued, and more components, assets, and bug fixes were implemented on a quarterly basis.
As part of the many products that followed the launch of Rivet, I created a set of Prototyping Kits based on the UI components that I developed for the design system. These kits would allow designers to prototype applications using Rivet’s styling features, from any IU campus, and they were created on multiple platforms for ease of use, allowing designers to choose the software they would prefer to prototype within – Axure, Figma, Adobe XD, or Sketch.
The following images show each asset and component created for Rivet. Images are taken from the Figma UI Kit, which is available for download on the Rivet Component Website (link above).