Dans le processus de création d’un site internet, comme dans toute gestion de  projet, il est nécessaire de répertorier les exigences et d’établir un cahier des charges détaillé. Cette démarche permet de dresser un liste exhaustive des fonctions que devra remplir le site, mais également des contraintes et désirs du client. Une fois ce document validé, vous pourrez mettre les mains dans le cambouis et débuter la conception du site.

Deux situations peuvent se présenter à vous:

• Le client vous propose un cahier des charges : vous n’avez qu’à l’affiner avec lui
• Le client s’en remet à votre expertise. Il vous faut cerner son besoin en conduisant une analyse de besoin.

Il vous faut en effet expliquer à votre client selon son niveau de connaissance tout le bénéfice que le site peut lui apporter, préciser certains point techniques, lui parler de référencement, de visibilité afin de pouvoir définir les objectifs de son site, son positionnement etc.

Pour ce faire, il est bon de poser un certain nombre de questions à votre  client en première approche,. Je préfère conduire ce questionnaire en face à face, car les échanges sont évidemment  facilités.

Mais il est parfois profitable de transmettre votre questionnaire au client en préambule, soit pour qu’il le complète, soit tout simplement pour qu’il prenne conscience de l’étendue des questions que peut soulever son site.

Ce questionnaire devra être adapté selon le type de client et le genre de site qu’il envisage( blog, site plaquette, e-commerce), mais la démarche reste la même. Le but étant d’embrasser le projet dans son ensemble mais de manière succincte afin que vous puissiez élaborer le cahier des charges avec le client. Si le domaine professionnel de votre client vous est inconnu, il vous faudra absolument vous documenter et le questionner afin de connaître son métier et ses produits ou services.

Questionnaire d’avant Projet de site web

-        Pour quelle raison voudriez vous un site web (ou rafraichir un site existant)?

-        Dans l’avenir, que va-t-il  vous arriver si vous n’ avez pas de site ?

-        Décrivez-vous (votre société/organisation) en quelques phrases

-        Du point de vue de vos client, qu’est ce qui vous démarque et vous rends particulier

-        Quels problèmes ou besoins ont vos prospects et que vous pouvez résoudre ou satisfaire ?

-        Comment votre expérience pourrait elle aider vos clients et vous démarquer de la concurrence

-        Pourquoi croyez-vous que les visiteurs de votre site travailleront avec vous plutôt qu’avec vos concurrents.

-        Avez-vous un slogan qui décrit clairement le bénéfice que vous offrez a vos clients.

-        Décrivez vos prospects. (Revenus, intérêts, sexe, éventuellement type de société)

-        Quel est votre budget pour ce projet

-        Qui sera en charge du site dans votre société

-        Quel est la date souhaitée (au plus tard) de mise en ligne du site

-        Listez 3 sites que vous appréciez. En quoi les trouvez-vous plaisants ?

-        En regard de vos concurrents (sur le web) avez-vous une idée de ce que vous souhaitez dans votre site ?

-        Qu’est ce que vous ne voulez surtout pas dans votre site ?*

-        D’où provient le contenu du site (texte et médias). Qui sera responsable de sa mise à jour.

-        Avez-vous un logo ?

-        Prévoyez-vous de vendre en ligne ? Si tel est le cas, de quel produit  ou service s’agit il et combien d’articles souhaitez vous vendre ?

-        Sur quels mots clés cibles (google et autres moteurs) voudriez vous que votre site soit le mieux  référencé ?

-        Quelle stratégie allez-vous utiliser pour faire connaitre votre site ?

-        Comment allez-vous encourager les visiteurs à revenir sur votre site ?

Ce questionnaire permet de préciser les questions les plus importantes pour votre client. A partir de là, vous allez pouvoir plancher et rédiger un plan projet, c’est à dire le document qui permettra au client de connaître votre démarche, la durée du projet, les intervenants etc.

Le questionnaire vous est proposé en téléchargement :questionnaire-projet-web

La quantité de fichiers et dossiers stockés sur les disques durs de nos ordinateurs devient rapidement impressionnante, et dans un contexte professionnel il devient difficile de localiser rapidement l’information nécessaire en ordonnant ses fichiers de manière rationnelle.  Le désordre étant un ennemi de la productivité, nous vous livrons une méthode d’organisation efficace
Notre méthode est une variation de celle décrite dans le livre de Gina Trapani « upgrade your life ».

Nous l’utilisons sous Windows Vista, mais ça marche aussi sous Linux et Mac OS X.

Organiser Mes Documents-Principes de Base

Le principe est de limiter le nombre de dossiers dès la racine, car on sait que notre petit cerveau ne peut mémoriser que 6 à 9 éléments.

Dans Documents (ou Mes Documents selon votre version de Windows), placez uniquement ces 7 dossiers : BAK, WRK, DOC, TMP, MEDIA, SCRIPTS, CODE.

1- BAK : le dossier de sauvegardes qui pourra contenir les backups important (carnets d’adresse, sauvegarde de site etc.)
Sauvegardez régulièrement vos données, mettez en place des scripts de dump des bases de données de vos sites. En cas d’attaque, vous devriez être capable de restaurer un site web en moins de trente minutes.
Un de mes amis a passé un un week end complet pour réparer les farces d’un hacker et remettre son site en ligne et ça ne l’a pas fait rire! Avec une procédure simple, il est aujourd’hui capable d’opérer un effacement complet et une restauration de son site en moins d’une demi heure.
Placez dans ce dossier vos marques pages, vos infos de contacts, une copie de votre fichier client (la plupart des logiciels de facturation devis et CRM permettent une sauvegarde complète).
Copiez y également votre correspondance : le crash de Gmail de février 2009 a donné quelques sueurs froides à des millions d’utilisateurs dont pas mal
de professionnels qui faisaient une confiance aveugle à leur webmail favori.

2 – WRK : pour tout ce qui concerne votre activité professionelle
C’est le répertoire dont la structure doit être la plus rationelle car elle conditionne votre efficacité professionnelle. j’y reviendrai plus bas.

3 – DOC : les eboook, la documentation, les capture de pages web, bref toute la documentation de référence à laquelle vous avez besoin d’accéder régulièrement.

4 – TMP : un dossier pour tous les fichiers que vous n’avez pas encore classés. C’est dans ce dossier que vous placez vos fichiers téléchargés par le navgateur afin de les classer ensuite.
5 – MEDIA : pour vos images, musique , clips et films.
Si votre ordinateur fait double emploi, personnel et professionnel, scindez le en deux sous repertoires: PRO et PERSO
Vous placerez dans PRO vos images acquises sur flickr, getty images, veer ou shutterstock, les vecteurs, vos photographies professionnelles et vos créations graphiques.

6- SCRIPTS: toutes les sources d’applications que vous utilisez régulièrement : les sources de CMS, les bibliothèques javascript, votre framework
PHP favori, ce qui vous évitera de les télécharger à chaque fois que vous en avez besoin.
7- CODE: Vous placerez dans ce dossier vos apllications en développement, au besoins classées en fonction des langages employés : PY pour python,ROR pour ruby on rails ,JS pour javascript ,C++, PHP etc.

Gérer Efficacement son Dossier de Travail

Revenons sur WRK.
On y trouve un nombre très limité de sous dossiers :
BLOG : le dossier relatif au blog de providenz, avec un dossier pour chaque post.
PERSO : je place ici mon travail personnel, les designs que je pourrai éventuellement présenter, des essais et des éléments que je pourrai réutiliser.
SOCIETE: remplacez par le nom commercial de votre activité, nous c’est providenz; vous placez là dedans les fichiers relatifs à votre activité, déclarations, correspondance et.
PRJ: un gros dossier; il contient les projets en cours, organisés tout simplement par nom de clients puis par le nom du projet sur ce modèle : WRK/PRJ/client/projet

WRK/PRJ/dupont/

WRK/PRJ/dupont/dupont.com

WRK/PRJ/dupont/logo

WRK/PRJ/dupont/newsletter

WRK/PRJ/dupont/ERP

WRK/PRJ/martin/etc.

Organiser ses projets de webdesign

Quand un projet est achevé et que la recette est effectuée, j’ajoute une T majuscule(pour terminé) en début de nom
Chaque projet est ensuite organisé en 6 dossiers: DESIGN, INPUT, CONTENU,ADM,BIZ,PLAN

DESIGN: comme son nom l’indique, les créations du graphiste?

INPUT: expression de besoin, cahier desc charges, eventuellments textes et images fournis par le client

CONTENU: les textes, photos, etc que vous aurez collectés et rédigés

LIVRABLES: Chartes graphique, brief creatif,plan projet,templates, etude de marché et de la concurrence,wireframes,

SVN: le dossier subversion qui accueille le suivi de version du site (version de travail dans le htdoc de XAMPP)
(Subversion, comme git, mercurial et CVS est sun système de suivi de version qui permet le travail incrémental collaboratif sur un projet de développement et le suivi les modifications)
ADM: Les document d’administration du site.Code d’accès, ftp, mentions légales, CNIL, mode d’emploi et formation pour le client.
BIZ L’aspect business du projet: devis,facture,contrat.
PLAN La planification du projet et les indicateurs e pilotages : état d’avancement, validation par le client, recette etc.

Une Astuce pour gagner du Temps

Vos sous dossiers se remplissent rapidement, et il faut parfois scroller longtemps avant d’arriver sur votre dossier de travail courant.Un simple underscore devant un nom de dossier (e.g. _Dupont) permet de le faire remonter en tête de liste. Cette astuce provient de chez yongfook .

J’espère que ces quelques astuces vous aideront. Adaptez le en fonction de vos besoins et habitudes, l’essentiel étant de rester simple et structuré afin d’éviter le syndrome du fourre-tout peu propice à l’efficacité

Providenz mag est une tentative de de Providenz, une toute petite entreprise de création web du sud-est de la France .

Providenz ne dispose aujourd’hui que de peu de références et on ne compte pas vous embêter avec ça pour vous dire qu’on est les meilleurs.Notre force, c’est d’être passionnés par le web, ses technologies, ses méthodes de travail et surtout les hommes et femmes qui sont derrières les sites.

Les hommes et femmes qui font le web, écrivent des tutoriels, postent des screencasts, aident les débutants sur les forums et dispensent sans compter leur savoir et leur expérience à ceux qui en expriment besoin.

La communauté du webdesign est certainement la plus ouverte, partageuse et réactive que l’histoire ait connue. A notre tour, nous souhaitons devenir acteurs de cette communauté et vous faire partager ce que nous savons ou tout simplement ce qui nous plaît.

Dans les jours et les semaines qui viennent, nous publieront les petites ressources que nous avont publiés, des expositions de design sympa, des mémentos css, des aides mémoires de référencement, des brushes photoshop, des photos en creative commons, de l’argent liquide…

La durée de vie de ce blog sera conditionnée par vos commentaires. N’hésitez pas à nous dire ce que vous pensez des articles, critiquez nous au besoin, corrigez nos erreurs si on se plante, demandez nous ce que vous aimeriez lire, on tentera de vous faire plaisir. Vous pouvez également nous contacter directement, éventuellement proposer vos articles, soumettre un site (le votre). Bref, on est open.
Notre politique de modération des commentaires sera simple : tant que ce n’est pas insultant, incitatif à la haine et que ça ne dégénère pas en troll stérile, vous êtes libres.

Bonne lecture, revenez souvent.