Asakusa Store

Une boutique Shopify sur-mesure pour les collectionneurs de cartes Pokémon et One Piece japonaises, ouverte au public 28 jours après la signature.

Société
Asakusa Store
Missions
E-commerce, DA, Motion, SEO
Budget
15k€
Pays
France
Domaine
Cartes à collectionner
Le projet

Une boutique de cartes japonaises pensée comme un objet de collection.

Asakusa Store importe du Japon des displays et boosters Pokémon et One Piece. Nous avons tout conçu : direction artistique, thème Shopify réécrit, catalogue, SEO, vidéos et automatisations.

  • 1Deux univers, une seule boutique
  • 2La précommande au centre du parcours
  • 3Un catalogue qui s'entretient seul
  • 4En ligne avant le 16 septembre
0jours
de la signature à l'ouverture
0
sections Shopify sur-mesure
0
pages de séries rédigées
0
commandes en 18 heures
Visite guidée

Le site, page par page

De vraies captures du site en ligne. Faites défiler l'intérieur de la fenêtre.

asakusa-tcg.com
Page d'accueil d'Asakusa Store en version ordinateur
Page d'accueil d'Asakusa Store sur mobile

Accueil

asakusa-tcg.com
  • Slider vidéo par univers, une seule vidéo préchargée
  • Extensions triées par date de sortie, recalculées à chaque affichage
  • Précommandes à la une avec compte à rebours

Hubs d'univers

/collections/pokemon
  • Sélecteur d'univers contextuel : on reste sur la même rubrique
  • Menus scopés à l'univers actif
  • Filtre par série sans jamais zéro résultat

Pages de séries

/collections/storm-emeralda
  • 39 séries, chacune avec sa fiche d'identité
  • 250 à 300 mots rédigés par série, un mot-clé par page
  • Une série vide se désindexe toute seule

Fiche produit

/products/display-30th-celebration
  • Variantes Shrink / No Shrink avec stock par variante
  • Doré = « Précommander », nulle part ailleurs
  • En précommande, « Sortie dans » remplace l'achat express

Précommandes

/collections/precommandes
  • Le prochain drop en premier, tri par date de sortie
  • Cartes à vignette fixe : le prix ne casse jamais

Prestige

/collections/prestige
  • Bandeau holographique (démo plus bas)
  • Tarif indicatif et contact à la place du panier

Loterie

/products/loterie-grolem-crystal
  • Chaque ticket est un vrai produit : deux boosters, tirage offert
  • Jauge des tickets alimentée par le stock
  • N° de commande = n° de ticket, tirage en live

Blog

/blogs/actualites
  • 5 guides sur des requêtes à fort volume
  • Prix et stock en direct dans le texte des articles

Notre histoire

/pages/notre-histoire
  • Vidéo pilotée par le défilement
  • Un montage paysage, un portrait : un seul téléchargé

Recherche & panier

/search · /cart
  • Recherche réécrite, « Charger plus » sans rechargement
  • Panier vide animé par le logo Gengar
De Figma au site

Glissez pour comparer maquette et production

Fiche produit Storm Emeralda en ligne Maquette Figma de la fiche produit Maquette FigmaEn ligne
Direction artistique

Tokyo la nuit, une interface très claire.

Moodboard d'Asakusa Store
Le moodboard : Senso-ji, manga, cerisiersFigma
Typographie
Sorties
de Tokyo
Ajouter au panierPrécommander

Logo animé

Trois déclinaisons en Rive, chargées seulement à l'approche de l'écran.

Palette

Cliquez pour copier une couleur.

Le chantier

Six semaines, de la signature aux loteries.

4 août

Signature

Conception, DA et intégration Shopify.

Août

Figma

Moodboard, charte, maquettes, modèle de données.

10 août

Premier commit

Le thème est réécrit d'après les maquettes.

22 août

Vidéo de lancement

After Effects, piloté par script.

29 août

Audit mesuré

9 défauts corrigés, accueil deux fois plus léger.

1er sept. · 20 h

Ouverture

65 commandes dans les 18 premières heures.

5 sept.

Première loterie

Une Raikou ★ Gold Star mise en jeu.

14 sept.

Loterie automatique

n8n écrit chaque ticket dans le fichier du tirage.

19 sept.

Blog vivant

Prix et stock en direct dans les articles.

Signatures

Ce qu'aucun thème ne fait.

Prestige : un bandeau holographique

Touchez la carte pour la retourner

Un spectre qui balaie en 17 s, un reflet qui dérive en 23 : les deux ne retombent jamais en phase.

Loterie : un billet de tombola néon

Démo
Carte Grolem Crystal
Loterie en cours
Grolem Crystal · 089/088
50 tickets restants sur 50

La jauge suit le stock Shopify. Cliquez : chaque ticket vendu la fait avancer.

n8n : de la commande au tirage, sans intervention

  1. Commande payéeShopify
  2. Tickets rangés par loterien8n
  3. Fichier du tirage créé si besoinDrive
  4. Tickets écritsSheets
  5. Jauge du site rafraîchie en ~10 sShopify

Précommandes : un compte à rebours partout

DémoDisplay 30th Celebration
Sortie le —
Display 30th Celebration
00jours
00h
00min
00s
Précommander

Un seul script pour tous les décomptes de la page, cartes ajoutées après coup comprises.

Performance & référencement

Rapide à charger, facile à trouver.

6,8Mo

pour l'accueil, contre 15,6 avant l'audit

0

recherches par mois sur « carte one piece », la cible du hub

0

guides de blog écrits sur des requêtes à fort volume

0

URL au sitemap, toutes en 200, pages vides désindexées

Motion design

Trois vidéos pour lancer la boutique.

Reel · 23 s

« Asakusa évolue ! »

Le logo en pixel art évolue et débloque le nouveau site.

Story · 50 s

La loterie Raikou

La carte reste cachée jusqu'à sa révélation au ralenti.

Reel · 38 s

Asakusa × astr.studio

Le projet raconté comme une mise en orbite.

Accueil mobile
Accueil
Menu mobile
Menu
Fiche produit mobile
Fiche produit
Loterie mobile
Loterie
Prestige mobile
Prestige
Notre histoire mobile
Notre histoire
Blog mobile
Blog
Panier mobile
Panier
Stack technique
ShopifyLiquidMetaobjectsJavaScript natifRiveFigmaAfter Effectsn8nGoogle SheetsGA4Search ConsoleGit · 149 commits
Le résultat
0

commandes dans les 18 heures qui ont suivi l'ouverture.

15 jd'avance sur l'échéance
116produits en ligne
2loteries le premier mois

Votre boutique mérite une orbite.

Passez nous un coup de fil

Nos astronautes sont joignables du lundi au samedi, de 8h à 19h.

Envoyez nous un message

Envoyez un message via What's App

Temps de réponse moyen : 1h