Aller au contenu
Studio indépendant · Cannes Sites e‑commerce & identités pour les marques de beauté, de parfum et de lifestyle contact@houseofbrands.fr

Étude de cas Art de la table 2026

Des céramiques peintes à la main, une boutique pensée pour vendre.

Alamar Designs crée des céramiques peintes à la main en Italie, des sets à matcha et du linge de table aux motifs joyeux. Avec un catalogue qui s’agrandit à chaque collection, il fallait une boutique qui montre beaucoup de pièces sans jamais paraître chargée, et qui donne envie d’en ajouter une de plus au panier.

Client
Alamar Designs
Projet
Site e-commerce
Prestations
Mega menu, Panier cadeau, Illustrations animées, Développement sur-mesure
Pique-nique dressé avec la vaisselle et le linge de table Alamar Designs
Alamar Designs sur mobile
01

Le point de départ

Assiettes, tasses, sets à matcha, sets de table, serviettes, coffrets : la marque propose des dizaines de pièces, réparties en univers qui changent au fil des collections. Toutes ont le même caractère, des couleurs franches, des motifs peints à la main et des phrases pleines d’humour.

Le défi : donner accès à tout ce catalogue sans noyer le visiteur, sur ordinateur comme sur téléphone, et faire de chaque visite un panier plus rempli que prévu.

Les objectifs

  1. IMontrer un grand catalogue sans perdre le visiteur
  2. IIAccéder à chaque univers en deux gestes, même au pouce
  3. IIIFaire grandir le panier, sans forcer la main
02

La réponse

Un site entièrement dessiné et développé sur mesure, sur un thème créé pour la marque : de grands carrousels par univers, un mega menu qui montre directement les pièces, et une interface aussi joyeuse que la vaisselle. Les illustrations de réassurance, dessinées à la main, s’animent en continu, et chaque fiche produit résume l’essentiel dans de petites capsules illustrées.

Le panier latéral a été pensé pour la vente : suggestions de pièces, réassurance, délai de livraison, et un espace cadeau flouté et verrouillé tant que le panier est vide. Dès le premier article, il se dévoile et une barre de progression indique ce qu’il reste à ajouter pour l’obtenir.

Ce qui a été livré

  1. 01Design du site et direction artistique
  2. 02Thème développé sur mesure pour la marque
  3. 03Mega menu par univers, sur ordinateur et sur mobile
  4. 04Carrousels de produits par collection
  5. 05Panier latéral : suggestions, réassurance, délai de livraison
  6. 06Espace cadeau verrouillé, puis débloqué avec une barre de progression
  7. 07Illustrations de réassurance dessinées à la main et animées
  8. 08Capsules d’infos produit illustrées
  9. 09Responsive mobile soigné
  10. 10Hébergement, performance, mise en ligne
03

Le site, écran par écran

01

Le parcours, sur mobile

L’accueil, le mega menu et le panier : sur téléphone, tout le catalogue reste à portée de pouce, avec les mêmes couleurs et les mêmes détails que sur ordinateur.

Alamar Designs — Accueil, mega menu et panier, sur iPhone
Accueil, mega menu et panier, sur iPhone
02

Un catalogue, plusieurs vitrines

Nouveautés, matcha, assiettes, linge, coffrets : chaque univers a son carrousel sur l’accueil, son onglet dans le menu et sa page. Les mêmes pièces se découvrent par plusieurs chemins, sans jamais surcharger l’écran.

Alamar Designs — Les carrousels Featured Products et Linens
Les carrousels Featured Products et Linens
03

Un mega menu qui montre les pièces

Au survol de Shop, le menu s’ouvre sur les produits eux-mêmes, en grandes photos. Un onglet par univers, un carrousel pour aller plus loin, et un bouton pour tout voir.

Alamar Designs — L’onglet Plates du mega menu
L’onglet Plates du mega menu
04

Des capsules pour tout savoir d’un coup d’œil

Peint à la main, diamètre, fabriqué en Italie, compatible lave-vaisselle : sur chaque fiche, de petites capsules illustrées résument l’essentiel avant même de lire la description.

Alamar Designs — La fiche de l’assiette Plate
La fiche de l’assiette Plate
05

Une réassurance dessinée, qui s’anime

Le bouclier tourne, le camion rebondit, l’enveloppe bat des ailes : les trois illustrations de réassurance, dessinées à la main pour la marque, s’animent en continu sur l’accueil, les fiches produit et le panier.

Shop with Confidence, Track It Love It, Here for You Always
06

Un panier latéral qui accompagne la vente

Vide, il propose des pièces pour commencer. Rempli, il suggère ce qui va avec, rappelle la réassurance et annonce le délai de livraison en Europe, juste au-dessus du bouton de commande.

Alamar Designs — Le panier vide, puis rempli
Le panier vide, puis rempli
07

Un cadeau à débloquer

Tant que le panier est vide, le cadeau du moment reste flouté derrière un cadenas. Au premier article ajouté, il se dévoile, et une barre de progression montre ce qu’il reste à ajouter pour l’obtenir.

Du cadeau verrouillé à la barre de progression

Le petit plus

Un mega menu taillé pour tout le catalogue.

Sur ordinateur, le menu s’ouvre au survol et passe d’un univers à l’autre sans recharger la page : matcha, assiettes, linge, coffrets, chacun avec ses pièces en photo et son carrousel.

Sur téléphone, il devient un panneau à onglets qui défilent au pouce, avec une liste de produits claire et lisible. Le même catalogue, pensé deux fois, pour chaque écran.

Le résultat

Une boutique joyeuse et rapide, où chaque visite donne envie d’ajouter une pièce de plus.

M’écrire sur WhatsApp