The interface and brand design of Artcollex was requested by Quartile Software Ltd. Their aim was to create a lightweight web application for private collection owners to fill the niche in the market of art collection management. This comprehensive project started with mockuping the functionalities and building up the user flows, followed by creating the visual identity for the platform and ended up with coding a live, skinned demo for handover.
There were three different page layout designed for every menu item, supporting three different purposes. In order to prepare the page elements for quick scanning I designed card layout showing only the information that's necessary for the users to select and displaying additional information on hover action.
The project specification I received had two highlighted points regarding the visual strategy. First, that the design should convey reliability considering the value of the items managed on the platform. Second, it should be cleaner and more intuitive than the softwares with similar function were available on the market at the time.
To fulfill these requirements, I stared with mock-upping the layout to find the optimal arrangement for the main functionalities. Then compiled a style tile using easily recognizable shapes, calming action colors and backgrounds with low color content.
To find the best place and the behavior of the interface elements, I followed the most common user flows and took into consideration the frequency and the importance of each action along the way.
The final design was handovered development-ready containing the tablet and the mobile version of the pages, sidebars and secondary navigational elements.
Proper categorization of the artifacts requires a long, exhausting form-filling process. To make this step as painless as possible, I divided the form content into several tabs and ensured high flexibility during saving.
Applying default settings required deep understanding of the target audience’s expectations and most common interactions. Meaningful conversations with the main stakeholder helped to find feasible solutions, like closed nav bar, sticky header and tap-selection as default settings for tablet devices.
I created a moderate, informative landing page for subscription, which was part of preparing the product for the market positioning.
The placement of the functional elements and account settings on the pages and/or within the pages required a lot of testing and correction during compilation.
It was also crucial to find an appealing way to display long lists and multiple bulk actions.
To promote brand awareness I applied the same UI elements and colors that was defined in the initial style guide along the entire design process and front-end styling process.