Overview
Spover approached me with an early version of their product that needed significant UX/UI improvements. We started with quick wins like improving spacing, hierarchy, and layout before tackling each app page to identify elements for the design system.
Business Need
Spover needed to become a more modern piece of software, show more useful analytics, and improve its performance to become more useful for users.
My Role
As the sole Product Designer, I collaborated with Spover’s leadership team and developers to ensure the final product matched the original designs. Focused on improving UX/UI and building a comprehensive design system.
Goal
Our goal was twofold:
Redesign Spover’s product: Enhance the UX and UI to create a more intuitive and efficient user experience.
Build a scalable design system: Develop a comprehensive design system that would support future iterations and updates seamlessly.
Challenges
Data Density: Ensuring screens full of data were user-friendly while still providing the most critical information upfront. Also, balancing the need for less white space with a design that didn’t feel claustrophobic.
Collaboration: Coordinating closely with developers to design and build various data visualization components and table elements.
Solutions
Improved Layouts: We used different layouts, improved information hierarchy, and optimized white space to present as much useful information as possible without overwhelming the user.
Design System Development
Components: We built reusable components and established a library in Figma, making it easier to maintain consistency across the product.
Scalability: The design system was designed to be scalable, supporting future iterations and updates seamlessly.
Efficiency: Utilizing Figma’s advanced features like components, libraries, variables, and style features allowed us to create a robust design system that streamlined the design process and ensured uniformity.
Collaboration: The design system facilitated better collaboration with developers, ensuring that the final product matched the design specifications and could be easily updated.
Results
Positive Feedback: Beta users gave rave reviews of the new design, appreciating the balance of data density and usability.
Iterative Approach: By creating quick mock-ups and presenting them to beta users, we were able to gather rapid feedback and make continuous improvements without extensive engineering.
Final Product: We successfully released an updated version of Spover’s product with a significantly improved UX and UI. The new design system we established has set a solid foundation for future updates and iterations.