Prendre le virage des technologies de l’information et des communications sans déraper 2e partie: Conception d’un projet web Présentation de Nathalie Caccamo 28 octobre 2009

ÉTAPES DE CONCEPTION D’UN PROJET WEB ÉTUDE DE FAISABILITÉ CRÉATION / INTÉGRATION APPROPRIATION ANALYSE DE LA COMMANDE ET DES COMMUNICATIONS DESIGN STRUCTUREL FORMATION DESIGN GRAPHIQUE MISES À JOUR ANALYSE DES BESOINS DÉVELOPPEMENT / INTÉGRATION COÛT DE MAINTENANCE ORGANISATION DU PROJET (cahier des charges) OUTILS D’ANALYSE

ÉTAPES ÉTUDE DE FAISABILITÉ ÉTUDE DE FAISABILITÉ CONCEPTION Analyse de la commande ÉTUDE DE FAISABILITÉ CONCEPTION APPROPRIATION ÉTUDE DE FAISABILITÉ ANALYSE DE LA COMMANDE Qui ? (présentation de l’organisme ou de l’entreprise) Quoi? (attentes et objectifs de l’organisme ou l’entreprise) Pour qui? (public(s) ciblé(s)) Pourquoi? (objectif général du site) Comment? (moyens en terme de budget, ressources humaines, temps) QUI? Qui est à l’origine du projet? Qui est le porteur du projet? QUOI? Pourquoi vouloir un site internet? Quelles sont nos attentes? Est-ce qu’on vend un type précis de services? (Vente, information, promotion, sensibilisation, éducation.) POUR QUI? Certains publics peuvent avoir un impact sur l’approche lors de la conception d’un outil de communication web (handicap, niveau de litératie, âge, origine socio-culturelle, etc.) POURQUOI? Qu’est-ce qu’on attend de l’outil de communication que l’on va mettre en place? (se faire connaître, augmenter les profits, rentabiliser, simplifier les communications ou le flux d’information à transférer d’un endroit à l’autre, promouvoir) COMMENT? Comment je communique présentement, quels sont mes outils (dépliants, publicités, cartes de visite, rapports annuels, etc.)? Quelles sont mes ressources humaines impliquées dans le projet, leurs disponibilités, niveau d’implication, leurs connaissances informatiques et techniques. Quelles sont les contraintes techniques (handicaps visuels, physiques, bande passante, poids des images, vidéo, temps d’accès, choix du logiciel, etc.)

ÉTAPES ÉTUDE DE FAISABILITÉ ÉTUDE DE FAISABILITÉ CONCEPTION Analyse de la commande Analyse des besoins ÉTUDE DE FAISABILITÉ CONCEPTION APPROPRIATION ÉTUDE DE FAISABILITÉ ANALYSE DES BESOINS Identification des ressources matérielles (documents, images, ressources matérielles dont ils disposent) Identification des ressources humaines affectées au projet Identification du ou des prestataires externes à contacter (juristes, infographistes, etc.) Sélection des ressources matérielles et humaines Création de nouvelles ressources (logos, textes adaptés au média, images, mise à niveau/formation des ressources humaines) Recherche d’un concept ou utilisation d’un concept existant

ÉTAPES ÉTUDE DE FAISABILITÉ ÉTUDE DE FAISABILITÉ CONCEPTION Analyse de la commande Analyse des besoins Étude de faisabilité ÉTUDE DE FAISABILITÉ CONCEPTION APPROPRIATION ÉTUDE DE FAISABILITÉ ORGANISATION DU PROJET Cahier des charges (Synthèse de l’analyse de la commande et des besoins faites au préalable. C’est quoi le projet? Titre du projet, objectifs, taille, dimension du projet, niveau d’information, quantité de texte, contraintes à respecter, etc.) Analyse de la concurrence Budget Échéancier

ÉTAPES CONCEPTION La logique de l’organisation de vos informations. Design structurel ACCOMPAGNEMENT CONCEPTION APPROPRIATION CONCEPTION DESIGN STRUCTUREL La logique de l’organisation de vos informations. C’est la navigation à l’intérieur du site.

ÉTAPES CONCEPTION ACCOMPAGNEMENT CONCEPTION APPROPRIATION Design structurel ACCOMPAGNEMENT CONCEPTION APPROPRIATION CONCEPTION DESIGN STRUCTUREL Arborescence Nomenclature

ÉTAPES CONCEPTION La signature graphique au projet, Design structurel Design graphique ACCOMPAGNEMENT CONCEPTION APPROPRIATION CONCEPTION DESIGN GRAPHIQUE La signature graphique au projet, La création visuelle reflète votre organisme, votre mission. Elle facilite la navigation à l’intérieur de l’arborescence.

ÉTAPES CONCEPTION ACCOMPAGNEMENT CONCEPTION APPROPRIATION Design structurel Design graphique ACCOMPAGNEMENT CONCEPTION APPROPRIATION CONCEPTION DESIGN GRAPHIQUE Création Propositions de design graphique

ÉTAPES CONCEPTION ACCOMPAGNEMENT CONCEPTION APPROPRIATION Design structurel Design graphique ACCOMPAGNEMENT CONCEPTION APPROPRIATION CONCEPTION DESIGN GRAPHIQUE Création Maquettes Design final

ÉTAPES Intégration technologique Conception Design structurel Design graphique ACCOMPAGNEMENT CONCEPTION APPROPRIATION CONCEPTION CONCEPTION / INTÉGRATION TECHNOLOGIQUE Traduction en langage codé de l’arborescence et de la présentation graphique du site. La forme finale sera donc en cohérence d’une part avec l’organisme et son image et les fonctionnalités techniques établies

ÉTAPES CONCEPTION ACCOMPAGNEMENT CONCEPTION APPROPRIATION Intégration technologique Conception Design structurel Design graphique ACCOMPAGNEMENT CONCEPTION APPROPRIATION CONCEPTION CONCEPTION / INTÉGRATION TECHNOLOGIQUE Installation du système de gestion de Contenu MODX Écran de modification

ÉTAPES CONCEPTION ACCOMPAGNEMENT CONCEPTION APPROPRIATION Intégration technologique Conception Design structurel Design graphique ACCOMPAGNEMENT CONCEPTION APPROPRIATION CONCEPTION CONCEPTION / INTÉGRATION TECHNOLOGIQUE Installation du système de gestion de Contenu MODX Écran de modification Écran de prévisualisation

ÉTAPES CONCEPTION ACCOMPAGNEMENT CONCEPTION APPROPRIATION Intégration technologique Conception Design structurel Design graphique ACCOMPAGNEMENT CONCEPTION APPROPRIATION CONCEPTION CONCEPTION / INTÉGRATION TECHNOLOGIQUE Installation du système de gestion de Contenu MODX Configuration Intégration

ÉTAPES APPROPRIATION ACCOMPAGNEMENT CONCEPTION APPROPRIATION FORMATION Avoir accès à une ressource pour former le personnel et éventuellement dépanner.

ÉTAPES APPROPRIATION ACCOMPAGNEMENT CONCEPTION APPROPRIATION Formation Mises à jour APPROPRIATION APPROPRIATION MISES À JOUR Être en mesure d’effectuer les mises à jours hebdomadaires, mensuelles, annuelles telles que déterminées dans le cahier des charges.

ÉTAPES APPROPRIATION ACCOMPAGNEMENT CONCEPTION APPROPRIATION Coût de la maintenance CONCEPTION Formation Mises à jour APPROPRIATION APPROPRIATION COÛT DE LA MAINTENANCE Contrats d’hébergement Renouvellement de nom de domaine Ressources humaines nécessaires à la maintenance

ÉTAPES APPROPRIATION ACCOMPAGNEMENT CONCEPTION APPROPRIATION Coût de la maintenance Outils d’analyse CONCEPTION Formation Mises à jour APPROPRIATION APPROPRIATION OUTILS D’ANALYSE Statistiques

VOTRE STRATÉGIE DE COMMUNICATION WEB En savoir plus… Tél. : 514.948.6644 poste 234 projets@communautique.qc.ca Portfolio en ligne: www.communautique.qc.ca/services