background preloader

Web - Création

Facebook Twitter

Creer une video. Code / Outil. 10 sites pour créer une infographie. Les infographies permettent de visualiser plus facilement un ensemble de données parfois complexe. Une image est parfois plus parlante qu’un long discours ! Elles permettent de comprendre en un coup d’œil les principaux enseignements d’une étude quantitative par exemple. Certains utilisent également ce type de visualisation pour présenter leurs compétences au sein d’un CV original. De nombreux services existent pour réaliser facilement une infographie : nous en avons sélectionné dix. Réaliser une infographie en ligne Infogr.am Une référence, puisque l’outil a déjà permis de créer plus de 340 000 infographies !

Piktochart Ici aussi, il s’agit d’une référence : plus de 100 000 comptes ont été créés sur le site, vous pouvez donc utiliser le service les yeux fermés ! Easel.ly Il s’agit d’un outil très facile à prendre en main, qui permet de réaliser une infographie facilement. Une infographie représentant l’activité sur les réseaux sociaux What About Me Visual.ly. WordPress et Référencement.

CSS. Libraries - The Open Source Discovery Service. Construire un fil d'Ariane efficace. Quitte à proposer un fil d’Ariane pour mieux se repérer dans le site, autant qu’il soit accessible, cohérent et efficace !

Construire un fil d'Ariane efficace

Le fil d’Ariane, ou « breadcrumb trail » en anglais [1], est une aide à la navigation qui permet de mieux se repérer dans le site. Il n’est pas indispensable et vient compléter la navigation principale, mais quitte à le proposer, autant qu’il soit accessible [2], cohérent et efficace, non ? Pour bien faire, il doit refléter l’architecture du site. Il est par conséquent indépendant du chemin emprunté par l’internaute, contrairement à ce que son nom indique.

Le fil d’Ariane d’emplacement [3] est statique et montre où la page se situe dans la hiérarchie du site web. Voyons maintenant comment le construire. Une simple succession de liens suffit Voici ce que l’on croise trop souvent en structure HTML de fil d’Ariane : Comment créer une arborescence de site web efficace. Ça y est, vous avez finalement décidé d'effectuer la refonte de votre site web.

Comment créer une arborescence de site web efficace

Peut-être avez-vous pris cette décision car votre site n'était plus esthétiquement aussi joli que les sites des concurrents. Toutefois, il demeure que la refonte de votre site web représente pour vous une opportunité non seulement de mettre à jour le côté visuel du site, mais surtout d'en améliorer la navigation et l'efficacité pour mieux répondre aux problématiques de vos visiteurs. Dans cet article, j'expliquerai comment créer une arborescence efficace pour un site web en détaillant les efforts à investir avant de créer une arborescence et aussi en présentant quelques erreurs courantes dans des menus principaux, à la fois au niveau de la stratégie et de l'utilisabilité.

Créer une arborescence de site web : de quoi s'agit-il? Avant de créer une arborescence efficace, il est important que vous soyez en mesure de répondre à plusieurs questions importantes : 1. 2. Du zoning au mockup, itinéraire d'une maquette web. Du zoning au mockup, itinéraire d’une maquette web, en passant par le moodboard, le wireframe, les style tiles et le prototype… Il n’est pas toujours évident de s’y retrouver dans le vocabulaire, nouveau et souvent anglophone, de la conception web.

Du zoning au mockup, itinéraire d'une maquette web

Nous sommes nombreux [**] à avoir déjà vécu une situation d’incompréhension à cause de ce vocabulaire. Les termes « zoning » et « mock-up », en particulier, ont des significations différentes selon les personnes [**] et prêtent au quiproquo, quand ils ne sont pas carrément considérés comme synonymes de « wireframe »… Pour mieux s’y retrouver, commençons par mettre les bons mots sur les choses. sketch / croquis La première chose que l’on fait, c’est de jeter des idées sur papier, sous la forme de croquis.Outils : papier et crayons, Sneakpeekit, InterfaceSketch Le sketch est trop peu utilisé : vous êtes peu nombreux à crayonner régulièrement et près de la moitié [**] à ne jamais faire de croquis ! Mind Mapping Software - Create Mind Maps online. Mind mapping pour la gestion de projet. Un bon management de projet = anticiper , être pro-actif, se projeter dans l’avenir, prévoir les problèmes à l ‘avance afin de les éviter ou les gérer à leur débutêtre souple et flexible durant les premières phases (le chef de projet doit avoir une autonomie/autorité suffisante pour prendre des décisions, il doit bénéficier d’une délégation d’autorité suffisante)Des solutions adaptées et systémiques (pas une seule catégorie de solution, ex pas seulement technique mais aussi juridique, RH, etc…).

Mind mapping pour la gestion de projet

Profil généraliste du responsable de projet avec un vision globale. 2 problématiques principales dans l’organisation d’un projet : Bien choisir ses mots clés pour le referencement de son site webCréation et Communication Globale. Le choix des mots clés est une étape décisif dans la conception d’un site internet, il va définir le choix de votre arborescence, l’architecture de vos pages et de vos contenus, leur rédaction ….

Bien choisir ses mots clés pour le referencement de son site webCréation et Communication Globale

Outils pour le referenceur - ameliorer votre referencement. De nombreux outils sont proposés gratuitement pour faciliter le travail du webmasters lorsqu’il cherche à optimiser son site web.

Outils pour le referenceur - ameliorer votre referencement

Je vous propose une liste non exhaustive de quelques-uns de ces outils gratuits que vous pouvez utiliser sans modération. Referencement web : la page google. Monter-son-projet-ecommerce.pdf. Créer les maquettes de son site web - La Fabrique du Net. La réalisation des maquettes est une étape déterminante dans la création d’un site internet.

Créer les maquettes de son site web - La Fabrique du Net

Pour que votre site web soit agréable, il faut naturellement soigner le design de l’interface graphique, mais surtout, pour que votre site internet soit efficace, il faut construire une mise en page intelligente et adaptée à vos objectifs et vos contenus. La réalisation des maquettes doit passer par plusieurs étapes, du design fonctionnel en noir et blanc, au design graphique intégrant votre identité et vos couleurs.

Dans cet article, nous allons vous donner toutes les clés pour réussir cette étape fondamentale dans tout projet de création de site web.