
Uncountable, a cloud software company focused on research and development optimization, needed a design system overhaul to improve usability and update the platform for scientists and researchers.
Apr 2024 - May 2024
Product Designer
Design system, component library, design guidelines and documentation, product design
1 Product Designers, 1 Product Manager, 2 Back-end Developers
The new design system had to simplify the interface, address complexity issues, and ensure functionality across data-rich tables and forms. It also needed to work well on low-contrast monitors and maintain consistency across various components.
For Uncountable, I incorporated simple typography and accent brand colors to align with guidelines.
I documented all foundational styles and their design token names and values for both global values and semantic values. Foundation styles include color primitives, color semantic usage, type, sizing, grids, border radius, border width, spacing, elevation.
For Uncountable it was essential that the components were both easy to use and flexible enough to accommodate future use cases. I chose Atomic design approach for organising the design system, creating a hierarchy of elements from atoms to molecules to organisms.
Additionally, I considered the user experience within Figma's design panel, ensuring that our components were intuitive and seamless to work with.
I standartized the design of all tables with consistent typography, cell padding, and border styles. I also created a unified navigation system with consistent sorting, filtering, and pagination controls to enhance usability.
Prioritizing the responsiveness of forms was a critical component for data input. On desktops, I used clear labels and generous spacing for complex data entry. On mobile, I switched multi-column layouts to single columns, tab navigations to dropdown menus, and optimized input fields for touch.
Detailed documentation and guidelines promote teamwork by providing a clear understanding of how to use components:
Users reported a more intuitive and consistent interface, which reduced the learning curve and increased productivity. The unified design of tables and forms ensured that data presentation and input were seamless across all devices, enhancing the overall user experience.

Frustrating controls and misplaced dialogs can lead the constant low level annoyance. Even if the overall product concept is excellent. Focus on intuitive design and ensure that the detail interaction of your product support your user in his goals tasks and aspirations.