July 2018 - October 2019
I am currently a UI/UX designer at Markforged, working to bridge the gap between manufacturing and 3D printing. My team was given the task of redesigning our 3D printing software Eiger, in order to allow the company to scale additive manufacturing solutions for big business. After several months of iterations and user testing, we were able to develop a scalable design solution for the software. Within the first two months of the new UI launch, Markforged was able to close its first million dollar software subscription deal with a Fortune 500 company. 💰
- Land and scale business at large enterprises.
- Transition to a recurring revenue SaaS model.
- Design a software platform our competitors can't readily replicate.
"With the emergence of the fourth industrial revolution, Markforged is enabling companies to integrate the virtual and physical worlds to design and manufacture products with optimized performance. This only works when systems are tightly integrated and seamlessly communicate."
Zvi Feuer, VP of Engineering at Siemens
- Building an efficient and scalable design system for existing and future Eiger applications.
- Designing, prototyping, and testing user flows and interactions.
- Iterating design based on feedback and creating final deliverables.
Out with the old...
The previous version of Eiger was incapable of adopting core functionalities mandatory for companies of larger scale. Therefore, Markforged's 3D printing software required a redesign in order to scale the business and introduce a whole new set of features including:
- Role Based Access Control
- Single Sign On
- Team Management
- Folders and Filters
Old vs new
In with the new
The first step in the redesign process for Eiger was to build out a design system that would be able to scale with the tremendous growth that Markforged experiences year over year. I was the sole designer responsible for creating an efficient and scalable system that would house all of the current and future visual components for Markforged's 3D printing software. Eiger's design system was built using Figma.
The Design System
After many iterations and hours of brainstorming, we were able to design a color palette that aligned well with the company's brand and vision. These colors work together to bring out a clean and adaptive software design that thrive in any user scenario, whether that's in the part editor, internal view, or administrative workflow.
The typeface chosen for Eiger was Inter which is a modern, OpenType font that has been carefully crafted and designed for computer screens. It provides a variety of weights and great readability on any device.
I designed a set of icons using simple geometric shapes that work together with the rest of Eiger's visual elements. Each icon is bound to a 40px box to ensure for easy overrides within the design system.
Buttons & Forms
A well-organized collection of buttons and form elements. All elements are connected with each other and react to global changes throughout the design system.
A collection of interface elements were designed that can be easily reused across the Eiger design system. Components can be combined to help design consistent experiences for our daily users. Ultimately, this enables us to focus on solving unique manufacturing and 3D printing challenges, rather than reinventing interface elements that are already in use.
Eiger design system in use (Figma)
Building a Prototype
From Figma to Webflow
When working for startups, it is extremely valuable to have designers that can wear many different hats when executing work, and Markforged needed exactly that.
We quickly realized that building a standalone design system using Figma and communicating flows through JIRA tickets was not going to be enough to get Eiger enterprise ready. Therefore, I set out to build a functional prototype using Webflow to get our designs online and easily accessible to the entire team.
It took a few months to build out all of the individual components, pages, and flows on Webflow but the end result was well worth it. The software team was able to execute the build with minimal friction and the communication between teams were seamless, as any design changes or updates could be seen in real time. It provided the engineers with a direct visual of how each component should behave including, modals, forms, dropdowns, hover states and many more.
Play with the Eiger prototype →
Design master created using Webflow
Filter & Search Capabilities
3D Part Editor