![](https://images.ctfassets.net/zojzzdop0fzx/2T6YqIagOjWZIeJKgsqUE7/572685c53fee4b4632003d47758a4e90/image.png?fm=webp&w=3840&q=75)
Integration Platform Design
Cloud Native Integration Platform Design
Overview
Product and Marketing redesign of Cloud-Native Integration Platform in a Serverless World - TriggerMesh.
The platform creates an integration layer for cloud-native applications and automation workflows by allowing users to connect components using a UI interface.
Tasks
- Redesign the existing platform incrementally using Material design
- Improve UX for the main platform parts like create automation(Bridge) or manage users' integrations
- Build and document the product design system
- Redesign marketing Website and migrate it from WordPress to Webflow
- Create a custom animation that visualize how the platform works
- Design a set of custom illustrations that represents the platforms' features
Tech-stack
Solutions
UX analysis / UI inventorization
As a part of the platform redesign, we did UX analysis of the existing main features as well as UI inventorization to understand what and how we can improve.
Atomic design approach
After UI inventorization we had an understanding of how many elements and components we need to polish. We've created a Figma design system with all the foundations, elements & its states, modules, and templates. That allowed us to speed up the design process.
Platform redesign
The main focus was on the creation of a Bridge experience, listing and connecting users' cloud services. Due to we use the design system that we've created we achieved consistency over the all parts of the platform.
Marketing website
In the next step of the TriggerMesh brand refresh, we redesign the marketing website and migrated it from WP to Webflow. We've created a site map and revisioned the structure with the client. After that, we started to redesign page by page the desktop version, the responsiveness was done right in Webflow.
Custom illustrations
As a part of the marketing redesign, we've created a set of custom illustrations that represents the platforms' features and make the web presence more solid.
Performance increasing
As the end result we the Marketing website was fully redesigned as well as the key website vitals was improved.
Outcome
- Fully redesigned platform UI with a bunch of UX improvements
- Well documented design system for developers and further design changes
- New marketing website migrated from WP to Webflow with improved web vitals
- Set of custom creatives including illustrations and animation
Let's innovate together!
We're ready to be your trusted technical partners in your digital innovation journey.
Whether it's modernization or custom software solutions, our team of experts can guide you through best practices and how to build scalable, performant software that lasts.