Kit conception UI design wireframes à télécharger

Une formule avantageuse :)

Tous les modèles de wireframes IAFACTORY proposés sur ce site dans un méga-pack pour un prix super avantageux. 
La formule idéale pour concevoir tout type d'interface !

Gains de productivité et simplicité d'utilisation 

Un framework de conception incontournable, puissant et simple à prendre en main pour concevoir vos projets digitaux !
13 fichiers maitres contenant tous les modèles pour concevoir et documenter votre projet digital en format paysage ou en format portrait.
Ce pack contient 13 fichiers clés en main. Vous allez gagnez beaucoup de temps :)...
Et pas de panique, ultra facile à utiliser !!!

Plus de 160 exemples et modèles de wireframes pour vos projets !

Ce pack contient plus de 160 modèles de wireframes pré-réalisés :)...
Plusieurs fichiers de wireframing prêts à être édités pour concevoir tout les types de dispositifs digitaux.
Ces documents proposent un environnement général de conception et une trame de wireframing à compléter selon les exigences de votre projet.
Ce pack contient tous les wireframes vendus séparément sur le site IAFACTORY.
Voici tous les fichiers optimisés au format portrait livrés dans ce pack (le détail des modèles figure en bas de page et chacun des liens ci-dessous pointent vers le détail de chacun de ces produits vendus individuellement) :

• wireframe processus de commande responsive
• wireframe processus de commande mobile
• wireframe site ecommerce responsive
• wireframe site ecommerce mobile
• wireframe site éditorial desktop
• wireframe site éditorial mobile
• wireframe application mobile
• wireframe espace client responsive
• wireframe site business responsive
• grille de wireframing desktop et mobile
• grille de wireframing responsive 5 breakpoints

En complément figure 2 fichiers optimisés au format paysage livrés dans ce pack (le détail des modèles figure en bas de page et les liens ci-dessous pointent vers le détail de ces produits vendus individuellement) :

• zoning et interface : 5 modèles de pre-conception
• grille de conception paysage : 16 modèles de grille (desktop, responsive, mobile, spécifications...)
• médiathèque de composants d'interface

Vous bénéficierez donc de 2 formats de documents pour la conception de vos projets :

• Format paysage : des modèles précis avec possibilités de saisir des spécifications
• Format portrait : des modèles dédiés plein écran à la conception des wireframes

Ces wireframes sont 100 % adaptables à vos projets

Les modèles de wireframes proposés dans ces documents de conception balisent les écrans structurants de différents type de dispositifs digitaux. Il s’agit d'exemples qu’il convient naturellement d’adapter aux spécificités de vos projets, notamment pour le détail des fonctionnalités et des contenus. Chaque document propose une ergonomie et une mise en scène avec des comportements d'interface prédéfinis. Vous pouvez réutiliser ces formes pour concevoir de nouveaux gabarits et scénariser les dispositifs digitaux dont vous avez besoin ! 

Référentiel complet des wireframes fournis dans ce pack 

Ci-dessous figure tous les modèles de wireframes de ce pack.
Chaque catégorie fait l'objet d'un fichier spécifique.
Récapitulatif général des modèles :

Wireframes Processus de commande responsive - 35 modèles de wireframes sont intégrés. Format portrait.

Plusieurs modèles prêts à être édités pour concevoir un processus de commande adaptatif (responsive).
Chacune des grandes étapes du processus de commande est déclinée autour de 5 résolutions d'écrans pour illustrer la dimension adaptative et responsive (desktop, tablette paysage, tablette portrait, smartphone paysage, smartphone portrait). Avec plus de 35 modèles de wireframes, le document balise les étapes suivantes :

• Gabarit panier
• Gabarit connexion
• Gabarit adresse - mode client existant
• Gabarit adresse - mode nouveau client
• Gabarit livraison
• Gabarit paiement
• Gabarit confirmation

Wireframes Processus de commande mobile - 9 modèles de wireframes sont intégrés. Format portrait.

Plusieurs modèles prêts à être édités pour concevoir un processus de commande spécifique pour les terminaux mobiles (smartphone), que ce soit pour réaliser un processus de commande web mobile ou un processus de commande destiné à une application mobile. Chaque étape du processus de commande est déclinée autour de maquettes fonctionnelles afin d'illustrer le fonctionnement d'un processus de commande mobile. Avec 9 modèles de wireframes, vous aurez la possibilité d'adapter un processus de commande mobile aux spécificités de votre projet. Les wireframes balisent les étapes suivantes :

• étape 1 : connexion - mode client existant
• étape 1 : inscription - mode nouveau client
• étape 1 : informations de livraison - mode client existant
• étape 1 : informations de livraison - nouveau client
• étape 2 : livraison - choix du mode de livraison
• étape 2 : livraison - choix du mode de livraison - complément
• étape 3 : paiement - choix du mode de paiement 
• étape 3 : paiement - choix du mode de paiement- complément paiement CB
• étape 4 : confirmation

Wireframes Site ecommerce responsive - environ 20 modèles de wireframes sont intégrés. Format portrait.

Plusieurs modèles prêts à être édités pour concevoir un site ecommerce dans une logique adaptative (responsive). Ce document propose un environnement général de conception et une trame de wireframing à compléter selon les exigences de votre projet. Chacun des gabarits proposés est décliné autour de 2 résolutions d'écrans pour illustrer la dimension adaptative et responsive (desktop et smartphone). Avec plus d'une vingtaine de modèles de wireframes, le document s'organise autour de 3 chantiers :

• Catalogue - Pré-home - choix de langue ou opération commerciale
• Catalogue - Accueil site ecommerce
• Catalogue - Principes de navigation ecommerce
• Catalogue - Liste de produits catégorie
• Catalogue - Filtrer les produits
• Catalogue - Fiche produit
• Catalogue - Fiche look
• Catalogue - Panier

• Commande étape 1 - Connexion - mode client existant
• Commande étape 1 - Inscription - mode nouveau client
• Commande étape 2 - Adresse - mode client existant
• Commande étape 2 - Adresse - mode nouveau client
• Commande étape 2 - Livraison - choix mode de livraison
• Commande étape 2 - Livraison - choix mode de livraison - envoi
• Commande étape 2 - Livraison - choix mode de livraison - magasin
• Commande étape 2 - Livraison - choix mode de livraison - point relais
• Commande étape 3 - Paiement - choix mode de paiement
• Commande étape 3 - Paiement - choix mode de paiement- CB
• Commande étape 4 - Confirmation

• Espace client : tableau de bord
• Espace client : historique de commandes
• Espace client : wishlist

Wireframes Site ecommerce mobile - 20 modèles de wireframes sont intégrés. Format portrait.

Ces wireframes modélisent les gabarits structurants d’un dispositif digital e-commerce en version web mobile / application mobile.
Il s’agit d’un exemple destiné à vous faire gagner du temps en conception et il convient peut-être de l’adapter aux spécificités de votre projet, notamment pour ce qui concerne le détail des fonctionnalités. Dans cet exemple, IAFACTORY privilégie une interface sobre et une ergonomie simple pour un site ecommerce performant. Le document de conception couvre 3 univers du site ecommerce : le catalogue, le processus de commande et l'espace client. Plus de 20 modèles de wireframing mobile prêts à l'utilisation !

• catalogue - Accueil site ecommerce
• catalogue - Principes de navigation ecommerce + recherche
• catalogue - Univers produit catégorie N1
• catalogue - Liste de produits catégorie N2 - affichage liste
• catalogue - Liste de produits catégorie N2 - affichage mosaïque
• catalogue - Fiche produit + popin ajout panier
• catalogue - Panier
• commande étape 1 - Connexion - mode client existant
• commande étape 1 - Inscription - mode nouveau client
• commande étape 1 - Informations de livraison - mode client existant
• commande étape 1 - Informations de livraison - nouveau client
• commande étape 2 - Livraison - choix mode de livraison
• commande étape 2 - Livraison - choix mode de livraison - point relais
• commande étape 3 - Paiement - choix mode de paiement 
• commande étape 3 - Paiement - choix mode de paiement- CB
• commande étape 4 - Confirmation
• espace client : tableau de bord 
• espace client : messagerie
• espace client : infos personnelles
• espace client : historique de commandes
• espace client : détail d’une commande

Wireframes Site éditorial - 6 modèles de wireframes sont intégrés. Format portrait.

Les wireframes proposés dans ce document modélisent les écrans structurants d’un site corporate institutionnel. Il s’agit d’un exemple qu’il convient d’adapter aux spécificités de votre projet, notamment pour le détail des fonctionnalités et des contenus. Dans cet exemple, IAFACTORY privilégie un site corporate à vocation éditoriale.
Vous pouvez adapter ces modèles et éditer les informations en fonction des exigences de votre projet. Voici les modèles proposés : 

• accueil (zoning + wireframe détaillé)
• thématique N1 - exemple 1 (zoning + wireframe détaillé)
• thématique N1 - exemple 2
• thématique N1 - exemple 3 - traitement blog
• liste N2
• article N3

Wireframes Site éditorial mobile - 9 modèles de wireframes sont intégrés. Format portrait.

Ces wireframes reprennent les écrans structurants d’un dispositif digital mobile à vocation éditoriale. Ces wireframes proposent les modèles suivants :

• accueil site mobile éditorial
• principes de navigation mobile
• éditorial - Univers éditorial N1
• éditorial - Catégorie liste de contenus N2
• éditorial - Article N3 - texte
• éditorial - Article N3 - diaporama
• compte utilisateur - inscription
• compte utilisateur - profil
• compte utilisateur - favoris

Wireframes Site business responsive - 10 modèles de wireframes sont intégrés. Format portrait.

Ces wireframes modélisent les écrans structurants d’un dispositif digital vitrine pour une entreprise autour d'une logique adaptative. Le périmètre éditorial et fonctionnel couvre la mise en scène de l'entreprise, du catalogue produit avec liste du référentiel produit et fiche produit, des services, ainsi que des modalités de contact.  Ces wireframes proposent les modèles suivants :

• accueil site vitrine business
• catalogue - liste de produits
• catalogue - fiche produit
• page éditoriale - présentation entreprise
• contact

Wireframes Site espace client responsive - 20 modèles de wireframes sont intégrés. Format portrait.

Plusieurs modèles prêts à être édités pour concevoir un espace client dans une logique adaptative (responsive). Ce document propose un environnement général de conception et une trame de wireframing à compléter selon les exigences de votre projet. Chacun des gabarits proposés est décliné autour de 2 résolutions d'écrans pour illustrer la dimension adaptative et responsive (desktop et smartphone). Avec une vingtainte de modèles de wireframes, le document balise les étapes suivantes :

• principes de navigation
• connexion à l’espace client
• inscription à l’espace client
• tableau de bord de l’espace client
• historique des commandes
• liste de produits favoris
• suggestions de produits
• préférences de newsletter
• principes de tutoriel de bienvenue

Wireframes Application mobile travail collaboratif - 15 modèles de wireframes sont intégrés. Format portrait.

Ce document est une aide au travail de wireframing. Il contient des modèles d’interface pour vous aider à concevoir une application mobile autour du travail collaboratif, principalement la gestion de contacts, les fonctions d’agenda et les événements. Ces wireframes proposent une quinzaine de modèles clés en main dont :

• accueil
• principes de navigation
• fil d’actualités
• agenda des activités - vue des événements
• agenda des activités - vue quotidienne, hebdomadaire, mensuelle
• agenda des activités - ajouter un événement
• contact - carnet de contact
• contact - fiche contact
• contact - ajouter un contact
• contact - contact en ligne
• tâches - liste des tâches
• tâches - détail tâche

Wireframes Grille Desktop et Mobile vierge simplifiée - 2 modèles de wireframes sont intégrés. Format portrait.

• grille desktop
• grille mobile
• 1 exempe d'interface décliné

Wireframes Grille Responsive vierge simplifiée - 5 modèles de wireframes sont intégrés. Format portrait.

• grille desktop
• grille tablette paysage
• grille tablette portrait
• grille smartphone paysage
• grille smartphone portrait
• 1 exempe d'interface décliné

Wireframes grille de conception et de spécifications - 16 modèles de wireframes sont intégrés. Format paysage.

Plusieurs modèles de grille d'interface sont à votre disposition pour modéliser des wireframes dans un environnement desktop ou responsive multi écran (desktop, tablette, mobile). Les modèles sont balisés, il vous suffit de choisir une grille pour créer des wireframes 100% adaptés aux spécificités de vos projets en utilisant la bibliothèque de composants d'interface.  Edition simple et rapide avec un rendu sobre et élégant, optimisé pour l'impression et la lecture à l'écran.
Ce document contient 16 modèles au format paysage pour réaliser le travail de wireframing et modéliser les wireframes de votre projet digital :

• 3 grilles de wireframing pour sites web avec commentaires (18a  / 18b  / 18c)
• 2 supports pour les spécifications des gabarits et le design des modules spécifiques (18d  / 18e)
• la grille de storyboard « grid system » à coupler avec les éléments de la médiathèque (18f)
• 3 grilles de wireframing pour résolution full hd avec commentaires (18g / 18h / 18i)
• grille de wireframing libre sans commentaires (18j)
• 7 grilles de wireframing pour supports mobiles (18k / 18l / 18m / 18n / 18o / 18p)

+ mediatheque - 3 planches d'éléments sont intégrés :

• composants divers (révision de document, flèche)
• composants d'interface (onglet, bouton)
• composants d'interface (formulaires, champs)

Interface et zoning - 5 modèles sont intégrés. Format paysage.

5 modèles au format paysage pour modéliser le zoning d'interface de votre projet digital :

• 17a  le listing des exigences en matière d’accessibilité
• 17b  le listing des exigences en matière technique
• 17c  le listing des contraintes publicitaires
• 17d  la priorisation des principaux messages
• 17e  les règles d’interface avec zoning

A propos des fichiers de ce pack

• Compatible MAC et PC
• Vous disposez de 5 jours pour télécharger le document, 3 téléchargements maximum
• En cas de soucis avec votre fichier ou votre téléchargement, le support client est à votre disposition
• Poids du fichier : ce pack est livré au format .zip avec tous les fichiers 
• Format des fichiers : .PPTX (version PowerPoint 2007 et ultérieures)
• Format de mise en page : A3 paysage et A3 portrait
• Impression en A4 : paramètres d'impression de powerpoint et cocher "mettre à l'échelle de la feuille

A propos du téléchargement

• Téléchargement immédiat après paiement
• Le fichier est compressé au format .ZIP pour optimiser le poids et faciliter la récupération des éléments (notamment les différents fichiers) 
• Poids du fichier .ZIP pour votre téléchargement : 14,1 Mo
• Pour ouvrir un fichier ZIP : sélectionner le dossier .zip puis double cliquer dessus ou clic droit "extraire les fichiers"
• Vous n'avez pas d'outil pour ouvrir un fichier ZIP ? Téléchargez la version gratuite WINRAR

Ultra simple à éditer comme bonjour !

• Par défaut tous les modèles sont déjà insérés dans votre document
• Il "suffit" d'éditer directement les informations dans votre document pour personnaliser vos wireframes

Tous nos modèles sont évidemment  100% compatibles entre eux :)

• Ces modèles de livrable sont 100% compatibles
• Tous les modèles de livrable IAFACTORY reprennent une même charte graphique sobre et élégante pour un maximum de cohérence