Maquette UX Design E-commerce Application mobile

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.

Site web, bientôt dispo Application, bientôt dispo

Brief du projet

Alain Michaux lance une micro-entreprise d'artisanat médiéval (calligraphies, blasons, papeterie mariage) sans clientèle existante ni présence digitale. Le projet porte sur deux produits distincts : un site e-commerce WooCommerce pour vendre ses créations, et une application mobile pour proposer des visites guidées de sites historiques normands.

Périmètre

UX Research E-commerce Application mobile Wireframes Prototypage Intégration WP

Outils

Figma Maquette

WordPress Intégration

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.

1 / 2

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.

2 / 2

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).

1 / 4

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.

2 / 3

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.

3 / 4

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.

4 / 4

Voir les projets Me contacter

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.

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.

Ce que le fondateur 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é."

Je suis Armand Legros,

UX/UI Designer basé à Angers & Co-Fondateur de Combo.

Recherche CDI ou Alternance. J'ai hâte d'apporter ma vision et mon énergie au sein d'une équipe ambitieuse.

+15 clients accompagnés

100% de satisfaction

On commence une aventure ensemble ?

Trouvez-moi ici

armand.legros28@gmail.com Armand Legros

Iter · Alain Michaux

Brief du projet

Périmètre

Outils