The company

MutualArt.com is an art information website that provides auction prices, personalized updates and data on a number of artists.

Role

UI Designer

Who are our users?

Mostly adults and the elderly with little autonomy in the use of technology.

They rely in MutualArt to collect data about upcoming auctions, artists they like and historic art prices, among other services as selling their artworks, managing their collections and art appraisals.

Context: The problem

Mutualart.com is a website that has been online for more than 15 years and the UI hasn’t been updated and organised properly for a long time. As consequence, the UI and Visuals were a mixture of different styles and it’s not uniform and consistent. (Different colours, fonts, spacings, misaligned elements, etc.)

This creates frictions between the Dev, Marketing, Management and Design teams, causing money and time losses, besides delivering a less accurate product.

The solution: Design Guidelines and a UI Kit

The solution was to create a UI Kit using the components and parameters that we could already find in the web, cleaning and depurating the UI so all teams would have a guide to follow with a common language.

This would avoid going back and forth many times and to have the design team checking all pages design after the dev team codes it. The final result would be the same (or really close) as the designs in Figma.

Here an extract of the work I did

The impact

The feedback I received from this project was incredible.

Devs, marketing team, PM... They were very happy as now they were all in the same page. No clarification needed. Way less design tweaks, way less back and forth between Product Management, Design and Development.

The designer who jumped in after me actually contacted me through LinkedIn to congratulate me for the work I did!

This was an amazing closure for the project.

And.....

That's a wrap! Thanks for reading ;)