QH Quentin Harroch Com. & Marketing — Lyon
Réalisations Marketing & Communication Depuis 2024 Toporder · groupe myPOS

Toporder.

Communication et marketing d'un éditeur lyonnais de caisses enregistreuses : site, caisse en 3D, réseaux sociaux, campagnes, salons et outils internes.

Site webWireframesSection 3DCharte graphiqueRéseaux sociauxEmailingSalonsPrintOutils internes
Étude de cas

Faire comprendre une caisse enregistreuse en un coup d'œil.

Depuis septembre 2024, je pilote la communication et le marketing de Toporder, éditeur lyonnais de caisses enregistreuses qui fait partie du groupe myPOS. Cette page rassemble une sélection de ce que j'ai conçu et produit : le site, les visuels, les campagnes, les salons et les outils de l'équipe.

Contexte
Toporder conçoit et développe à Lyon des caisses enregistreuses certifiées NF525 pour les commerces de proximité : restaurants, boulangeries, cavistes, fromagers, épiceries, instituts de beauté… L'entreprise appartient au groupe myPOS, fournisseur européen de solutions de paiement.
Intention
Montrer le produit plutôt que le décrire : partir du quotidien du commerçant, en salle, au comptoir ou en cuisine, et donner à l'équipe marketing des outils pour aller plus vite.
Réponse
Des pages repensées pour toporder.fr, une caisse en 3D qui tourne au fil du scroll, des carrousels pour les réseaux sociaux, des campagnes emailing, les salons, et des outils sur mesure pour suivre les campagnes et les leads.
2024arrivée chez Toporder, à Lyon
5étapes dans la section caisse en 3D
8visuels dans le carrousel Restauration
2salons d'envergure : SIRHA et CES

Du site aux salons, des carrousels aux outils internes : le marketing d'une caisse, de bout en bout.

La section « caisse iPad en 3D », version Restauration
La section « caisse iPad en 3D », version Restauration
01 Le poste 01 / 08

Un rôle à 360°, du site aux salons.

J'ai rejoint Toporder en septembre 2024 comme Responsable Communication & Marketing. Le poste couvre toute la chaîne : la stratégie, l'équipe, les campagnes, les contenus, la presse et les salons.

J'y conçois et je produis aussi beaucoup moi-même : maquettes de pages, visuels, emailings et outils internes.

Poste
Responsable Communication & Marketing, à Lyon, depuis septembre 2024.
Stratégie
Marketing global, digital et presse, pour gagner en visibilité et générer des leads.
Équipe
Management de l'équipe et pilotage des campagnes multicanales.
Contenus
SEO, newsletters, vidéos.
Événements
Relations presse et salons professionnels, dont le SIRHA et le CES.
02 Le site toporder.fr 02 / 08

Un site pensé par métier, et par caisse.

Le site toporder.fr tourne sous WordPress avec Elementor. J'ai dessiné les wireframes de sa navigation et de sa page Tarifs, avec une double entrée : par métier, ou par caisse.

Les planches couvrent les tarifs (caisse iPad, bornes, restauration), le formulaire de contact, la recherche par activité et les versions mobiles. Elles sont accompagnées d'une maquette de la page Fonctionnalités.

Proposition de page d'accueil : l'en-tête
Proposition de page d'accueil : l'en-tête

J'ai aussi proposé une nouvelle page d'accueil. Chaque bénéfice y est raconté en « avant / après » : le montant qu'on ne retape plus sur le terminal, le stock suivi depuis la caisse, les ventes consultables depuis son téléphone, la conformité NF525.

« Tout votre commerce. Une seule plateforme. » : les bénéfices en avant / après
« Tout votre commerce. Une seule plateforme. » : les bénéfices en avant / après
  1. 01

    Une entrée par métier : restauration, boulangerie, caviste, fromager, épicerie, beauté…

  2. 02

    Une entrée par caisse : chaque caisse avec ses tarifs et son matériel.

  3. 03

    Des bénéfices concrets : chaque argument part d'une situation vécue au comptoir.

03 La caisse en 3D 03 / 08

La caisse tourne au fil du scroll.

Pour la page Restauration, j'ai conçu une section où la caisse iPad tourne sur elle-même pendant que l'on fait défiler la page. À chaque étape, un argument, et l'écran de la caisse affiche de vraies captures de l'application Toporder.

La section est prête à être intégrée dans Elementor.

Étape 3 : l'afficheur client, en double écran
Étape 3 : l'afficheur client, en double écran
Étape 4 : l'addition partagée
Étape 4 : l'addition partagée
  1. 01

    Restauration : réservations, plan de salle et envoi en cuisine.

  2. 02

    Modulaire : simple ou double écran, avec un iPad ou un iPad Pro.

  3. 03

    Afficheur client : le client suit sa commande pendant la saisie.

  4. 04

    Addition : l'addition se divise, les promotions sont réparties toutes seules.

  5. 05

    Démo gratuite : l'appel à l'action pour réserver une démonstration.

04 La charte 04 / 08

Le gris domine, le rose signale.

J'ai traduit le BrandBook 2025 de Toporder en un référentiel utilisable au quotidien : couleurs, typos, logos, composants de base et règles par support.

La règle d'or tient en une phrase : un seul élément rose dominant par écran, sur 10 % de la surface au plus.

Rose ToporderBoutons, chiffres forts, mots-clés
HEX #D22C4F
RVB 210 · 44 · 79
Gris 900Titres et textes, remplace le noir
HEX #1B1F27
RVB 27 · 31 · 39
Gris 50Fonds et tuiles
HEX #F7F7F8
RVB 247 · 247 · 248
Rose foncéSurvol et liens
HEX #A8213E
RVB 168 · 33 · 62
Gris 500Textes secondaires
HEX #6B7281
RVB 107 · 114 · 129
LatoTitres et accroches
Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

InterTous les autres textes
Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789

05 Les réseaux sociaux 05 / 08

Parler service, pas fonctionnalités.

Le carrousel Restauration suit chaque table en 8 visuels, de la réservation à l'addition : la couverture, l'avant / après, les réservations, la cuisine, l'addition, la réassurance, la prise de commande à table et la démo.

Chaque visuel suit la charte : un titre en Lato, un seul mot en rose, et beaucoup d'air.

L'avant / après
L'avant / après
L'addition
L'addition

Pour suivre les résultats, j'ai monté un tableau de bord des 30 derniers jours sur Instagram.

06 Campagnes & emailing 06 / 08

Un message par public.

  • Équipe de France des Commerçants : les campagnes emailing de l'opération menée avec Marcel Desailly, et un écran de suivi des chiffres de la campagne, au format télé, pour l'accueil.
  • Facturation électronique : des newsletters sur la réforme et sur le nouveau connecteur Pennylane / Chift, en deux versions, pour les commerçants et pour les experts-comptables.
  • Cooptation : un flyer pour le programme de recommandation, « Présente-leur Toporder. On s'occupe du reste. », avec la prime mise en avant et le parcours en trois étapes.
  • Vidéo : le script d'une vidéo pour Duclé, un café-pâtisserie du Vieux Lyon, qui présente Toporder.
07 Les salons 07 / 08

Un stand qui se repère de loin.

Pour le SIRHA 2027, j'ai décliné la proposition du standiste en trois pistes de couleur : un aplat rose, un aplat rose avec un motif d'hexagones, et un aplat gris 900 où le rose ne signale plus que l'accroche, les logos et les écrans.

Chaque piste a été confrontée à la règle de la charte : seule la troisième garde le rose sous les 10 % de la surface.

SIRHA 2027
Pistes de couleur du stand et communication interne bilingue sur l'organisation des stands.
Salons régionaux
Montpellier, Grenoble, Angers, Vannes : planning et logistique suivis dans Notion.
International
Organisation de la participation au CES.
08 Les outils internes 08 / 08

Des outils sur mesure pour l'équipe.

Pour gagner du temps sur les tâches répétitives, je conçois des outils internes, avec Claude, Lovable et Supabase.

Le premier génère les paramètres UTM et les formules Make : à partir du nom d'une campagne et de sa landing page, il applique la nomenclature UTM et écrit la formule qui rattache chaque lead à sa sous-origine.

UTM & JSON Make : UTM et formule Make générés à partir d'une seule saisie
UTM & JSON Make : UTM et formule Make générés à partir d'une seule saisie
  1. 01

    UTM & JSON Make : nomenclature UTM réglable, formules Make, historique et export CSV.

  2. 02

    Suivi des campagnes : une application Lovable et Supabase pour les demandes de campagnes, de visuels et de vidéos, avec générateur d'UTM, landing pages et synchronisation Notion.

  3. 03

    Suivi de l'acquisition payante : le cadrage d'un outil pour tracer les demandes confiées à l'agence externe, avec des rôles admin, marketing, demandeur et lecture seule.

  4. 04

    Gestion des tâches du service : le cadrage d'un outil pour remplacer Notion, à mi-chemin entre Notion, Monday et ClickUp : contenus, tâches, todo par personne et accès pour les externes.

  5. 05

    Récap automatique : un récap marketing hebdomadaire et une todo du lundi, assemblés à partir de Slack, des mails, de Notion et de l'agenda.

§ — Suite

Ce projet
vous intéresse ?

Je détaille volontiers la méthode, les arbitrages et les résultats — en entretien ou par mail. Le CV complet est téléchargeable en un clic.