conseil en ergonomie numérique

Zoning de site web exemples

icone ressource UX

Le zoning de site web se caractérise par une approche macro du design d'interface utilisateur (UI design). A la différence des wireframes qui privilégient les détails, les zoning permettent de visualiser le fonctionnement général de l'interface. Ces exemples de zoning proviennent de la galerie UX design iafactory.

zoning macro
zoning macro
projet Paco Rabanne
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning de l'interface
zoning de l'interface
projet Valeo
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning et interface
zoning et interface
projet Valeo
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning squelette de l'interface
zoning squelette de l'interface
projet Valeo
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning détaillé
zoning détaillé
projet Valeo
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning ui design
zoning ui design
projet Samse
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning fonctionnel
zoning fonctionnel
projet Pierre et Vacances
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning fonctionnel
zoning fonctionnel
projet Carrefour Banque
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning et webdesign
zoning et webdesign
projet Carrefour banque
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning site bancaire
zoning site bancaire
projet Carrefour Banque
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning général de l'interface
zoning général de l'interface
projet Malakoff Le Cercle
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning et navigation
zoning et navigation
projet Sécurité routière
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning projet web
zoning projet web
projet Samse
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning site de presse
zoning site de presse
projet Libération
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning site ecommerce
zoning site ecommerce
projet Home and cook
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning fiche produit
zoning fiche produit
projet Home and cook
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning tunnel d'achat
zoning tunnel d'achat
projet Pierre et Vacances processus de commande
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning logiciel
zoning logiciel
projet Bic data
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning projet ecommerce
zoning projet ecommerce
projet Brandalley
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning et design de navigation
zoning et design de navigation
projet Bouygues demain la ville
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning de l'interface
zoning de l'interface
projet Marie Claire maison
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning projet ecommerce
zoning projet ecommerce
projet Carrefour drive
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning interface de musique
zoning interface de musique
projet Harrys doowap
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning jeu
zoning jeu
projet Harrys doowap
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning site médical
zoning site médical
projet Ipso santé
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning haute fidélité
zoning haute fidélité
projet Kenwood Cooking
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning fiche article
zoning fiche article
projet IRP auto
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning web
zoning web
projet Ladurée
réalisé par Julien MUCKENSTURM • IAFACTORY
principe de zoning
principe de zoning
projet Le monde
réalisé par Julien MUCKENSTURM • IAFACTORY
conception des zoning
conception des zoning
projet Conforama
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning et formulaire
zoning et formulaire
projet Samse
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning et spécifications
zoning et spécifications
projet Décathlon
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning site internet
zoning site internet
projet Gdf home performance
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning espace client
zoning espace client
projet Erdf espace client
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning de site web
zoning de site web
projet Université de Poitiers
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning
zoning
projet Université de Poitiers
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning et webdesign
zoning et webdesign
projet Université de Poitiers
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning et wireframing
zoning et wireframing
projet GMF
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning et grille modulaire
zoning et grille modulaire
projet intranet L'Oréal
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning
zoning
projet Malakoff
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning général
zoning général
projet Sanofi
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning et grid system
zoning et grid system
projet intranet Altran
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning aide au choix
zoning aide au choix
projet Supra
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning site ecommerce
zoning site ecommerce
projet Surcouf
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning de l'écran
zoning de l'écran
projet Air Liquide
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning interface de dessin
zoning interface de dessin
projet Amor pour hommes
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning web
zoning web
projet Natura
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning site web
zoning site web
projet Carrefour
réalisé par Julien MUCKENSTURM • IAFACTORY
zones de l'écran
zones de l'écran
projet Carrefour
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning responsive design
zoning responsive design
projet Cdiscount
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning ecommerce
zoning ecommerce
projet Cdiscount
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning tunnel d'achat
zoning tunnel d'achat
projet Cdiscount tunnel d'achat
réalisé par Julien MUCKENSTURM • IAFACTORY
zoning conception adaptative
zoning conception adaptative
projet Cdiscount checkout responsive
réalisé par Julien MUCKENSTURM • IAFACTORY
+ de cartographies

Technique de zoningtechniques de zoning

CONCEPTION D'INTERFACE

définition de l'interface

Définition des principes d'interface, identification des contraintes et priorisation des informations.
définition de l'interface
CONCEPTION D'INTERFACE

conception du zoning

Clarification de la structure du site, des modèles de gabarits et des fonctions attribuées aux zones.
zoning
CONCEPTION D'INTERFACE

design de navigation

Conception du menu de navigation et valorisation des principaux parcours d'utilisation.
design du menu de navigation
CONCEPTION D'INTERFACE

wireframing ux design

Esquisse d'interface utilisateur, projection des contenus et fonctionnalités à l'écran.
wireframing
CONCEPTION D'INTERFACE

prototype fonctionnel

Storyboard des écrans : approche scénarisée de l'enchainement des écrans illustrant un parcours.
scenario prototypage
CONCEPTION D'INTERFACE

scenario interactif

Ecriture et scénarisation de films interactifs, séquençage d'animations interactives.
scenario de film interactif
Autres galerie UX design
GALERIE UX DESIGN

wireframe et mockup

Des exemples de wireframes pour vous aider à construire vos grilles d'interface utilisateur.
wireframing
GALERIE UX DESIGN

sketch ui design

Jetez un oeil aux travaux de sketching et d'esquisse de conception d'interface.
sketch ui design
GALERIE UX DESIGN

conception ui design

Galerie de design d'interface utilisateur et de travaux de conception.
conception ui design