OCM Quotes Analysis

This project was the most challenging one for me, technically.

I invested a lot of time, which could have been reduced but I did it anyway because it was the first time that I was building a design system from scratch. For a SASS product. A direct competitor to Flexport.

In no way, it is perfect solution but I tried to perfect each element down to the 8px Grid:
• Textbox height.
• Form Field.
• Sidebar
• Navigational Elements
• Buttons
• Notification Toasts
• Icon's Bounding Boxes
• Active/Hover/Pressed States.
• Page Elements
• Components

In hindsight, I could have done this much later on, and some of it wouldn't even have mattered because as I learned recently from my design boss, the text bounding box is out-of-the-picture when it comes to development.

This particular screen highlights some analytical data regarding Ocean Contract Management. An onboarding screen to highlight the benefits of using the service as a primary OCM software.