Projet de site Web : les intervenants.

Un projet de conception de site Web bien géré compte sur l’expertise de plusieurs personnes : chaque intervenant est qualifié pour une tâche particulière.

Le gestionnaire de projet :

Cette personne vous rencontre pour en apprendre plus sur votre entreprise et sur votre projet de site Web. Elle cerne vos besoins et créée une soumission personnalisée. Elle vous écoute et vous propose des solutions qui s’adaptent bien à vos besoins.

Le graphiste :

Il créé un visuel selon les spécifications que vous et le gestionnaire de projet lui avez soumis. Il laisse donc aller sa créativité pour créer une ébauche unique qui représentera bien l’image de votre entreprise. Il pourra alors créer une maquette d’allure professionnelle, sobre, jeune, dynamique ou épurée selon vos besoins. Il utilise parfois les banques d’images, particulièrement pour les entreprises n’ayant pas les moyens de faire affaire avec un bon photographe.

Le photographe :

Selon vos directives ou ceux du chargé de projet, il se peut que votre site comporte des photos. Que ce soit des photos de vos équipements, de votre lieu de travail ou de vos employés, la touche artistique et professionnelle d’un bon photographe fait toute la différence. Elle donne un côté humain à votre entreprise.

L’intégrateur :

Lorsque le visuel est approuvé, c’est lui qui s’occupe de transférer cette image en page Web proprement dit. Il utilise le langage HTML et les CSS (feuille de style) pour assembler le visuel fourni par le graphiste. Il s’occupe de rendre votre page Web fonctionnelle sur les principaux navigateurs Internet.

Le programmeur Web :

Son travail consiste à programmer les différents modules de votre site Web. Il vise à mettre en place un code propre et de qualité et s’assure de la sécurité de votre site Web. Pour illustrer son travail, un formulaire sera conçu par le graphiste, intégré en HTML par l’intégrateur et ensuite, programmé par le programmeur. Sans lui, vous cliqueriez sur un formulaire qui ne ferait rien. Le programmeur s’assure de la qualité des informations. Par exemple, il vérifiera que les informations requises dans un formulaire ont bien été entrées avant d’envoyer celui-ci et que votre numéro de téléphone, par exemple, contient bien 9 chiffres. Il s’occupe aussi de mettre en place votre module de gestion pour vous permettre de mettre votre site Web à jour vous-même.

Le rédacteur :

Il concocte pour vous (au besoin) des textes pertinents, professionnels, percutants ou explicatifs qui seront intégrés à votre site Web. Ce contenu doit être intéressant et en général assez court; les internautes n’aimant pas lire de longs textes. Les textes ainsi rédigés seront révisé plus tard par le spécialiste en référencement pour s’assurer d’un bon impact vis-à-vis de l’indexation par les moteurs de recherche.

Le spécialiste en référencement :

Il s’occupe de vérifier le code et les textes de votre site Web pour en optimiser l’indexation par les moteurs de recherche (le plus connu étant Google). Il définira des titres, des mots clés et des descriptions pertinentes et soumettra votre site aux moteurs de recherches. Il fera le suivi par la suite pour s’assurer que votre site Web est facilement trouvable par vous et vos clients.

La rédaction web

Même si vous avez le plus beau site du monde, à la fine pointe de la technologie, aux couleurs hyper tendance et à l’ergonomie fantasmagorique, mais que vous avez un texte nébuleux et peu attrayant, vous risquez de passer à côté de votre objectif. Afin de mieux vous guider dans cette discipline ardue, voici quelques trucs pour faire éclore l’écrivain en vous :

La connaissance de votre public cible

Qui est votre clientèle? Des enfants? Des gens d’affaire? Des touristes? Le ton que vous utiliserez est primordial, voire crucial à votre réussite. On ne s’adresse pas de la même façon à un individu si on souhaite lui vendre des bonbons ou une Mercedes. Par exemple, si vous êtes une institution financière, un ton plus formel est de mise pour représenter votre sérieux, donner confiance et démontrer votre professionnalisme. Au contraire, si vous êtes une entreprise qui offre des services de fêtes pour enfants, un ton plus amical et joyeux vous rendra tout de suite plus sympathique et attrayant.

Le blabla un peu trop technique

Oui, vous êtes un brillant expert et tout le monde le sait. Mais faites attention à ne pas parsemer votre texte de jargon technique incompréhensible. Les grands mots savants intéressent rarement les gens qui sont sur le web. Personne n’a envie de lire votre site web avec un dictionnaire pour tenter de comprendre votre contenu. Le site du compétiteur deviendra tout à coup beaucoup plus attrayant. En un mot : vulgariser! Rendez votre contenu accessible à tous!

On fait ça court s.v.p!

Qui a le temps de lire un texte de la longueur d’une bible sur le web? Personne! Les internautes veulent du rapide. Soyez clair, net et précis. Allez droit au but et composez de petits paragraphes courts. Focusez sur vos points importants et vous en sortirez grand gagnant!

Les fameuses listes à puces

·         c’est beaucoup plus précis,

·         lisible,

·         et cela clarifie le contenu!

Les mots-clés 

Ha oui! Le référencement! C’est déjà un pas dans la bonne voie. Quand on parle de rédaction web, il est normal de mettre souvent les mots rédaction web dans son texte. Car mettre souvent les mots rédaction web vous aidera à mieux sortir dans les moteurs de recherche si quelqu’un recherche les mots : rédaction web. Mais attention de ne pas abuser! Car écrire trop souvent les mots rédaction web rend le texte lourd et moins intéressant à lire pour l’internaute.

Les vilaines fautes d’ortografe!

À moins d’être une sommité de la langue française ou que votre emploi consiste à rédiger Le Larousse, nous vous suggérons fortement de faire faire une relecture ou une correction par un professionnel. Une belle grosse faute de frappe ou une erreur d’orthographe disgracieuse pourrait faire fuir vos clients. C’est si simple et souvent peu onéreux. Pourquoi vouloir jouer avec le feu?

Parler de soi et de son entreprise est souvent ardu : nous ne savons pas par quel bout commencer et cela nous semble être une tâche insurmontable. Si la composition de texte pour votre site web vous semble inconcevable, n’hésitez pas à confier cette mission à des gens compétents. Il est très facile de trouver un service de rédaction professionnelle dans votre région. ProWeb offre ce service et nous serions très heureux de vous aider dans l’écriture de vos textes. N’hésitez pas à nous faire part de vos projets, il nous fera toujours plaisir d’être l’artisan de votre réussite.

Qu’est-ce que le design émotionnel?

Design émotionnel = communiquer une émotion!

Le but premier d’un site web est tout d’abord de transmettre de l’information. Un site web doit être fonctionnel, lisible et fiable. Sans ces trois mots clés, il ne fonctionnera pas de façon optimale voire pas du tout. Cependant, la technique ne fait pas tout, le design est aussi très important. Lors de sa visite sur un site web, l’internaute doit vivre une expérience! Le site web doit avoir sa propre personnalité et dégager un sentiment familier et agréable. Le design émotionnel sert donc à créer une proximité, de l’empathie voire même un lien d’amitié envers un site web.

Comment mettre du design émotionnel dans un site web?

Mettre de l’émotion dans un site web n’est pas une tâche insurmontable. Rendre un site agréable, original et amical passe souvent par les détails graphiques ou fonctionnels. Voici quelques exemples :

Une mascotte :

Mailchimp, Bitly, Twitter et bien d’autres utilisent une mascotte sympathique pour nous attendrir! Pensons encore plus loin, les mascottes sur les boîtes de céréale, l’ourson sur les pots de beurre d’arachide, le singe de Subway et les publicités avec des animaux mignons comme tout de Telus. Penser à Youpi, la mascotte des Expos ; l’équipe de baseball n’existe plus depuis belle lurette et pourtant, tout le monde connaît encore Youpi!  ProWeb utilise également une mascotte pour se représenter : un manchot. Avouez, il est impossible de ne pas aimer un manchot à cravate! ;)

Le contraste :

En jouant avec des contrastes, avec des formes ou bien des couleurs qui s’harmonisent bien, on crée alors un milieu unique et spécifique à notre marque. Par exemple, si je dis : Facebook, quelle couleur vous vient à l’esprit? Le bleu, n’est-ce-pas? Et si je dis McDonald’s? Ou encore Coca Cola?

Mettre de l’avant des personnes :

Mettre des photos de gens sur votre site web ou votre publicité rendra celle-ci beaucoup plus accessible, humaine et sympathique. Par exemple, notons le Monsieur Bell de Bell, Claude Meunier pour Pepsi, le célèbre « pop sac a vie so sec fi copain»  de Marie-Josée Taillefer âgée d’à peine 6 ans pour les Caisses populaires Desjardins ou encore les publicités de Chérios, Oréo et Évian qui utilisent l’image d’adorables enfants. Même Michelin, un constructeur de pneu automobile, a longtemps utilisé l’image d’un poupon faisant de beaux sourires à l’intérieur d’un pneu.

Le nombre d’or :

La beauté n'est pas toujours guidée par l’instinct. Il existe des règles mathématiques d'harmonies qui permettent de rendre un objet, ou une interface web, agréable à regarder.

L’originalité, la surprise et le glaçage du cupcake:

Un petit détail, un petit quelques chose qui fera sourire la personne qui regardera votre site web. Il existe tellement de manières possibles et imaginables pour attirer l’attention, il s’agit simplement de trouver la recette qui convient à votre marque ou à votre entreprise. En bon pâtissier, le designer web sera en mesure de bien vous guider et saura utiliser les bons ingrédients du design émotionnel à votre avantage afin de créer l’impact recherché.

Source : http://dofollow.bz/?post/2012/04/30/design-emotionnel

Démystifier le Web et le graphisme : les présuppositions.

Voilà plus de 10 ans que ProWeb réalise des mandats pour une clientèle diversifiée allant du néophyte à l’expert technologique. Voici donc une sélection de questions fréquentes ou de suppositions relatives à notre domaine.

1 : Une image vaut mille lignes de code : Puisque j’ai vu une image de mon site Web, celui-ci sera bientôt terminé.
À cette étape, le rôle du graphiste est terminé mais celui de l’intégrateur et du programmeur commence à peine. L’intégrateur doit découper l’image que vous avez vu pour l’intégrer dans un langage que les navigateurs (Internet Explorer, Chrome, Firefox, etc.) peuvent comprendre.
Par la suite, le programmeur doit coder pour que vos modules de gestions, vos formulaires et autres éléments gérables soient fonctionnels. Sans cette étape, votre superbe formulaire ne servirait absolument à rien!

2 : Un pour tous et tous pour un : Mon site Web fonctionne bien sur mon navigateur, il doit donc bien fonctionner partout!
Le navigateur interprète le langage HTML pour vous présenter le résultat : une page Web. Toutefois, il existe plusieurs navigateurs (Internet Explorer, Firefox, Google Chrome, etc.) et parfois même plusieurs versions (Internet Explorer 6, 7, 8, 9, 10) et chacun interprète le code à sa façon. Par conséquent, il faut s’assurer que votre site s’affiche uniformément sur le plus de navigateur possible et cela ne se fait malheureusement pas par magie!

3 J’ai eu une idée : Mon site Web est terminé, mais j’aurais 2 ou 3 petites modifications.
Une modification qui parait simple peut parfois être laborieuse alors qu’une modification qui parait laborieuse peut parfois se faire très rapidement. Par exemple, changer la couleur de tous les titres de mon site Web se fait très rapidement grâce aux CSS mais déplacer une image pourrait compromettre la structure même du site Web, ce qui reviendrait à refaire la structure en entier. Pour illustrer la situation, imaginez un mécanicien : si on lui demande de changer un essuie-glace, ce sera vite fait, par contre si on lui demande de déplacer le moteur à l’arrière du véhicule, ce ne sera pas la même histoire!

4 : Le coup de foudre : Quand je le verrai, je le saurai.
Lorsque vous voyez les ébauches pour la première fois, il se peut que vous ayez un coup de foudre, il se peut aussi que certaines ébauches vous plaisent ou que vous vouliez faire d’autres essais. Cela est tout à fait normal. Bien que certains chanceux auront un coup de foudre, à l’opposé, certains autres attendront le prince charmant, en se disant « Quand je le verrai, je saurai que c’est le bon!»  Dans ce dernier cas, le rôle du chargé de projet est de vous aider à cerner vos besoins et vos goûts. Soyez proactif : ne rester pas là à attendre le prince charmant les bras croisés.

5 : L’ornithorynque : Je vais montrer mon design à plusieurs personnes et je vous reviens.
Lorsque vous demandez l’opinion de plusieurs personnes, il arrive que vous vouliez tout combiner, faire plusieurs tests ou que vous vous mettiez à douter de ce dont vous étiez sûr au début. Il est normal de demander l’avis de certaines personnes, mais il ne faut pas oublier que tous les goûts sont dans la nature, il faut donc arriver à faire sa propre opinion.
Appelé «Design by commitee», ce processus où tout le monde met son grain de sel peut vous ralentir et même créer un monstre. L’un veut un bec, l’autre une queue aplatie, l’autre des palmes, bref, à la fin, vous vous retrouvez avec un ornithorynque! Et adieu l’uniformité. Et tous les goûts sont dans la nature.

6 : La cigale et la fourmi : Je veux que mon site soit prêt rapidement mais je vous fournirai le matériel vers la fin du projet.
Bien qu’il soit possible de mettre du texte et des images pour donner un aperçu du résultat en utilisant du texte factice (lorem ipsum) et des images de remplissage, l’aspect d’un site peut changer drastiquement lorsque les bons éléments sont intégrés. Si vous n’avez qu’une seule phrase pour la section Équipe et une seule photo, mais que le design a été conçu avec trois gros paragraphes et plusieurs photos individuelles, le visuel risque d’en souffrir. Il arrive aussi que les délais de mise en ligne ne soient pas respectés car vos textes sont essentiels à la mise en ligne.  Il y a un temps pour la cigale et un temps pour la fourmi!

Nouveau logo ProWeb

Le W orange est le point central du logo, le pivot! Celui qui dit tout : nous faisons du Web! À la droite siège fièrement le manchot, icône emblématique de la compagnie : élégant par la couleur de son smoking et travailleur par sa cravate. Son bec pointe le ciel, car l’ascension de notre entreprise est vouée à de haut sommet. Uniquement composé de courbe, le manchot apporte une touche de vitalité et de dynamisme, ce qui caractérise très bien ProWeb.

COULEUR :

Nous avons choisi la couleur gris anthracite car elle symbolise la force et le respect. Elle représente également que nous ne manquerons jamais de «matière grise» afin de répondre à vos besoins. L’orange quant à lui, évoque l’énergie. Nous sommes une équipe jeune et dynamique, prête à tout afin de relever de nouveaux défis.

TYPOGRAPHIE :

Fine et élégante, elle représente le style et le bon goût. Discrète, mais déterminée, elle attire le regard et sait démontrer avec justesse que nous sommes une entreprise d’expérience et que la qualité est une norme sans équivoque pour nous.

La psychologie des couleurs

Notre monde, notre vie, notre vision sont remplies de couleurs. Nous sommes constamment à la rencontre des couleurs. La création d'associations et d'impressions personnelles et culturelles fondées sur les différentes couleurs que nous voyons est innée. Notez que lorsque vous pensez à un objet, l'une des premières choses qui vous vient à l’esprit est sa couleur. Cela montre à quel point les couleurs sont présentes et bien ancrées dans la perception humaine.

Les couleurs ont une signification émotive. Souvent, le sens d’une couleur varie d’une personne à une autre, mais il y a des réactions courantes associées à chaque couleur. Si vous faites une enquête rapide entre amis ou collègues sur les couleurs qu'ils définissent comme «heureuse», vous obtiendrez des réponses très similaires la plupart du temps.

Nous avons fait cette enquête rapide au bureau et le jaune a été nommé à plusieurs reprises.  (Jaune = soleil = été = sourire = bonheur = joie = heureux)

Dans la conception web, la couleur est tout aussi importante que la structure de base et la navigation de votre site. Les couleurs peuvent être utilisées pour attirer l'attention, créer une ambiance ou inciter vos visiteurs à compléter des actions sur votre site. La couleur de votre logo, votre arrière-plan, les boutons et j’en passe, peuvent être pensées pour améliorer l'expérience de l’utilisateur,  créer un sentiment de familiarité et refléter l'essence de votre marque de manière efficace.

Voici un petit lexique des émotions les plus communes associés à chaque couleur:

• Brun = chaleur, confort
• Noir = puissance, sophistication
• Gris  = sobre, calme
• Bleu = loyauté, confiance
• Rouge = excitation,  passion
• Rose = jeunesse,  tendresse
• Violet = luxe, sagesse
• Orange = énergie, vivant
• Vert  = naturel, stabilité
• Blanc = pureté,  simplicité
• Jaune = bonheur,  joie

Source : http://www.wix.com/blog/2013/06/color-web-design/

Chronique : Navigateurs

Historique : 

De nos jours, plusieurs navigateurs web sont disponibles gratuitement sur le marché, mais il fut un temps où la compétition était beaucoup moins féroce.  Le navigateur Mosaic, sorti au début des années 90, est le premier navigateur qui se répand largement et qui permet une navigation stable et fonctionnelle sur le Web.  Vers le milieu des années 90, Netscape devient le navigateur le plus populaire et le fameux Internet Exploreur fait son entrée sur le marché.  

À partir de 1995, Netscape et Internet Explorer se  mène une chaude lutte pour avoir la plus grande part de marché, cependant Internet Exploreur étant installé de base sur les ordinateurs Windows, il prit petit à petit la part de marché de Netscape.  

Au début des années 2000, plus de 80% des gens utilisaient Internet Explorer et le navigateur était si populaire et bien ancré que Microsoft décida de stopper le développement comme il n'avait plus rien à craindre des compétiteurs.  Il faut attendre  5 ans pour que Microsoft décide de relancer le développement de son application web, mais pendant ce temps, certains concurrents avaient commencé à se positionner, par exemple Firefox qui était développé par des anciens employés de Netscape.  C'est ainsi que la guerre des navigateurs revint à l'ordre du jour vers le milieu des années 2000.  

En 2008, Google décida de se lancer lui aussi dans le marché en rendant disponible Google Chrome,  un navigateur épuré et plus rapide que ses prédécesseurs.  Ces trois navigateurs sont donc en compétition encore de nos jours et les statistiques recueillies ne s'entendent pas sur les pourcentages d'utilisation.  Elles s'entendent cependant pour dire qu'Internet Explorer est toujours le navigateur le plus utilisé et que, quoiqu'il perde du terrain au profit de Google Chrome, il devrait le rester pendant encore un bon moment. 

Mot de l'éditeur : 

ProWeb vous suggère toujours d'avoir les versions les plus à jour de votre navigateur pour éviter toutes sortes de problèmes de compatibilité.   

Voici une liste des navigateurs les plus à jours en date de la publication de cet article :

• Internet Explorer 10
• Google Chrome  Version 27.0.1453.116 m
• Firefox 22
• Safari 5