Anfisa Pocovi°

(10)Mobile

Mon Amie

Mon Amie is a cosmetics retailer in Almaty. I designed two connected products: the mobile store, and Salut, the loyalty club, on mobile and desktop.

Company
Freelance
Role
Product Designer
Year
Freelance
Type
E-commerce · Mobile · Loyalty
Three Mon Amie screens: a lipstick product page with shades, the Salut account with bonuses and a certificate, and the bonus breakdown

01Overview

Mon Amie sells perfume, care and make-up online and in its stores. The store and the club share one visual language and one account, so a purchase shows up in the club, and the club shows up while shopping.

02My role

Product Designer

  • Catalogue, product page and checkout for the mobile store
  • Onboarding and account for the Salut club
  • Bonuses, tiers, certificates and purchase history
  • The desktop version of the account

03The challenge

Shopping and loyalty had to feel like one relationship rather than two apps, across a large catalogue and a club with bonuses, tiers, certificates and discount cards.

  1. 01A large catalogue on a small screen
  2. 02Shade is the decision for foundation and lipstick
  3. 03Bonuses have to be traceable

04Approach

4.1

A shop and a club that share one account

Mon Amie is a cosmetics shop in Almaty and a loyalty club called Salut. The store covers home, catalogue, brands, filters, product pages where the shade is the decision, basket, delivery, payment and gift certificates. Points a purchase will earn sit next to the price.

Salut is the account: onboarding, registration, bonuses, four discount tiers, certificates that become a code at the till, and a way to link an existing plastic card. The same account exists on desktop, with the menu on the side and bonuses, certificate and discount card in one view.

05Key flows

5.1

Browsing the store

Campaigns, stories and new arrivals lead the home page. The menu opens the catalogue level by level, brands get an A–Z index, and filters show how many products each option leaves.

5.2

Choosing and buying

On the product page, shades take most of the space and earned bonus points sit next to the price. Promo codes and bonuses open in one panel at the top of checkout.

Dior foundation page with price, bonus points earned, and a grid of shadesOpen full size
Foundation
Guerlain matte lipstick with a discounted price, bonus points and colour swatchesOpen full size
Lipstick
Basket with quantities, a gift option and the bonuses the order earnsOpen full size
Basket
Delivery step with contact, address, and pick-up in store or standard deliveryOpen full size
Delivery
The promo code and bonuses panel opened above the delivery detailsOpen full size
Promo or bonuses

5.3

Joining Salut

Four short promises, then only a name, phone number and password.

Onboarding: welcome to the Salut clubOpen full size
Welcome
Onboarding: shop more at a lower priceOpen full size
Save
Onboarding: stay up to date with eventsOpen full size
Stay informed
Onboarding: shop in the mobile appOpen full size
Shop in the app

5.4

The account and bonuses

The account opens on what the customer owns: bonuses, certificates and a discount card, with a bar showing the four tiers. Every bonus links to a purchase or a reason.

Account home: bonuses, certificates and discount card, the tier bar from 5% to 20%, benefits, stories and storesOpen full size
Account home
Account home with the certificate shown as a QR code to use in storeOpen full size
Certificate code
Choose your card: Chance 5%, Charme 10%, Favorie 15% or Magnifique 20%, confirm with a photo and sendOpen full size
Link a card
Bonus overview: a ring chart of earned, spent or expired, and expiring bonusesOpen full size
Overview
Earned bonuses with amount, purchase, receipt number and a birthday bonusOpen full size
Earned

5.5

On desktop

The same account on a wider screen: sections in a side menu, with bonuses, certificates and discount side by side.

Desktop account: side menu, bonuses, discount card, tier bar and benefitsOpen full size
Bonuses and discount
Desktop account with bonuses, a gift certificate and the discount card side by sideOpen full size
With a certificate

06Design decisions

  • One category at a time

    The catalogue opens level by level instead of all at once.

  • Bonuses where the money is

    Points appear next to prices, in the basket and in checkout.

  • What you have first

    The account leads with what the customer owns, before what they could do.

  • Every bonus can be traced

    Filters by date, and each entry links to its purchase or reason.

07Outcome

Store and club became one ecosystem with one account and one visual language, on mobile and desktop.