# data[].attributes.body
Votre projet de site internet ne peut se concevoir sans réflexion préalable.

Mettez vous dans la situation d'un concepteur de site web qui doit  connaitre parfaitement la structure  pour laquelle il va travailler.

A votre disposition sur ce mur des ressources qui vont vous permettre de conduire au mieux votre projet multimédia.

# data[].attributes.attachment_link.readable_text
Lire la suite pour pour connaître les étapes de la réalisation d'un plan de site web : Réaliser le plan de votre site web, c'est d'abord organiser les rubriques et pages de votre site, afin de faciliter la navigation aux internautes. Réaliser une arborescence et structurer toutes les informations sur votre site web pour présenter votre entreprise et valoriser votre activité sur le Net...
Lister tous les contenus de votre site :

Avant de réaliser votre site web, il est primordial de mettre en évidence l'ensemble des contenus qui pourraient renseigner et intéresser les internautes.

Organiser les contenus par catégories :

La meilleure organisation consiste à regrouper les informations afin de faciliter l'accessibilité et de simplifier la lecture.

Une méthode intéressante pour Regrouper les informations en fonction des critères choisis :

- Chronologique : calendrier d'une saison pour un club de danse.
- Alphabétique : listez les noms des artistes ou album pour un site de musique.
- Géographique : localisez des destinations de vacance pour le site de voyage.
- Utilisateur/tache : candidature et recruteur pour un site d'emplois (ex : Pôle Emploi)
- Utilisateur Cible : étudiants, chercheurs, entreprises, université...

Réaliser le plan du site :

Pour commencer le plan et la structure de votre site web, déterminer la nature du site : un site vitrine, un site marchand, un site de tourisme...
Puis planifier votre contenu en fonction de la globalité de vos produits et services puis définir la page d'accueil, le menu, la navigation, le footer...

Puis classer l'ensemble de votre contenu sous la rubrique : Catégories/Sous-catégories/Sujets, il est possible d'avoir une mise en page simplifiée

Une agence web vends différents types de services comme hébergement, référencement, relookage, tracking... Un certain moment, il devient important de séparer ou d'organiser ces différents types de services. Cette méthode peut s'appliquer également sur les sites marchands pour la vente de différentes familles de produits.

Les liens internes de chaque rubrique peuvent être planifiés afin de maximiser la prestation des "link juice" pour les sections les plus utiles de votre site web.
Les sites web sont construits autour des thèmes structurels, ces architectures fondamentales régissent l'interface de navigation du site Web. Deux structures essentielles peuvent être utilisées : Les structures Séquentielles :
Il existe différents thèmes de sites structurels :
Exemple disposition :
La façon la plus simple pour organiser l'information est de la placer sous forme d'une séquence. Ordre séquentiel peut être chronologique... Une série de sujets qui progressent logiquement du général au particulier, par exemple, dans laquelle l'utilisateur va progresser grâce à un ensemble fixe de page et les liens rendent le chemin de la navigation linéaire.
Exemple disposition : Les structures Hiérarchiques :
Il y a aussi une méthode séquentielle plus complexe, celle ci est organisée pour réaliser le plan, chaque page peut avoir des liens avec une ou plusieurs pages, cela peut renvoyer des informations sur d'autres sites web.
Deux structures hiérarchiques essentielles peuvent être utilisées :
Les structures Hiérarchiques permettent d'organiser les structures les plus complexes. Les sites web sont généralement organisés autour d'une même page d'accueil, celle ci est reliée aux autres rubriques et au menu des sous rubriques, ces structures hiérarchiques sont particulièrement adaptées à l'organisation d'un site web plus complexe.

- Structure hiérarchique à étoile

La forme étoile c'est la forme la plus simple, l'ensemble des pages se présentent autour de la page d'accueil. Le site est essentiellement une hiérarchie à un niveau. La navigation est un listing des pages, avec un lien pour la page d'accueil.

- Structure hiérarchique à plusieurs niveaux :

La plupart des sites web adoptent une structure à plusieurs niveaux (catégories/sous catégories/sous sous catégories...). Cet agencement des grandes catégories et sous-catégories a un avantage puissant pour l'organisation de site à fort contenu.

L'objectif de la structure web est d'imiter la pensée associative et la libre circulation des idées, souvent réalisé pour des utilisateurs expérimentés, afin qu'ils trouvent toute l'information dans un domaine bien précis...

Ce modèle d'organisation en liens est un moyen d'exploiter la puissance du web.

La structure associative avec schéma d'organisation reste souvent la plus pratique pour les internautes car il est toujours difficile de prédire les besoins et comment va naviguer l'internaute...

En Conclusion :

Bien choisir la structure de votre site web en fonction de votre contenu et de vos lecteurs, lister et organiser vos informations par catégories, réaliser un plan, choisir la structure la mieux appropriée...

En savoir plus sur les auteurs de cette étude : Patrick J. Lynch et Sarah Horton

Gros plan sur la page d'accueil !

La charte graphique d'un site Web

# data[].attributes.attachment_link.title
Comment réaliser le plan de votre site web ?

# data[].attributes.attachment_link.description
Lire la suite pour pour connaître les étapes de la réalisation d'un plan de site web : Réaliser le plan de votre site web, c'est d'abord organiser les rubriques et pages de votre site, afin de faciliter la navigation aux internautes.

# data[].attributes.headline
Créer une arborescence web : l’exemple du camping du Marais Neuf

# data[].attributes.subject
Créer une arborescence web : l’exemple du camping du Marais Neuf

# data[].attributes.attachment_link.readable_text
Nous utilisons des cookies pour vous garantir la meilleure expérience sur notre site. Si vous continuez à utiliser ce dernier, nous considérerons que vous acceptez l'utilisation des cookies. Ok En savoir plus

# data[].attributes.attachment_link.title
Créer l'aborescence d'un site : l'exemple d'un camping

# data[].attributes.attachment_link.description
Nous utilisons des cookies pour vous garantir la meilleure expérience sur notre site. Si vous continuez à utiliser ce dernier, nous considérerons que vous acceptez l'utilisation des cookies. Ok En savoir plus

# data[].attributes.body
La base d'un projet réussi

# data[].attributes.attachment_link.readable_text
C'est le document fondateur de tout projet internet conçu dans les règles de l'art. Pourtant nombreux sont les cahiers des charges web où l'arborescence est confuse voire inexistante. L'arborescence web est la simple retranscription " au propre " des différentes pages et sections d'un site internet.

Quelle forme prend-elle ? Jusqu'à quel niveau de détails faut-il rentrer ? A quelle étape du projet doit-on la concevoir ?

Rappelons qu'un site internet est composé de plusieurs pages et contenus qui peuvent être de natures différentes : liste d'actualités, un forum de discussion, une page contact, un extranet, etc.
L'arborescence permet d'organiser ce contenu de manière logique et hiérarchisée.

Arborescence vs navigation

Attention à ne pas confondre la navigation du site avec son arborescence même si ces deux notions sont très proches.

Effectivement à l'heure où les sites sont de plus en plus maillés et interactifs, on accède de multiples manières à un même contenu. Par exemple, la page d'accueil d'un site peut accueillir une grosse animation flash qui met en avant certaines parties, également accessibles par le menu principal, mais aussi par des modules annexes dans d'autres sections du site.

La problématique de navigation intervient d'ailleurs après l'arborescence du site web, puisqu'elle est étroitement liée à son ergonomie et à son design.

L'arborescence traite donc théoriquement seulement de la manière dont les pages sont organisées. Si on devait faire l'analogie avec des documents papier, cela reviendrait à déterminer la quantité et les noms de classeurs, dans lesquels on subdiviserait les documents avec des intercalaires.

Comment représenter les informations ?

Généralement l'élément central d'une arborescence est la page d'accueil. Un exemple valant mieux qu'un long discours :

On retrouve donc la totalité des contenus, et on remarque qu'il est inutile de lister toutes les pages de types similaires. Le but reste que tout le monde puisse comprendre le principe d'organisation : les webdesigners, les développeurs, etc

De même il est possible - sans surcharger le document - d'annoter certains des éléments ou encore, par exemple, de griser les pages seulement accessibles via une identification par mot de passe, le tout accompagné d'une légende si possible !

Quel logiciel pour créer une arborescence de site web esthétique et compréhensible ?

Il est évidemment possible d'utiliser Powerpoint pour dessiner son arborescence. L'inconvénient principal réside dans l'impossibilité de bien connecter chaque élément comme on le souhaiterait, d'ajouter des nouvelles catégories sans être obligé de tout déplacer, etc.. Powerpoint n'a pas été conçu pour cela.

Après avoir utilisé l'excellent Mindjet Manager, nous lui avons préféré son équivalent du monde Open Source : Xmind. Très intuitif, gratuit, multiplateforme (Windows, Mac OS X, Linux) et compatible avec Mindjet Manager : que demander de plus ?

Préparez vous à réaliser des arborescences web professionnelles en moins de 10mn car Xmind est vraiment très simple d'utilisation.

Seuls petits bémols : d'une part il est nécessaire de se créer un compte (gratuit) pour télécharger l'application, et d'autre part il n'y a pas de fonctionnalité directe d'exportation en PDF : heureusement PDF Creator vient palier à ce problème mineur.

Ne sous-estimez jamais l'importance de passer du temps en début d'un projet de site internet sur son arborescence. Si celle-ci a bien été travaillée et qu'elle n'oublie aucun élément, alors les maquettes graphiques et le reste du projet auront un pilier solide sur lequel se reposer.

# data[].attributes.attachment_link.title
L'arborescence d'un site web la base d'un projet réussi

# data[].attributes.attachment_link.description
C'est le document fondateur de tout projet internet conçu dans les règles de l'art. Pourtant nombreux sont les cahiers des charges web où l'arborescence est confuse voire inexistante. L'arborescence web est la simple retranscription " au propre " des différentes pages et sections d'un site internet. Quelle forme prend-elle ?

# data[].attributes.attachment_link.readable_text
"
Il est important pour nous de saisir tous les enjeux stratégiques du futur site internet. Le conseil en projet web permet ainsi de le penser dans sa globalité.

Une première réunion afin d'entrer en phase projet

Une première réunion nous permettra d'entrer dans le vif du sujet et de vous questionner sur votre vision du projet : objectifs, cibles, environnement et marché...

Benchmark technique et ergonomique

Le Benchmark ou veille concurrentielle est une étape clé du conseil en projet web. Elle consiste à analyser les pratiques web des sites " concurrents " :

Bonnes pratiques techniques et ergonomiques

Prise en compte de la ou des cible(s)

Lacunes ou bien erreurs à ne surtout pas reproduire

Il s'agit de dresser un panorama de l'offre existante ainsi que du besoin à satisfaire. Nous pourrons ainsi mettre en place un site ayant une plus-value pour les futurs visiteurs.

Structuration de l'information : notions ergonomiques

Si votre site web n'est pas bien organisé et que l'internaute ne trouve pas ce qu'il veut, il suppose donc que l'information n'existe pas. l'internaute risque alors d'abandonner sa recherche et de se tourner vers un autre site.
C'est le constat que l'on peut faire dès lors que l'équipe projet ignore les principes ergonomiques. Les trois piliers de l'ergonomie web reposent sur :

l'utilisabilité (navigation intuitive)

l'utilité (pertinence des fonctionnalités proposées)

le design (étapes de visualisation, appartenance sectorielle)

Les arborescences : des pages bien rangées, bien nommées

Structurer l'information s'effectue en général en 5 étapes :

1. Rechercher puis rassembler tous les contenus d'un site web

2. Classer les contenus par catégories

3. Structurer l'information et nommer : les libellés de rubriques sont essentiels, ils doivent donner une idée précise du contenu qui se trouve derrière (prédictibilité)

4. Réaliser un schéma de site (arborescence)

5. Tester l'arborescence sur une personne extérieure au groupe de travail afin de vérifier la pertinence et l'intuitivité des libellés.

En communication web, toutes les informations ne peuvent pas être traitées au même niveau hiérarchique. Il convient donc de valoriser celles qui comptent le plus pour l'internaute.
Les zonings pour hiérarchiser vos contenus

Le zoning est une technique simple. Il consiste à représenter une page web à l'aide de boites symbolisant les grandes fonctionnalités, ainsi que les zones principales de contenu.

L'encombrement spatial est matérialisé par la forme des boites, l'importance hiérarchique par une valeur de gris par exemple. Ce travail se concrétise alors par l'établissement d'un livrable qui servira de document de discussion pour correction puis validation.

Les wireframes pour préciser les contenus ainsi que leur interactivité

Une fois que l'organisation générale a été validée à l'aide du zoning, le wireframe va permettre de préciser les contenus et leur présentation.

On réfléchit donc sur les aspects fonctionnels et ergonomiques des éléments : texte, éléments de navigation, formulaires, listes, images. En aucun cas les aspects purement graphiques ne doivent être abordés lors de cette étape.
Une réflexion approfondie doit être ensuite entamée sur le vocabulaire des rubriques, des titres, des liens, des libellés de bouton, des champs de formulaire, des messages d'erreurs...
Le brief créatif pour définir le webdesign

Le brief créatif est un document qui est souvent rédigé à la suite d'une réunion de conseil en projet web. Il précise la stratégie créative afin de répondre à une problématique ou mener une campagne de communication.

A la suite du brief créatif, l'agence a toutes les cartes en main pour commencer véritablement lacréation du site internet. Les webdesigns seront les premiers livrables graphiques du projet web. Ils rendent alors fidèlement l'aspect visuel et esthétique des futures pages.

# data[].attributes.attachment_link.title
Conseil en projet web et ergonomie : bien penser son site internet

# data[].attributes.attachment_link.description
" Il est important pour nous de saisir tous les enjeux stratégiques du futur site internet. Le conseil en projet web permet ainsi de le penser dans sa globalité. Une première réunion nous permettra d'entrer dans le vif du sujet et de vous questionner sur votre vision du projet : objectifs, cibles, environnement et marché...

# data[].attributes.attachment_link.description
This page has either been moved, deleted, or doesn’t exist. Head back to our home page and try again!

# data[].attributes.attachment_link.readable_text
Sur 100 internautes qui visitent votre site, seuls 2 se verront convertis en clients. Comment gérer ces 98 % de visiteurs a priori perdus ? En captant mieux leur attention... Et cela dès votre landing page qui est la première impression que votre site laisse à l'internaute. Le recours à une landing page optimisée peut augmenter vos conversions de 300%. Soigner votre landing page doit donc devenir votre priorité ! Pour cela une infographie (ci-dessous) proposée par Raffles Media vous livre 7 ingrédients pour une landing page réussie...

Vos visiteurs vous coûtent de l'argent : email marketing, affiliation, publicités, réseaux sociaux, adwords... Pour les attirer sur votre site, vous déployez de nombreuses stratégies complémentaires. Pourtant, 98% des visiteurs n'achèteront pas sur votre site ! Brutale comme affirmation ? C'est pourtant la triste réalité : seuls 2% des visiteurs de votre site e-commerce se verront convertis en clients. Il n'est pas étonnant d'apprendre que seulement 22% des entreprises sont satisfaites de leur taux de conversion. Or, le recours à une page d'atterrissage efficace peut augmenter vos conversions de 300%. La simple optimisation de vos landing pages aura un impact majeur sur votre rentabilité. En effet une landing page optimisée peut augmenter votre ROI de plus de 291% et vos prospects de plus de 144%.

Landing page : 7 conseils à suivre

Soignez votre landing page doit donc devenir votre priorité ! Pour cela voici 7 ingrédients pour une landing page réussie :

#1 Trouvez un titre puissant et cohérent pour votre landing page

Tout commence avec un bon titre ! En moyenne, 8 personnes sur 10 liront votre titre, mais seulement 2 personnes sur 10 liront le reste ... Incitez donc vos visiteurs à lire le contenu de votre landing page. Si vous voulez atteindre des taux de conversion élevés, il est essentielde trouver un titre cohérent qui va de pair avec votre landing page.

#2 Inspirez confiance

Aujourd'hui, vous n'avez plus le choix, vous devez créer une relation de confiance avec vos internautes et cela passe par leur prouver que votre landing page n'est pas seulement une publicité. Montrez-leur des avis d'internautes, des témoignages, des citations, des vidéos ou même des commentaires dans les réseaux sociaux ! L'utilisation de vidéos sur votre landing page peut augmenter vos conversions de 86%...

#3 N'en dîtes pas trop !

Twitter est un outil génial car il force chacun à transmettre ses idées de façon concise.

Votre landing page aussi doit rester très concise et directe. Vous pourrez donner plus de détails plus tard une fois vos visiteurs convertis. Ne négligez pas le contenu de votre landing page : des changements minimes peuvent avoir de véritables impacts sur vos conversions ! Le changement d'un seul mot peut augmenter vos taux de conversions d'environ 20% !

#4 Utilisez un call-to-action direct, convaincant et valorisant

Votre call-to-action doit être direct, convaincant et présenter des avantages pour les internautes qui le suivent. Choisissez des mots vivants qui augmentent le capital sympathie de votre CTA, évitez les " soumettre ce formulaire " bien trop administratif ! Encore une fois de petits changements permettent d'optimiser vos conversions. En déplaçant simplement votre CTA au milieu de page vos conversions peuvent augmenter de 280%.

#5 Optimisez la page pour un chargement rapide et pour les mobiles

Il est primordial que votre landing page soit performante. Un site lent = Un taux de conversion très faible ! Chaque fois que votre visiteur attend 0,1 seconde sur votre site, votre chiffre d'affaire baisse de 1% !Par ailleurs, sur de nombreux sites le trafic mobile est proche de 50%, il faut donc aussi toujours tester que votre page soit optimisée sur les supports mobiles.

#6 Mesurez et optimisez les conversions avec un outil de Web Analytic

Il est essentiel de mesurer la façon dont les internautes interagissent et utilisent votre landing page. Google Analytics propose le suivi de vos objectifs. Les leçons tirées de variations de comportement même légères feront la différence entre une campagne moyenne et une campagne réussie!

#7 Faîtes simple

S'il faut que vous ne vous souveniez que d'un seul ingrédient pour une landing page réussie, alors il faut que ce soit celui-ci ! Créez des pages simples ! Il est sûrement tentant de répondre à chaque question et préoccupation que vos visiteurs pourraient avoir. Mais créez une page relativement simple, facile à comprendre et rapide à lire !

En bref...

L'utilisation de ces ingrédients va vous aider à optimiser votre trafic. Aucune landing page n'est parfaite mais il existe de nombreuses façons de les rendre plus efficaces et performantes afin d'améliorer votre taux de conversion ! En effet selon MarketingSherpa, 92% des Marketers pensent que l'optimisation d'une landing page est une stratégie marketing efficace.

Je vous laisse découvrir cette infographie en détails (source: Raffles Media) :

# data[].attributes.attachment_link.title
7 ingrédients pour une landing page réussie

# data[].attributes.attachment_link.description
Sur 100 internautes qui visitent votre site, seuls 2 se verront convertis en clients. Comment gérer ces 98 % de visiteurs a priori perdus ? En captant mieux leur attention... Et cela dès votre landing page qui est la première impression que votre site laisse à l'internaute.

# data[].attributes.attachment_link.keywords[].name
novius tendances internet web2.0 réseau sociaux facebook twitter mobile agence web lyon paris

# data[].attributes.attachment_link.description
Novius est une agence web créative et engagée. Elle conçoit les expériences et technologies digitales au service de votre croissance. Nos métiers : - Concept...

# data[].attributes.headline
C’est quoi un bon site web dans le tourisme ?

# data[].attributes.subject
C’est quoi un bon site web dans le tourisme ?

# data[].attributes.body
http://www.web-creatif.net/cest-quoi-un-bon-site-web-dans-le-tourisme/

# data[].attributes.attachment_link.readable_text
"
La question, simple dans sa formulation est bien plus complexe dans son application... Une conférence donnée à Sud Vendee tourisme permet de poser les jalons de la conception de site.

Le fil conducteur sera la méthode AIDA : technique utilisée dans la vente traditionnelle, elle décrit les 4 étapes de la relation produit / consommateur.

A comme Attention

Attirer l'attention du client sur le produit. Appliquée au web, cette étape concerne principalement la visibilité du site web : attirer l'attention de l'internaute grâce à un SEO optimisé et des requêtes qualifiées. Dans un contexte de plus en plus concurrentiel, le contenu doit être plus que jamais qualitatif, original... et mis à jour.

I comme intérêt

Susciter l'intérêt de la cible passera par les 2 piliers de l'ergonomie web :
- connaître les besoins du client et savoir y répondre - utilité
- proposer un site agréable à consulter, au minimum sans obstacle à la navigation - utilisabilité.
Nous pouvons nous appuyer sur les études du cabinet Guy Raffour et de Vendée Expansion pour connaître et comprendre les besoins, voire même désidératas, des touristes.

D comme désir

Que serait un site de vacances sans la partie rêve et séduction ? Indéniablement un site raté !
Visualisées, appréciées et mémorisées, les photos jouent un rôle central dans la décision finale du client. L'hébergeur doit leur apporter un soin tout particulier, et éviter les défauts les plus courants : trop sombre, prises à contre-jour, utilisation du flash en intérieur, mal cadrée, sujet mal défini...
Un prochain article reviendra en détails sur la méthode FACILE.

A comme action

L'internaute est mentalement prêt, je dirais même " mûr " pour la réservation. Le site le permet-il ? Les informations capitales sont elles bien présentes : tarifs, dispos, réservation en ligne, les infos de contact ?

Retrouvez l'intégralité de la conférence dans le diaporama Slideshare ci-dessous

# data[].attributes.attachment_link.title
Un bon site web dans le tourisme, c'est quoi?

# data[].attributes.attachment_link.description
" La question, simple dans sa formulation est bien plus complexe dans son application... Une conférence donnée à Sud Vendee tourisme permet de poser les jalons de la conception de site. Le fil conducteur sera la méthode AIDA : technique utilisée dans la vente traditionnelle, elle décrit les 4 étapes de la relation produit / consommateur.

# data[].attributes.headline
Comment améliorer la lisibilité d'une page Web

# data[].attributes.subject
Comment améliorer la lisibilité d'une page Web

# data[].attributes.attachment_link.readable_text
Avant de débuter la recherche des différents prestataires nécessaires à la création ou la refonte de votre site Internet, vous devez préparer le cahier des charges de votre site Internet afin de bien détailler vos besoins. Pour vous accompagner dans votre projet de création d'un site internet, découvrez notre modèle de cahier des charges ( exemple cahier des charges fonctionnel) pour vous accompagner dans la réalisation de votre projet avec des prestataires.

Un cahier des charges de site internet sera le document de référence entre les deux parties (vous et le prestataire) qui servira de contrat, dans la construction de votre projet et la réalisation de vos demandes en formalisant à la fois les objectifs à atteindre, les contraintes techniques, esthétiques et fonctionnelles de votre projet.

Ce modèle au format word (.docx) est conçu pour être facilement éditable, et simplifier la mise en relation avec les prestataires spécialisés dans la création de site internet.

Nous vous conseillons d'être le plus précis possible dans la rédaction de ce document destiné à votre prestataire, car le cahier des charges sera le document de référence entre les deux parties (vous et le prestataire) qui servira de contrat, dans la construction de votre projet et la réalisation de vos demandes.

Un cahier des charges précis vous permettra également de comparer les freelances ou agences en se basant sur un travail identique. Cette étape vous permettra de gagner un temps précieux dans votre choix de devis.

Besoin d'un prestataire spécialisé dans la création de site internet ? Trouvez des freelances création de site web clé en main.

Pour compléter ce cahier des charges :

# data[].attributes.attachment_link.title
Télécharger le cahier des charges pour un site internet - Cahiers des charges

# data[].attributes.attachment_link.description
Avant de débuter la recherche des différents prestataires nécessaires à la création ou la refonte de votre site Internet, vous devez préparer le cahier des charges de votre site Internet afin de bien détailler vos besoins.

# data[].attributes.attachment_link.title
Cci bordeaux atelier cahier des charges le pilier de votre stratégie internet 18 09 2014

# data[].attributes.attachment_link.description
Support de l'atelier "cahier des charges le pilier de votre stratégie internet" organisé et animé par le Pôle Numérique de la CCI de Bordeaux le 18 septembre 2...