conseil en ergonomie numérique

Mockup, wireframe et exemples de maquette

icone ressource UX

Voici des exemples de mockup, wireframe et maquette de site web pour illustrer les travaux de conception d'interface (ui design : user interface design). Les techniques de wireframing et de maquettage visent à concevoir et préfigurer le fonctionnement du site internet. Plus de mock up dans la galerie ux design iafactory.

mockup site web luxe
mockup site web luxe
projet conception UI Paco Rabanne
2015 - réalisé par Julien MUCKENSTURM • IAFACTORY
Wireframe site de patisserie
wireframe site de patisserie
projet conception UI design Ladurée
2016 - réalisé par Julien MUCKENSTURM • IAFACTORY
Mockup exemple
mockup exemple
projet conception UI Citroen DS
2015 - réalisé par Julien MUCKENSTURM • IAFACTORY
mockup ecosystème web
mockup ecosystème web
projet conception UI Arkema
2014 - réalisé par Julien MUCKENSTURM • IAFACTORY
wireframe site web chocolatier
wireframe site web chocolatier
projet conception UI Valrhona
2016 - réalisé par Julien MUCKENSTURM • IAFACTORY
Wireframe exemple
wireframe exemple
projet conception UI Valeo
2016 - réalisé par Julien MUCKENSTURM • IAFACTORY
Blueprint espace client
blueprint espace client
projet conception UI design Chanel
2015 - réalisé par Julien MUCKENSTURM • IAFACTORY
Wireframe site prêt à porter
wireframe site prêt à porter
projet conception Zadig & Voltaire
2014 - réalisé par Julien MUCKENSTURM • IAFACTORY
Mock up exemple
mock up exemple
projet conception UI Valeo
2016 - réalisé par Julien MUCKENSTURM • IAFACTORY
maquette projet intranet
maquette projet intranet
projet conception UI intranet L'Oréal
2012 - réalisé par Julien MUCKENSTURM • IAFACTORY
wireframing site business
wireframing site business
projet conception Samse
2014 - réalisé par Julien MUCKENSTURM • IAFACTORY
wireframes
wireframes
projet conception Crédit agricole foot
2015 - réalisé par Julien MUCKENSTURM • IAFACTORY
mock up site internet
mock up site internet vélo
projet conception UI design Look Cycle
2015 - réalisé par Julien MUCKENSTURM • IAFACTORY
maquette fonctionnelle exemple
maquette fonctionnelle exemple
projet conception UI Sigfox
2016 - réalisé par Julien MUCKENSTURM • IAFACTORY
mockup logiciel
mockup logiciel
projet conception UI logiciel Tryba
2012 - réalisé par Julien MUCKENSTURM • IAFACTORY
Design de navigation
design de navigation
projet conception UI design Chanel
2015 - réalisé par Julien MUCKENSTURM • IAFACTORY
maquette site web
maquette site web
projet conception UI Cooking Chef
2016 - réalisé par Julien MUCKENSTURM • IAFACTORY
maquette web
maquette web corporate
projet conception UI Erdf
2012 - réalisé par Julien MUCKENSTURM • IAFACTORY
Wireframing configurateur auto
wireframing configurateur auto
projet conception UI Citroen DS
2015 - réalisé par Julien MUCKENSTURM • IAFACTORY
blueprint
blueprint
projet conception UI Air Liquide
2013 - réalisé par Julien MUCKENSTURM • IAFACTORY
Blueprint exemple
blueprint exemple
projet conception UI Valeo
2016 - réalisé par Julien MUCKENSTURM • IAFACTORY
exemple blueprint
exemple blueprint
projet conception UI Carrefour drive
2009 - réalisé par Julien MUCKENSTURM • IAFACTORY
wireframe portail éditorial
wireframe portail éditorial
projet conception UI The arpenters
2015 - réalisé par Julien MUCKENSTURM • IAFACTORY
wireframe site ecommerce
wireframe site ecommerce
projet conception UI Carrefour
2013 - réalisé par Julien MUCKENSTURM • IAFACTORY
wireframes site de drone
wireframes site de drone
projet conception UI Parrot
2016 - réalisé par Julien MUCKENSTURM • IAFACTORY
wireframe design
wireframe design
projet conception Ibis
2016 - réalisé par Julien MUCKENSTURM • IAFACTORY
mockup music
mockup projet de musique
projet conception UI Peugeot Music
2015 - réalisé par Julien MUCKENSTURM • IAFACTORY
wireframe intranet
wireframe intranet
projet conception intranet Altran
2015 - réalisé par Julien MUCKENSTURM • IAFACTORY
maquette logiciel
maquette logiciel
projet conception UI logiciel Tryba
2012 - réalisé par Julien MUCKENSTURM • IAFACTORY
mock up projet transactionnel
mock up projet transactionnel
projet conception UI Carglass
2015 - réalisé par Julien MUCKENSTURM • IAFACTORY
Wireframe espace client
wireframe espace client
projet conception UI design Chanel
2015 - réalisé par Julien MUCKENSTURM • IAFACTORY
Maquette fonctionnelle site de patisserie
maquette fonctionnelle site de patisserie
projet conception UI design Ladurée
2016 - réalisé par Julien MUCKENSTURM • IAFACTORY
mockup site web
mockup site web
projet conception UI Valrhona
2016 - réalisé par Julien MUCKENSTURM • IAFACTORY
blueprint site web vacances
blueprint site web vacances
projet conception Pierre & Vacances
2012 - réalisé par Julien MUCKENSTURM • IAFACTORY
maquette fonctionnelle
maquette fonctionnelle
projet conception UI site corporate Valeo
2012 - réalisé par Julien MUCKENSTURM • IAFACTORY
blueprint site internet
blueprint site internet
projet conception Urbact
2012 - réalisé par Julien MUCKENSTURM • IAFACTORY
Wireframe site web constructeur
wireframe site web constructeur
projet conception UI Citroen DS
2015 - réalisé par Julien MUCKENSTURM • IAFACTORY
maquette fonctionelle page d'accueil
maquette fonctionelle page d'accueil
projet conception UI Home and cook
2009 - réalisé par Julien MUCKENSTURM • IAFACTORY
mockup webservice
mockup webservice
projet conception The arpenters
2015 - réalisé par Julien MUCKENSTURM • IAFACTORY
mockup site ecommerce
mockup site ecommerce
projet conception Parrot
2016 - réalisé par Julien MUCKENSTURM • IAFACTORY
wireframing site designer
wireframing site designer
projet conception Giampiero Bodino
2016 - réalisé par Julien MUCKENSTURM • IAFACTORY
maquette site ecommerce
maquette site ecommerce
projet conception UI Carrefour
2009 - réalisé par Julien MUCKENSTURM • IAFACTORY
maquette fonctionnelle
maquette fonctionnelle
projet conception UI Sigfox
2016 - réalisé par Julien MUCKENSTURM • IAFACTORY
maquette site université
maquette site université
projet conception UI Université de Poitiers
2011 - réalisé par Julien MUCKENSTURM • IAFACTORY
mockup site web ecommerce
mockup site web ecommerce
projet conception UI Paco Rabanne
2015 - réalisé par Julien MUCKENSTURM • IAFACTORY
Mockup site de patisserie
mockup site de patisserie
projet conception UI design Ladurée
2016 - réalisé par Julien MUCKENSTURM • IAFACTORY
blueprint design
blueprint design
projet conception Valeo
2016 - réalisé par Julien MUCKENSTURM • IAFACTORY
mockup projet web
mockup projet web
projet conception UI Parrot
2016 - réalisé par Julien MUCKENSTURM • IAFACTORY
maquette design
maquette projet web
projet conception UI site corporate Valeo
2012 - réalisé par Julien MUCKENSTURM • IAFACTORY
mockup ecosystème web
mockup ecosystème web
projet conception UI Arkema
2014 - réalisé par Julien MUCKENSTURM • IAFACTORY
wireframe logiciel
wireframe logiciel
projet conception UI logiciel Tryba
2012 - réalisé par Julien MUCKENSTURM • IAFACTORY
maquette site intranet
maquette site intranet
projet conception UI intranet L'Oréal
2016 - réalisé par Julien MUCKENSTURM • IAFACTORY
maquette site institution publique
maquette site institution publique
projet conception UI Sécurité routière
2011 - réalisé par Julien MUCKENSTURM • IAFACTORY
+ de cartographies

Technique de wireframingtechniques de wireframing

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

zoning

Conception macro et galerie de zoning fonctionnel général d'interface utilisateur.
zoning
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