![](https://assets-global.website-files.com/635fc38df51427cfad9d9bcc/63b659067231654eb0131334_ribbon-hero.png)
Ribbon, a platform designed to help users connect with friends and meet in person, underwent a complete overhaul that included updates to every aspect of the product. As the pandemic began to ease, the focus on facilitating in-person interactions became particularly relevant and inspired us create utility for that purpose.
We recognized that the original brand was closely tied to a specific design era and it was difficult to see how it could remain relevant today. As a result, we proposed a rebrand, which was not initially requested but we believed we could make a strong case for it and ultimately save time by establishing a solid foundation to build upon.
![](https://assets-global.website-files.com/635fc38df51427cfad9d9bcc/63accf663ca6987bb6d9af45_ribbon-inital-branding.png)
And after the rebrand...
![](https://assets-global.website-files.com/635fc38df51427cfad9d9bcc/63a6a37d0bd1f4c47313673f_Illustration.png)
We designed hundreds of screens and dozens of user journeys, as well as a component library for Ribbon to use in the future for creating additional layouts with ease.
![](https://assets-global.website-files.com/635fc38df51427cfad9d9bcc/63b65f3f0236eb6c8597f45b_ribbon-appporn.png)
Since development was outside of our scope for this project, we focused on meticulously laying out every UI state to ensure that everything was accounted for.
![](https://assets-global.website-files.com/635fc38df51427cfad9d9bcc/63a6a417d3398d02cb8c9aab_ribbon-system.png)