Iter banniere scaled

Iter - Alain Michaux

Créer et transmettre la passion médiévale.
Double projet B3 MDS : concevoir de A à Z les deux produits numériques d’Alain Michaux, artisan calligraphe spécialisé dans l’héraldique médiévale : un site e-commerce WooCommerce pour ses créations, et une application mobile de visites guidées de sites historiques normands.
Personas site web
Deux acheteurs, deux manières d’arriver.

Sophie (29 ans, future mariée) cherche une calligraphie pour ses marque-places : elle a besoin de voir les délais clairement et d’être rassurée avant d’acheter. Julien (26 ans, rôliste) arrive depuis Google sur mobile : il ne crée pas de compte, il paye en Apple Pay, il veut que ça sente le vrai parchemin. Deux profils, deux intentions d’achat distinctes, qui ont orienté le tunnel de commande et le wording des CTAs.

Personas application
L’expert et le touriste pressé.

Éric (44 ans, historien) exige le mode Expert : sources citées, reconstitution rigoureuse, zéro vulgarisation. Sarah (32 ans, touriste) est sur le parking avec son fils de 7 ans : elle a deux minutes, l’interface doit fonctionner sans réseau. Ces deux profils radicalement opposés ont structuré l’application entière, justifiant la décision de créer deux modes de visite distincts dès l’onboarding.

Veille concurrentielle

Identifier où personne n’a encore mis les pieds.

La veille a couvert la Boutique du Patrimoine, des papierteries premium, izi.travel, Histovery et la Louvre App. Résultat : aucun concurrent ne fait le pont entre boutique artisanale et application de visite guidée. Iter pouvait s’approprier cet espace. La veille a aussi confirmé les standards du secteur en termes de rassurance, de présentation produit et d’ergonomie mobile.

Références graphiques site
Poser l’univers visuel avant la charte.

La veille graphique du site a exploré les codes de l’artisanat premium et de la papeterie médiévale : textures parchemin, typographies à empattements, palettes terreuses avec des accents dorés. Ces références ont alimenté directement la charte graphique : Cinzel Decorative pour les titres, EB Garamond pour le corps, la couleur parchemin #E4E4E2 et l’or #DDBB40 comme dominantes.

Références graphiques app

Une app médiévale qui reste lisible.

Pour l’application, la veille graphique a orienté vers un registre plus sobre : icônes outline, fonds sombres ou neutres pour les cartes de site historique, et une lisibilité optimisée pour les conditions de terrain (plein soleil, une main occupée). Même famille visuelle que le site, interface distincte.

Arborescence site web
La structure avant la maquette.

Le site s’articule autour de sept pages principales : Accueil, Boutique, L’Atelier, Visites, Le Journal, Contact, Espace Client, avec le tunnel d’achat complet intégré dans la colonne Boutique dès l’arborescence. L’entrée Visites crée le pont avec l’application mobile sans imposer une redirection systématique.

Arborescence application
Deux flux, une navigation claire.

L’application distingue deux flux dès la racine : utilisateur (Sites, Carte, Visites, Profile) et administrateur (Dashboard, Sites, Réservations, Paramètres). L’onglet Scan a été écarté pour simplifier la navigation, une décision prise à cette étape, avant d’ouvrir Figma, qui a évité de complexifier inutilement l’interface.

User Flow site web
Traduire les parcours en décisions concrètes.

Les user flows du site ont mis en évidence deux décisions structurantes : proposer un checkout invité pour Julien (qui refuse de créer un compte), et rendre les délais de fabrication visibles dès la fiche produit pour Sophie. C’est aussi à cette étape qu’a été arbitrée la décision de ne pas afficher de ratings avant d’avoir de vrais avis clients.

User Flow application
Zéro décision aléatoire avant le wireframe.
Pour l’app, les flows ont confirmé que le bouton « Télécharger ce site » devait être visible en premier niveau sur la fiche lieu, sans scroll, pour Sarah. Ils ont aussi validé la séparation stricte des flux admin et utilisateur, et défini le chemin d’onboarding incluant le choix du mode de visite (Famille ou Expert) dès la première ouverture.
Wireframe site web
Valider la hiérarchie avant la charte.
Le wireframe site a cadré sept pages en noir et blanc avant toute décision de couleur ou de typographie. La homepage place l’achat en premier, sans référence à l’application dans le hero. Sur les fiches produit, « Ajouter au panier » devient « Commander cette pièce » pour valoriser l’objet artisanal. Pas de filtres boutique au lancement (moins de dix produits).
Wireframe app · côté client
23 écrans structurés avant Figma.
Le wireframe utilisateur couvre les cinq onglets principaux (Sites, Carte, Visites, Profile, et l’onboarding). Les informations essentielles (durée, tarif, accès PMR) sont placées above the fold sur la fiche site. Le choix du mode de visite (Famille / Expert) est structurant dès le premier lancement : c’est ce fil directeur qui organise toute l’expérience.
Wireframe app · côté admin
L’outil de gestion derrière l’expérience.
L’interface administrateur (Dashboard, Sites, Réservations, Paramètres) a été wireframée séparément pour ne pas polluer le flux utilisateur. Alain Michaux peut créer et gérer ses sites historiques, suivre les réservations de visite et configurer les contenus Expert et Famille depuis une interface dédiée, sans jamais croiser l’expérience du visiteur.
Maquette site web
Le détail qui ancre l’univers médiéval.
La création de l’icône du site est le premier livrable de la phase graphique : une icône conçue pour fonctionner en favicon, en visuel réseaux et sur le packaging. Elle concentre l’identité visuelle en un signe unique, ancré dans les codes de l’héraldique médiévale.

Résultat

Site web

E-commerce WooCommerce haute fidélité : 5 pages maquettées (Accueil, Boutique, L’Atelier, Visites, Le Journal). Intégration WordPress avec WooCommerce, tunnel d’achat complet, template blog Elementor, 10 produits créés.

Visio de 30 min – Sans engagement. Réponse sous 24h.

Application mobile

Une application de visite guidée conçue pour le domaine médiéval d’Alain Michaux. L’expérience s’adapte à deux profils (Famille et Expert) avec une carte interactive du site, des contenus contextuels par espace, et une interface d’administration pour gérer les visites en autonomie.

Visio de 30 min – Sans engagement. Réponse sous 24h.

Il a osé passer au digital. Ce que le gérant en dit.

Alain Michaux, Fondateur Iter

« Je ne suis pas du tout à l’aise avec le numérique, donc j’avais besoin que quelqu’un m’explique les choses simplement. Armand a pris le temps de comprendre ce que je fais, ce que je voulais, et il m’a montré à quoi ça allait ressembler avant même de commencer. Le résultat correspond vraiment à mon activité. Je ne m’attendais pas à quelque chose d’aussi soigné. »

Alain

Prêt à démarrer ?

Votre agence web à Angers, prête quand vous l'êtes.

Devenez la référence locale sur Google. Ne laissez plus vos concurrents capter vos clients.

Parler de mon projet – 30 min offertes

Armand Legros, co-fondateur de Combo et expert en Web Design et SEO à Angers
Manon Pèries, co-fondatrice de Combo, spécialiste en stratégie digitale et marketing

Dites-nous où vous en êtes, on vous répond sous 24h !

Manon Pèries et Armand Legros, les fondateurs de l'agence web Combo à Angers