![Colab image 1](/imager/images/46644/Colab-image-1_2a73786203be8056e14db254713fe877.png)
![Colab Logo](/imager/images/46657/Colab-Logo-Full_2a73786203be8056e14db254713fe877.png)
![Colab Laptop](/imager/images/46658/Colab-Laptop_2a73786203be8056e14db254713fe877.png)
![PEOPLE](/imager/images/46704/PEOPLE_2a73786203be8056e14db254713fe877.png)
![Bendito Mockup CMB Iphone 02 1 02](/imager/images/46663/Bendito_Mockup-CMB-Iphone-02-1-02_2a73786203be8056e14db254713fe877.jpg)
![Colab Components](/imager/images/46684/Colab-Components_2a73786203be8056e14db254713fe877.png)
A new way to learn.
Colab is an online-only education platform with a special focus on upskilling - helping people develop their skills for new careers, or to get to the next level in their current one.
As an entirely new platform, this brand needed to be built from the ground up - name, identity, look, feel, colour palette, and tone of voice. Because Colab is digital-first, we took an unusual approach to design. We designed a website mockup to get a sense of the platform. Then we took the elements from that mockup and turned them into a design system.
![1 Dynamic Targeting Masterbrand Social 1080x1080 Frame 1](/imager/images/45032/1-Dynamic-Targeting-Masterbrand-Social_1080x1080-Frame-1_2a73786203be8056e14db254713fe877.png)
![1 Dynamic Targeting Masterbrand Social 1080x1080 Frame 2](/imager/images/45036/1-Dynamic-Targeting-Masterbrand-Social_1080x1080-Frame-2_2a73786203be8056e14db254713fe877.png)
![1 Dynamic Targeting Masterbrand Social 1080x1080 Frame 3](/imager/images/45045/1-Dynamic-Targeting-Masterbrand-Social_1080x1080-Frame-3_2a73786203be8056e14db254713fe877.png)
![Colab Website Static](/imager/images/46804/Colab-Website-Static_2a73786203be8056e14db254713fe877.jpg)
Wayfinding icons became glyphs and graphics, content cards became frames, and hyperlinked text became ways to highlight key words and phrases in brand and retail messaging.
The result is a design system that feels fresh and dynamic, while being highly functional and easy to navigate.
![Price Led Colour Social 1080x1080 Option 2](/imager/images/45084/Price-Led-Colour-Social-1080x1080_Option-1_2a73786203be8056e14db254713fe877.png)
![Price Led Colour Social 1080x1080 Option 3](/imager/images/45093/Price-Led-Colour-Social-1080x1080_Option-3_2a73786203be8056e14db254713fe877.png)
![Colab Merch](/imager/images/46842/Colab-Merch_2a73786203be8056e14db254713fe877.jpg)
![Colab Eco Pin Social](/imager/images/46740/Colab-Social-Tiles_2a73786203be8056e14db254713fe877.jpg)