The brand and interface 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 collection management.

artcollexartcollex

THE APPROACH

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.

artcollex2artcollex2

UI CONCEPT

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.

artcollex3artcollex3

INTERACTION DESIGN

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.

artcollex4artcollex4

RESPONSIVENESS

The final design was handovered development-ready containing the tablet and the mobile version of the pages, sidebars and secondary navigational elements.

artcollex5artcollex5

FORM OPTIMIZATION

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.

artcollex6artcollex6

DEFAULT STATES

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.

artcollex7artcollex7

LANDING PAGE

I created a moderate, informative landing page for subscription, which was part of preparing the product for the market positioning.

artcollex8artcollex8
artcollex9artcollex9

CONTENT ARCHITECTURE

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.

artcollex10artcollex10

It was also crucial to find an appealing way to display long lists and multiple bulk actions.

artcollex11artcollex11

CONSISTENCY

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.

artcollex12artcollex12