AR Colour Visualiser

visualise ur space even before you paint it

Retail / B2B / B2C / Mobile App / AR / Android / iOS

Client

Akzo Nobel, Dulux Paints

Design Brief

Visualiser application is a platform where users can visualise colours for their space using AR technology from their mobile devices.

See paint colours appear instantly on walls using Augmented Reality.
Pick and save inspirational colours from the world around you to try in your home.
Explore the full range of products and the colours of the company.

Requirements

Completely redesign a mobile application that helps the user to visualise their space using company colours

along with the redesigning, they need to integrate new features as well

There will be a business variant as well.
A tangible device feature integration for accuracy.
Multicolour collection within the company database should be compatible with the new design.

B2C Visualiser

Any potential customers who want to visualise their space before painting

See paint colours appear instantly on walls using Augmented Reality.
Pick and save inspirational colours from the world around you to try in your home.
Explore the full range of products and the colours from the company.
Save their colours & products in personalised spaces

B2B Expert

Specific professionals who help in visualising their space and estimating the paint

See paint colours appear instantly on walls using Augmented Reality.
Pick accurate and save inspirational colours from the world around you using a tangible device.
Explore the full range of products and colours from the company.
Save their colours and products in personalised spaces, create notes, slideshows

Participation

Area of focus

Integrating tangible device for accurate colour picking.
Integrating the multicolour collection into the mobile UI.
Create masking feature for detailed visualisation.

Masking

Problem

There are times where the system cannot distinguish between surfaces and boundaries, Colours can bleed through the boundaries while visualising a surface.

Masking is a feature that can create precise control on the flow of colours over surfaces.

How to mask

To begin masking user needs to at least apply some colour to the surface. Once the user clicks the masking button masking mode will be enabled.

Users can specify the starting and finishing nodes of a mask and they are also able to drag and change the position of the nodes.

Once the masking node cuts the very end of an applied colour surface minor segment will be discarded thereby showing only the required position.

Masking back and forth

There are situations where the user are not quite done with the masking but anyhow they decided to move forward with the mask they have applied but then they noticed that it is not quite done yet so they design back to masking mode where they can edit their masking node this feature allows the user to always come back to the masking mood and can see the mask they have applied previously and they can edit.

Clear masking

Due to the technical Limitation Masking log is not available so 1 by one deletion is not possible, clear masking button clears all the masks at a time.

Once clear masking is applied masking feature will be revoked and The Colours will spread across as per the prior state before masking

Mask limits

Since there are multiple masking involved there should be a limit. Since more masking can create a chaotic spacing, the number of the mask has been limited to 10

Info button

Since there is a learning curve in masking , Tool tips will be shown while logging for the first time, and then info button will be added for reference at any point of time.

Colour picker device integration

Tangible devices

Specific professionals who help in visualising their space and estimating the paint

For expert users instead of the colour picker feature, a tangible device can be used to pick a colour with great accuracy and near similar colours can from the company be recommended.