Solution A – Creating Info Dots
To help the customer to know if a product will be available again, I decided to change the way to present the article status.
To begin, the SOLD OUT dot will be located on the top right corner to not hide the picture.
The image will not have a white filter because there will already be enough contrast between the background and the dot.
After that, it will exist 4 different dots for 4 different conditions:
Each dot has already a different colour but I decided to add the status itself, written out in full, to be compatible with colourblindness issues:
I made a complete test with the app Color Oracle for Mac.
For the Tritanopia, there is just a small difference which is difficult to discern.
For the Grayscale, we can see a difference of luminosity between the colours when they are placed side by side but it is difficult to recognize them in real conditions.
Thus, it is important to add the status inside the dots.
Solution B – Sending Emails
There is no way to receive notifications or emails about restocks on Maì.com.
So, I decided to add a form on every product page to give our email to stay informed about our favorite articles.
Here is the original page:
So I decided to move the description part to leave the space for the form.
Users just need to type their email address and to accept the conditions before being informed about a product.
Solution E – In Stock Products Page
It simply highlights products that are in stock.
The “In Stock” section from the “sort by” list helps to quickly find the products available from every category.
Solution F – Web Push Notifications
The web push notification really initiates to return on the website.
Users directly receive the message when the restock is put online. Thus, they have more chance to find their favourite articles in time.
Solution H – “Next Restock” Section
Clickable banner that is linked to the already created “Next Restock” page.