Fernis - Gallery Inventory Management
Design prototypes and design system for a web-based gallery inventory system.
CLIENT:
Fernis
ROLE:
Lead UX/UI designer, UX Research
TECHNOLOGIES USED:
Figma, Adobe Photoshop, Adobe Illustrator
Design System
At Fernis, I developed a scalable design system based on Atomic Design principles, ensuring consistency, flexibility, and efficiency across the platform. The system was designed to support a complex inventory management solution, balancing usability with the intricacies of enterprise-level workflows.
By breaking down UI components into atoms, molecules, organisms, templates, and pages, the system provided a structured approach to interface design, enabling modularity and reuse across different features. This methodology ensured that components were:
Consistently styled and functional across the platform
Easily adaptable to new features without requiring redesign
Optimized for scalability, allowing the system to grow alongside business needs
To maintain alignment across teams, I established documentation and guidelines for component usage, interactions, and accessibility. This not only streamlined development but also enhanced cross-functional collaboration, making it easier for developers to implement UI elements efficiently.
The result was a cohesive, scalable, and future-proof design system that improved both development speed and user experience, reducing inconsistencies and fostering a more intuitive interface for end users.
Protyping
The system was designed to support a complex inventory management solution, balancing usability with the intricate needs of enterprise workflows. Various high-fidelity wireframes were made to explore different concepts - both desktop application and browser based systems.
This prototype showcases the structured user flow I created to test and validate the system’s navigation, interactions, and component hierarchy. The design is built around reusable UI components, allowing for seamless scalability and efficient development.
Information Architecture
Since the Fernis platform was designed from scratch, the preliminary work focused on mapping out the system's information architecture (IA). This step was crucial to ensure a coherent and intuitive structure that could accommodate complex user interactions and diverse data types.
We aimed to streamline navigation and improve usability for gallery administrators, allowing them to effeciently manage artworks, clients, artists, and opportunities. Building a strong IA not only facilitated the system’s development but also laid the groundwork for scalable design solutions. The visual map helped identify potential bottlenecks and ensured that the user journey remained logical and straightforward.
