Project brief
Ligatus is a native advertising company, providing solutions for brands, publishers, and programmatic ad buyers.
Ligatus' Self-booking tool allows small business owners to run advertising campaigns autonomously. Designed several years ago, the tool had grown clunky, both in code and design: it needed to be freshened up and become a practical, efficient tool again.
As the internal design team, we knew there were several web tools used by Ligatus employees that would benefit from a consistent UI and UX. With that in mind, we decided to use the redesign of the Self-booking tool as an opportunity to build a MVP of our Design System.
Deliverables
Audit
Usability overview of the current tool + user survey
Usability overview of the current tool + user survey
UX & UI
Complete prototypes of the campaign creation and campaign management flows + design documentation & dev handouts
Complete prototypes of the campaign creation and campaign management flows + design documentation & dev handouts
Design system
Library file (Adobe XD) containing all text, color styles + component lists + icon library
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/dd2b2f99fb52ca76d911c512d1f5ff89/a3bf53b0-ace2-42af-ba61-7ea7f2e6da30_rw_3840.png?h=ff8e43211fcb6bcefcc85016fbd90652)
Challenges
First-time collaboration
This was our first project working so closely with our Product and Dev teams, and work processes were yet to be defined and tried out.
Picturing a tool that doesn't exist yet
A campaign management platform is complex in itself, and we needed to have a clear mental picture of the new tool's functionalities, constraints, and data.
Solutions
Iterate on everything
Including the way we collaborated: our prototypes and handouts evolved to match the POs and developers needs.
Create a shared vision
We bridged the gap between user stories and concrete mockups with flowcharts, documentation and storytelling documents, making sure we were always aligned with POs.
![](https://pro2-bar-s3-cdn-cf5.myportfolio.com/dd2b2f99fb52ca76d911c512d1f5ff89/639a15a2-8b00-4100-9138-d9d13501e304_rw_1920.jpg?h=59a079577b86322b64101bca147d6c52)
![](https://pro2-bar-s3-cdn-cf4.myportfolio.com/dd2b2f99fb52ca76d911c512d1f5ff89/589a078c-4c55-4ef6-805c-5e40063fcb72_rw_1920.jpg?h=777ff4d39dde2fcafb1fa46f1335d380)
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/dd2b2f99fb52ca76d911c512d1f5ff89/722846d5-f3ce-4f81-a578-7bdd5cad44ae_rw_1920.jpg?h=b40b8bb03436447f67ec1aab13f0449c)
![](https://pro2-bar-s3-cdn-cf4.myportfolio.com/dd2b2f99fb52ca76d911c512d1f5ff89/fd3cb5a1-17da-4c95-be9e-9640eb9426fb_rw_1920.jpg?h=aea88951353de29ae11ba3b868a6d6dd)
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/dd2b2f99fb52ca76d911c512d1f5ff89/3f4e9208-53f9-4436-b4d2-8a88dd30c573_rw_1920.gif?h=1b476e3dc34ffb65c1e65e27600b0ffe)