Aller au contenu principal
MBDev
Toutes les réalisations

Cartothèque

Une boutique en ligne complète, du catalogue au paiement.

Projet conceptuel : boutique de cartes à collectionner. Catalogue de près de 200 produits, recherche instantanée, filtres combinables, panier persistant, codes promotionnels, paiement en quatre étapes, précommandes et rachat de collections.

La question à laquelle cette démonstration répond

« As-tu déjà fait une boutique en ligne ? » Un site vitrine ne répond pas à cette question, et un thème de boutique installé en une soirée n'y répond pas non plus : il prouve qu'on sait choisir un gabarit, pas qu'on sait construire un commerce.

Cartothèque est une boutique bâtie de zéro. Le comportement est réel — la recherche cherche vraiment, les filtres filtrent sur le serveur, le panier survit au rechargement et le calcul des taxes suit l'ordre exact dont un commerce québécois a besoin. Ce sont les données commerciales qui sont fictives, et elles le disent.

Le commerce de cartes a été choisi parce que c'est un des cas les plus exigeants du commerce en ligne : le même produit existe en plusieurs états, plusieurs langues et plusieurs finitions, chacun avec son propre stock et son propre prix. Un catalogue qui gère ça gère aussi une boutique de vêtements ou de pièces détachées.

Ce que ça veut dire pour une entreprise

Un client qui ne trouve pas un produit ne l'achète pas. La recherche répond pendant la frappe, tolère les accents et se navigue au clavier ; les filtres se combinent, affichent le nombre de résultats par critère et s'inscrivent dans l'adresse — un lien de résultats filtrés se partage tel quel et se recharge à l'identique.

Le parcours d'achat va jusqu'au bout : panier persistant, codes promotionnels qui calculent réellement avec leur minimum, livraison, gratuité jugée après rabais, TPS et TVQ séparées, paiement en quatre étapes avec validation et gestion du focus. Aucune transaction n'est traitée, et chaque écran le dit avant et après le clic.

Deux parcours moins courants complètent la démonstration : les précommandes, avec date de sortie et facturation à l'expédition, et le rachat de collections, qui estime la valeur d'un lot selon l'état des cartes et propose argent comptant ou crédit en magasin. Ce sont exactement les cas particuliers qu'un gabarit ne couvre pas.

Les vrais noms, et aucune image officielle

La boutique nomme de vrais jeux, de vrais sets et de vraies cartes : un catalogue d'univers imaginaires se lirait comme un gabarit rempli de texte d'exemple. Nommer les produits qu'on vend est ce que fait toute boutique de cartes.

En revanche, aucun visuel officiel n'est utilisé — ni artwork, ni scan de carte, ni photo de produit, ni image reprise d'une autre boutique. Je ne dispose d'aucune autorisation pour republier ces visuels dans un travail de portfolio. Les planches de produits ont donc été dessinées pour Cartothèque, et le site l'explique lui-même.

Ce n'est pas une limite technique : brancher un catalogue sur les photographies fournies par un client est un travail courant, et c'est ce qu'un vrai mandat demanderait. C'est une décision de ne pas reproduire des visuels dont les droits ne m'appartiennent pas. Même règle pour les données : un nom, un numéro ou une date qui n'a pas pu être vérifié est omis plutôt qu'approximé.

Aperçus

Page d'accueil de Cartothèque
L'accueil : le bandeau de projet conceptuel en tête, puis les rayons par jeu, les nouveautés et les précommandes.
Le catalogue filtré par jeu et par type de produit
Les filtres : combinables, comptés par critère et inscrits dans l'adresse. Le filtrage se fait sur le serveur — le catalogue ne part jamais vers le navigateur.
Fiche produit d'une carte avec ses exemplaires en stock
Une carte n'a pas « un » stock : elle a des exemplaires, chacun avec son état, sa langue, sa finition et son prix. C'est ce que ce tableau rend achetable.
L'outil de rachat de collection
Le rachat : un parcours commercial que les gabarits ne couvrent pas. L'estimation suit l'état des cartes, et le crédit en magasin vaut plus que l'argent comptant.
Cartothèque sur téléphone
Sur téléphone : les filtres passent dans un tiroir réglable au pouce, et la grille reste lisible jusqu'à 320 px de large.

Ce qu'il y a dedans

  • Catalogue de 197 produits — scellés, cartes à l'unité et accessoires — répartis sur 45 sets
  • Recherche instantanée, tolérante aux accents, navigable au clavier
  • Filtres combinables reflétés dans l'adresse, avec filtrage côté serveur
  • Cartes vendues par exemplaire : état, langue, finition, stock et prix propres à chacun
  • Panier persistant, codes promotionnels, TPS et TVQ séparées, paiement en quatre étapes
  • Précommandes datées et outil de rachat de collection
  • Bilingue, accessible au clavier, sans débordement jusqu'à 320 px
  • Aucun visuel officiel : les 197 planches produit sont dessinées pour la démonstration

Parlons-en

Décrivez votre projet

Quelques minutes suffisent. Même si votre idée n'est pas encore claire — c'est justement le moment où une bonne question fait gagner le plus de temps.

  • Gratuit et sans engagement
  • Réponse généralement sous 24 h