Company:Â nMachine.io
Overview:
nMachine is the world’s first company to ship a full-fledged no/low-code SDK, enabling engineers to assemble bespoke ops platforms for their cloud-native infrastructure. With the latest funding round, the goal was to refine the technology, set the highest bar for platform engineering products, and position nMachine as a leader in the emerging platform engineering market.
Approach:
As the founder designer, I developed comprehensive guidelines to ensure that our product could be built and operated effectively. From atomic UI to design principles, I aimed to create a modular approach for building, tracking, and managing our application. Working closely with CEO Xavier Millot, we mapped out the vision and designed a system for both current and future challenges.
↓ Our design system consists of 3 main parts
Easy to use: Simple UI components ensured consistency and ease of reuse.
Easy to adapt: Components were designed to accommodate different color schemes and data visualization palettes.​​​​​​​
Ready to use: A Figma Library and Storybook page was created with the most used components, expediting the development process and minimizing the need for extensive documentation.
The initial design explorations were task-specific, focusing on creating logic, writing functions, configuring widgets, or editing pages. I drew inspiration from tools like Tumult Hype and Ventuz to address these complexities:
Users should always have a clear starting point and easy navigation to any content.
Main content should be clearly displayed and differentiated
Properties and related information should be handled in a panel, with easy access to the home state.
Complex tasks should be managed through stand-alone modals.
A basic style guide was applied across designs to maintain consistency and minimize variations. Components were built with a color hierarchy to allow for flexible branding.
Outcome:
The implementation of these guidelines and components significantly streamlined the design and development process. The modular and adaptable design ensured that nMachine's platform could efficiently handle various DevOps processes while maintaining brand consistency.
The result was a highly efficient and user-friendly platform will positioned nMachine as a frontrunner in the platform engineering market.
