SlideShare une entreprise Scribd logo
1  sur  10
Laurent Mottet - www.nakatomi-formation.be
Création d’un site Web

                         Les différentes étapes pour
                            la création d’un site web



                                               Laurent Mottet
                                               Nakatomi-formation.be
Définition du projet




                                                                                                                        Laurent Mottet - www.nakatomi-formation.be
Création d’un site Web

                                                             Définition du projet



                                                                                     Détermination
                                 Découverte des besoins      « Enquêtes               du budget

                                                                                    Comptabilisation
                                Identification du personas   « Enquêtes
                                                                                      des heures


                                                                                        Définition
                                 Définition des objectifs
                                                                                        des délais

                                                                                        Création
                                     Référencement                                     des équipes

                                                                                    Création d’outils
                                                                                      collaboratifs      « Formations


                                     Rapport d’audit                                  Réalisation du
                                                                                    cahier des charges
Développement de la structure du site.




                                                                                                                Laurent Mottet - www.nakatomi-formation.be
Création d’un site Web

                                                    Structure du site



                                                        Niveau
                                                                        « référencement
                                                      du contenu

                                                       Récolte
                                                     des contenus

                                                       Planning
                                     Validation »
                                                     de la livraison

                                                                                 Niveau
                                                                                 du site

                                                                              Arborescence    « référencement


                                                                               Présentation   « Validation
Développement de la structure du site.




                                                                                                                           Laurent Mottet - www.nakatomi-formation.be
Création d’un site Web

                                                                     Planning
                                                    Validation »
                                                                   de la livraison

                                                                                            Niveau
                                                                                            du site

                                                                                          Arborescence   « référencement


                                                                                          Présentation   « Validation


                                                                      Niveau
                                                                     des pages

                                                                     Wireframe       « référencement


                         Légende :
                         
                          Validation »   Présentation
                         Wireframe : plan filaire
Développement graphique et ergonomique




                                                                                                                    Laurent Mottet - www.nakatomi-formation.be
Création d’un site Web

                                                          Structure du site
                                                      Développement graphique



                                                            Trendboard


                                       Validation »         Présentation


                                                             Définition
                                                            de la charte

                                                              Création
             Maquette
                                  « Positionnement
                                                          du projet de page       fonctionnelle

                                       Validation »         Présentation        Tests fonctionnels   « Validation



                                                            Déclinaisons
                                                          du projet de page
Développement graphique et ergonomique




                                                                                                          Laurent Mottet - www.nakatomi-formation.be
Création d’un site Web


                                   Validation »     Présentation      Tests fonctionnels   « Validation



                                                    Déclinaisons
                                                  du projet de page

                                                     Création
                                                  du modèle html


                                                     Validation


                                                      Définition
                                                     de la charte
Développement technique




                                                                                                                    Laurent Mottet - www.nakatomi-formation.be
Création d’un site Web

                                                          Développement technique



                                                               Installation
                                                                 du CMS

                                          Création des
          Création
          Installation
                                          applications         des modèles       des modules CMS

                                                                Validation
                                                                technique

                                                               Mise en page
                                                               du contenu

                                         Encodage des 
           Création
       Encodage par
     Encodage par
                         Validation »
                                        pages techniques      de la navigation      l’agence          le client

                                        • 404
                                                                                                     Formation
                                        • plan de site
                                        • ...
Développement technique




                                                                                                                                         Laurent Mottet - www.nakatomi-formation.be
Création d’un site Web
                                                            Mise en page
                                                            du contenu

                                         Encodage des 
        Création
        Encodage par
     Encodage par
                         Validation »
                                        pages techniques   de la navigation       l’agence          le client

                                        • 404
                                                                                                    Formation
                                        • plan de site
                                        • ...

                                                                                 Traitement
                                                                                 des médias




                                                               Encodage 
       Encodage des
        Encodage
                                                                                                                          « Validation
                                                           d’un contenu type     applications        des pages

                                                           • home-page
        • catalogue
       • historique
                                                           • contact           • galerie photos   • conditions de vente


                                                                 Test
Développement technique




                                                                                                 Laurent Mottet - www.nakatomi-formation.be
Création d’un site Web

                                                              Test




                                                          Mise en ligne   « Validation

                                                          Installation
                                                                          « Formation
                                                              GA


                                                         Référencement

                                                           Validation
                                                           du livrable

                                                                                    Suivi
                         Légende :
                       Facturation           avec le client
                         
                         GA : Google Analytics
                         CMS : Gestionnaire de contenu
Laurent Mottet - www.nakatomi-formation.be
Création d’un site Web

                         Contact	
                                
                         	          www.nakatomi-formation.be




                                                        Laurent Mottet
                                                                      
                                                laurent@nakatomi.be
                                                twitter.com/nakatomi

Contenu connexe

En vedette

Audit de site web
Audit de site webAudit de site web
Audit de site webStrasWeb
 
Typographie pour le Web
Typographie pour le WebTypographie pour le Web
Typographie pour le WebStrasWeb
 
Initiation au CSS
Initiation au CSSInitiation au CSS
Initiation au CSSStrasWeb
 
Les tendances du webdesign
Les tendances du webdesignLes tendances du webdesign
Les tendances du webdesignStrasWeb
 

En vedette (6)

Audit de site web
Audit de site webAudit de site web
Audit de site web
 
Architecture de site web
Architecture de site webArchitecture de site web
Architecture de site web
 
Typographie pour le Web
Typographie pour le WebTypographie pour le Web
Typographie pour le Web
 
Initiation au CSS
Initiation au CSSInitiation au CSS
Initiation au CSS
 
060 arborescence
060   arborescence060   arborescence
060 arborescence
 
Les tendances du webdesign
Les tendances du webdesignLes tendances du webdesign
Les tendances du webdesign
 

Plus de Laurent Mottet

Formation Mailchimp - Les bases
Formation Mailchimp - Les basesFormation Mailchimp - Les bases
Formation Mailchimp - Les basesLaurent Mottet
 
Perles construction Créer sa page Facebook
Perles construction Créer sa page Facebook Perles construction Créer sa page Facebook
Perles construction Créer sa page Facebook Laurent Mottet
 
Ergonomie web : la typographie
Ergonomie web : la typographieErgonomie web : la typographie
Ergonomie web : la typographieLaurent Mottet
 
MailChimp : comment partager son compte avec des autres utilisateurs?
MailChimp : comment partager son compte avec des autres utilisateurs?MailChimp : comment partager son compte avec des autres utilisateurs?
MailChimp : comment partager son compte avec des autres utilisateurs?Laurent Mottet
 
Ergonomie web - les couleurs du e-commerce
Ergonomie web  - les couleurs du e-commerceErgonomie web  - les couleurs du e-commerce
Ergonomie web - les couleurs du e-commerceLaurent Mottet
 
Ergonomie e-commerce - Fiche produit
Ergonomie e-commerce - Fiche produitErgonomie e-commerce - Fiche produit
Ergonomie e-commerce - Fiche produitLaurent Mottet
 
Ergonomie e-commerce - Les clés d’entrée pour une fiche produit
Ergonomie e-commerce - Les clés d’entrée pour une fiche produitErgonomie e-commerce - Les clés d’entrée pour une fiche produit
Ergonomie e-commerce - Les clés d’entrée pour une fiche produitLaurent Mottet
 
Ergonomie e-commerce - Tunnel de conversion
Ergonomie e-commerce - Tunnel de conversionErgonomie e-commerce - Tunnel de conversion
Ergonomie e-commerce - Tunnel de conversionLaurent Mottet
 
Formation Ergonomie web : le wireframing
Formation Ergonomie web : le wireframingFormation Ergonomie web : le wireframing
Formation Ergonomie web : le wireframingLaurent Mottet
 
Creer et envoyer une newsletter avec Mailchimp
Creer et envoyer une newsletter avec MailchimpCreer et envoyer une newsletter avec Mailchimp
Creer et envoyer une newsletter avec MailchimpLaurent Mottet
 
Concevoir une newsletter, une infolettre
Concevoir une newsletter, une infolettreConcevoir une newsletter, une infolettre
Concevoir une newsletter, une infolettreLaurent Mottet
 
Conception d'une newsletter
Conception d'une newsletterConception d'une newsletter
Conception d'une newsletterLaurent Mottet
 
Formation référencement - Technique d'indexation d'une page web
Formation référencement - Technique d'indexation d'une page webFormation référencement - Technique d'indexation d'une page web
Formation référencement - Technique d'indexation d'une page webLaurent Mottet
 
Formation référencement - la recherche des mots-clés pour le SEO
Formation référencement - la recherche des mots-clés pour le SEOFormation référencement - la recherche des mots-clés pour le SEO
Formation référencement - la recherche des mots-clés pour le SEOLaurent Mottet
 
The Features In Adobe Fireworks
The Features In Adobe FireworksThe Features In Adobe Fireworks
The Features In Adobe FireworksLaurent Mottet
 
Creating buttons in Adobe Fireworks
Creating buttons in Adobe FireworksCreating buttons in Adobe Fireworks
Creating buttons in Adobe FireworksLaurent Mottet
 
The image optimization Adobe Fireworks - 2
The image optimization Adobe Fireworks - 2The image optimization Adobe Fireworks - 2
The image optimization Adobe Fireworks - 2Laurent Mottet
 
Workspace in Adobe Fireworks
Workspace in Adobe FireworksWorkspace in Adobe Fireworks
Workspace in Adobe FireworksLaurent Mottet
 
The image optimization Adobe Fireworks - 1
The image optimization Adobe Fireworks - 1The image optimization Adobe Fireworks - 1
The image optimization Adobe Fireworks - 1Laurent Mottet
 
Symbol script in Adobe Fireworks
Symbol script in Adobe FireworksSymbol script in Adobe Fireworks
Symbol script in Adobe FireworksLaurent Mottet
 

Plus de Laurent Mottet (20)

Formation Mailchimp - Les bases
Formation Mailchimp - Les basesFormation Mailchimp - Les bases
Formation Mailchimp - Les bases
 
Perles construction Créer sa page Facebook
Perles construction Créer sa page Facebook Perles construction Créer sa page Facebook
Perles construction Créer sa page Facebook
 
Ergonomie web : la typographie
Ergonomie web : la typographieErgonomie web : la typographie
Ergonomie web : la typographie
 
MailChimp : comment partager son compte avec des autres utilisateurs?
MailChimp : comment partager son compte avec des autres utilisateurs?MailChimp : comment partager son compte avec des autres utilisateurs?
MailChimp : comment partager son compte avec des autres utilisateurs?
 
Ergonomie web - les couleurs du e-commerce
Ergonomie web  - les couleurs du e-commerceErgonomie web  - les couleurs du e-commerce
Ergonomie web - les couleurs du e-commerce
 
Ergonomie e-commerce - Fiche produit
Ergonomie e-commerce - Fiche produitErgonomie e-commerce - Fiche produit
Ergonomie e-commerce - Fiche produit
 
Ergonomie e-commerce - Les clés d’entrée pour une fiche produit
Ergonomie e-commerce - Les clés d’entrée pour une fiche produitErgonomie e-commerce - Les clés d’entrée pour une fiche produit
Ergonomie e-commerce - Les clés d’entrée pour une fiche produit
 
Ergonomie e-commerce - Tunnel de conversion
Ergonomie e-commerce - Tunnel de conversionErgonomie e-commerce - Tunnel de conversion
Ergonomie e-commerce - Tunnel de conversion
 
Formation Ergonomie web : le wireframing
Formation Ergonomie web : le wireframingFormation Ergonomie web : le wireframing
Formation Ergonomie web : le wireframing
 
Creer et envoyer une newsletter avec Mailchimp
Creer et envoyer une newsletter avec MailchimpCreer et envoyer une newsletter avec Mailchimp
Creer et envoyer une newsletter avec Mailchimp
 
Concevoir une newsletter, une infolettre
Concevoir une newsletter, une infolettreConcevoir une newsletter, une infolettre
Concevoir une newsletter, une infolettre
 
Conception d'une newsletter
Conception d'une newsletterConception d'une newsletter
Conception d'une newsletter
 
Formation référencement - Technique d'indexation d'une page web
Formation référencement - Technique d'indexation d'une page webFormation référencement - Technique d'indexation d'une page web
Formation référencement - Technique d'indexation d'une page web
 
Formation référencement - la recherche des mots-clés pour le SEO
Formation référencement - la recherche des mots-clés pour le SEOFormation référencement - la recherche des mots-clés pour le SEO
Formation référencement - la recherche des mots-clés pour le SEO
 
The Features In Adobe Fireworks
The Features In Adobe FireworksThe Features In Adobe Fireworks
The Features In Adobe Fireworks
 
Creating buttons in Adobe Fireworks
Creating buttons in Adobe FireworksCreating buttons in Adobe Fireworks
Creating buttons in Adobe Fireworks
 
The image optimization Adobe Fireworks - 2
The image optimization Adobe Fireworks - 2The image optimization Adobe Fireworks - 2
The image optimization Adobe Fireworks - 2
 
Workspace in Adobe Fireworks
Workspace in Adobe FireworksWorkspace in Adobe Fireworks
Workspace in Adobe Fireworks
 
The image optimization Adobe Fireworks - 1
The image optimization Adobe Fireworks - 1The image optimization Adobe Fireworks - 1
The image optimization Adobe Fireworks - 1
 
Symbol script in Adobe Fireworks
Symbol script in Adobe FireworksSymbol script in Adobe Fireworks
Symbol script in Adobe Fireworks
 

Dernier

SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdfSKennel
 
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdfSKennel
 
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdfSKennel
 
Cours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSETCours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSETMedBechir
 
Le Lean sur une ligne de production : Formation et mise en application directe
Le Lean sur une ligne de production : Formation et mise en application directeLe Lean sur une ligne de production : Formation et mise en application directe
Le Lean sur une ligne de production : Formation et mise en application directeXL Groupe
 
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...Faga1939
 
Principe de fonctionnement d'un moteur 4 temps
Principe de fonctionnement d'un moteur 4 tempsPrincipe de fonctionnement d'un moteur 4 temps
Principe de fonctionnement d'un moteur 4 tempsRajiAbdelghani
 
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .
Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .Txaruka
 
Bibdoc 2024 - Ecologie du livre et creation de badge.pdf
Bibdoc 2024 - Ecologie du livre et creation de badge.pdfBibdoc 2024 - Ecologie du livre et creation de badge.pdf
Bibdoc 2024 - Ecologie du livre et creation de badge.pdfBibdoc 37
 
Saint Georges, martyr, et la lègend du dragon.pptx
Saint Georges, martyr, et la lègend du dragon.pptxSaint Georges, martyr, et la lègend du dragon.pptx
Saint Georges, martyr, et la lègend du dragon.pptxMartin M Flynn
 
Cours SE Le système Linux : La ligne de commande bash - IG IPSET
Cours SE Le système Linux : La ligne de commande bash - IG IPSETCours SE Le système Linux : La ligne de commande bash - IG IPSET
Cours SE Le système Linux : La ligne de commande bash - IG IPSETMedBechir
 
le present des verbes reguliers -er.pptx
le present des verbes reguliers -er.pptxle present des verbes reguliers -er.pptx
le present des verbes reguliers -er.pptxmmatar2
 
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdfBibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdfBibdoc 37
 
Presentation de la plateforme Moodle - avril 2024
Presentation de la plateforme Moodle - avril 2024Presentation de la plateforme Moodle - avril 2024
Presentation de la plateforme Moodle - avril 2024Gilles Le Page
 
Présentation_ Didactique 1_SVT (S4) complet.pptx
Présentation_ Didactique 1_SVT (S4) complet.pptxPrésentation_ Didactique 1_SVT (S4) complet.pptx
Présentation_ Didactique 1_SVT (S4) complet.pptxrababouerdighi
 
Evaluation du systeme d'Education. Marocpptx
Evaluation du systeme d'Education. MarocpptxEvaluation du systeme d'Education. Marocpptx
Evaluation du systeme d'Education. MarocpptxAsmaa105193
 
Bernard Réquichot.pptx Peintre français
Bernard Réquichot.pptx   Peintre françaisBernard Réquichot.pptx   Peintre français
Bernard Réquichot.pptx Peintre françaisTxaruka
 
Zotero avancé - support de formation doctorants SHS 2024
Zotero avancé - support de formation doctorants SHS 2024Zotero avancé - support de formation doctorants SHS 2024
Zotero avancé - support de formation doctorants SHS 2024Alain Marois
 
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdfSciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdfSKennel
 

Dernier (20)

SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
 
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
 
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
 
Cours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSETCours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSET
 
Le Lean sur une ligne de production : Formation et mise en application directe
Le Lean sur une ligne de production : Formation et mise en application directeLe Lean sur une ligne de production : Formation et mise en application directe
Le Lean sur une ligne de production : Formation et mise en application directe
 
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
 
Principe de fonctionnement d'un moteur 4 temps
Principe de fonctionnement d'un moteur 4 tempsPrincipe de fonctionnement d'un moteur 4 temps
Principe de fonctionnement d'un moteur 4 temps
 
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .
Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .
 
Bibdoc 2024 - Ecologie du livre et creation de badge.pdf
Bibdoc 2024 - Ecologie du livre et creation de badge.pdfBibdoc 2024 - Ecologie du livre et creation de badge.pdf
Bibdoc 2024 - Ecologie du livre et creation de badge.pdf
 
Saint Georges, martyr, et la lègend du dragon.pptx
Saint Georges, martyr, et la lègend du dragon.pptxSaint Georges, martyr, et la lègend du dragon.pptx
Saint Georges, martyr, et la lègend du dragon.pptx
 
Cours SE Le système Linux : La ligne de commande bash - IG IPSET
Cours SE Le système Linux : La ligne de commande bash - IG IPSETCours SE Le système Linux : La ligne de commande bash - IG IPSET
Cours SE Le système Linux : La ligne de commande bash - IG IPSET
 
le present des verbes reguliers -er.pptx
le present des verbes reguliers -er.pptxle present des verbes reguliers -er.pptx
le present des verbes reguliers -er.pptx
 
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdfBibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
 
Presentation de la plateforme Moodle - avril 2024
Presentation de la plateforme Moodle - avril 2024Presentation de la plateforme Moodle - avril 2024
Presentation de la plateforme Moodle - avril 2024
 
Présentation_ Didactique 1_SVT (S4) complet.pptx
Présentation_ Didactique 1_SVT (S4) complet.pptxPrésentation_ Didactique 1_SVT (S4) complet.pptx
Présentation_ Didactique 1_SVT (S4) complet.pptx
 
DO PALÁCIO À ASSEMBLEIA .
DO PALÁCIO À ASSEMBLEIA                 .DO PALÁCIO À ASSEMBLEIA                 .
DO PALÁCIO À ASSEMBLEIA .
 
Evaluation du systeme d'Education. Marocpptx
Evaluation du systeme d'Education. MarocpptxEvaluation du systeme d'Education. Marocpptx
Evaluation du systeme d'Education. Marocpptx
 
Bernard Réquichot.pptx Peintre français
Bernard Réquichot.pptx   Peintre françaisBernard Réquichot.pptx   Peintre français
Bernard Réquichot.pptx Peintre français
 
Zotero avancé - support de formation doctorants SHS 2024
Zotero avancé - support de formation doctorants SHS 2024Zotero avancé - support de formation doctorants SHS 2024
Zotero avancé - support de formation doctorants SHS 2024
 
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdfSciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
 

Ergonomie web : Les étapes pour la création d'un site web

  • 1. Laurent Mottet - www.nakatomi-formation.be Création d’un site Web Les différentes étapes pour la création d’un site web Laurent Mottet Nakatomi-formation.be
  • 2. Définition du projet Laurent Mottet - www.nakatomi-formation.be Création d’un site Web Définition du projet Détermination Découverte des besoins « Enquêtes du budget Comptabilisation Identification du personas « Enquêtes des heures Définition Définition des objectifs des délais Création Référencement des équipes Création d’outils collaboratifs « Formations Rapport d’audit Réalisation du cahier des charges
  • 3. Développement de la structure du site. Laurent Mottet - www.nakatomi-formation.be Création d’un site Web Structure du site Niveau « référencement du contenu Récolte des contenus Planning Validation » de la livraison Niveau du site Arborescence « référencement Présentation « Validation
  • 4. Développement de la structure du site. Laurent Mottet - www.nakatomi-formation.be Création d’un site Web Planning Validation » de la livraison Niveau du site Arborescence « référencement Présentation « Validation Niveau des pages Wireframe « référencement Légende : Validation » Présentation Wireframe : plan filaire
  • 5. Développement graphique et ergonomique Laurent Mottet - www.nakatomi-formation.be Création d’un site Web Structure du site Développement graphique Trendboard Validation » Présentation Définition de la charte Création Maquette « Positionnement du projet de page fonctionnelle Validation » Présentation Tests fonctionnels « Validation Déclinaisons du projet de page
  • 6. Développement graphique et ergonomique Laurent Mottet - www.nakatomi-formation.be Création d’un site Web Validation » Présentation Tests fonctionnels « Validation Déclinaisons du projet de page Création du modèle html Validation Définition de la charte
  • 7. Développement technique Laurent Mottet - www.nakatomi-formation.be Création d’un site Web Développement technique Installation du CMS Création des Création Installation applications des modèles des modules CMS Validation technique Mise en page du contenu Encodage des Création Encodage par Encodage par Validation » pages techniques de la navigation l’agence le client • 404 Formation • plan de site • ...
  • 8. Développement technique Laurent Mottet - www.nakatomi-formation.be Création d’un site Web Mise en page du contenu Encodage des Création Encodage par Encodage par Validation » pages techniques de la navigation l’agence le client • 404 Formation • plan de site • ... Traitement des médias Encodage Encodage des Encodage « Validation d’un contenu type applications des pages • home-page • catalogue • historique • contact • galerie photos • conditions de vente Test
  • 9. Développement technique Laurent Mottet - www.nakatomi-formation.be Création d’un site Web Test Mise en ligne « Validation Installation « Formation GA Référencement Validation du livrable Suivi Légende : Facturation avec le client GA : Google Analytics CMS : Gestionnaire de contenu
  • 10. Laurent Mottet - www.nakatomi-formation.be Création d’un site Web Contact www.nakatomi-formation.be Laurent Mottet laurent@nakatomi.be twitter.com/nakatomi