Créer et gérer un Site Internet seul
c’est possible
Justine Perussel Youcef Kébaïli
Qu’est-ce qu’une plate-forme
de création de site?
Une brève Histoire du Web
• Avant, tous les sites
étaient codés en HTML…
• La vie était dure 
• A la renaissance, les
CMS...
Qu’est-ce qu’un CMS finalement ?
• Content Management System
• Simplicité d’utilisation
• Evolutivité, sécurité, modularit...
D’accord, mais quelle plate-forme choisir ?
• C’est avant tout une
question de besoins
• Quel type de Site
répondra à votr...
Les 4 différents Types de Site ?
1 – Le site statique
• Site vitrine
• Présentation de Société, Freelance, une Asso…
• CV, Portfolio, Book artiste
Le conte...
Exemples de sites statiques
2 – Le site dynamique
• Articles de Blog
• Recettes de cuisine
• Bon plans
• Petites annonces
• Annuaire
Publication d’un ...
Exemple de
site dynamique
• Module de Blog
• Catalogue de formations
3 – Le site e-commerce
• Gestion d’un catalogue d’articles
• Gestion des commandes (panier d’achat)
• Paiement sécurisé
• ...
Exemple de site e-commerce
Panier d’achat
Catalogue de produits
4 – Le Site ultra spécifique
• Application métier
• Intranet, Extranet d’entreprise
• Gestion de projet collaboratif
• Sit...
3 questions à se poser avant de vous
lancer
1. Quel sont mes objectifs ?
2. Qu’est-ce que le site devra apporter aux
visit...
Dressez le portrait robot de votre site
1 – La structure
1.1 - Arborescence des pages
Accueil
Portfolio Blog A propos Contact
1.2 - Croquis de chaque page
2 – Le Design
2.1 – Choix du modèle
2.2 – Identité visuelle
• Correspond à votre
identité visuelle
• Couleurs
• Polices
• Logo
2.3 – Site mobile
• Compatible Smartphones et tablettes
• Meilleure ergonomie de lecture pour les visiteurs
• Avantage pou...
3 – Les Fonctionnalités
3.1 – Principales fonctionnalités
• Module de blog
• Galerie d’images
• Insertion de formulaires
• Témoignages clients
• P...
3.2 – Pas trop de fonctionnalités !
• Attention tout de même à ne pas surcharger
votre site
• Ne mettez pas des choses qui...
Les avantages de créer son Site
soi-même avec un bon CMS
• Un choix de mises en pages adapté à chaque
projet (grâce aux te...
Place à la démo Jimdo
Merci !
Youcef Kébaïli
06 23 57 76 08
ykebaili@cleno.fr
www.cleno.fr
CRÉER UN SITE GRATUIT MAINTENANT
Prochain SlideShare
Chargement dans…5
×

Créer et gérer un site internet seul c'est possible

224 vues

Publié le

L'agence Web CLENO vous montre comment créer vous-même votre Site Internet avec l'outil Jimdo.
Suivez la démonstration et faites un essai gratuit en ligne.

Publié dans : Internet
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
224
Sur SlideShare
0
Issues des intégrations
0
Intégrations
5
Actions
Partages
0
Téléchargements
3
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • On terminera cette présentation par une démo du CMS en ligne Jimdo pour vous donner une idée concrète du fonctionnement d’un CMS

    Types de contenus possibles :
    - Textes (articles)
    - Médias : photos sous forme de galeries, Vidéos (tutos, actualités…)
    Des fichiers à partager ou à télécharger.
    Des membres avec gestion des profils
    Des petites annonces
    Des messages dans le cas d’un forum… etc

    Tous ces contenus sont différents et possèdent leurs propres caractéristique.
    Les contenus doivent être bien structurés !
  • Avant de faire le tour des plate-formes, posez-vous la question : pourquoi vous avez besoin d’un Site ?

    Pour faire bonne figure devant vos concurrents ?
    Pour communiquer sur votre passion ?
    Pour vendre vos produits ou services en ligne ?
    Pour fédérer une communauté ? (Peut-être une plate-forme sociale ?)
    …autre objectifs plus spécifique ?

    => À partir de là, vous allez pourvoir mieux définir vos besoins. Posez votre projet
    ET l’étape qui suit c’est donc de définir quel type de Site est adapté à votre projet.
  • On peut classer les Sites internet en 4 grandes catégories

    Plus ou moins complexes.
  • 1 – Sites statiques :
    Permet d’afficher un petit nombre de pages dont le contenu ne change presque jamais.

    Ce sont des sites « vitrine » . Pas besoin d’un outil très évolué pur faire ça
  • 1 – Sites statiques :

    Permet d’afficher un petit nombre de pages dont le contenu ne change presque jamais. Ce sont des sites « vitrine » . Pas besoin d’un outil évolué pur faire ça
  • 2 - Permet de publier et de gérer un grand nombre de contenus de formats variés :

    L’intérêt du CMS dans cas c’est l’actualisation facile par vous-même étant donné que vous serez votre propre webmaster.
  • Dans cet exemple il s’agit d’un Blog très fourni en articles classés par catégories

    On trouve aussi un catalogue de formations dans la sidebar (barre latérale)

    Typiquement un blog, mais cela peut être aussi un site d’annonce immobilier
    Pourquoi pas une galerie d’images dynamique avec filtre et recherche d’images
  • 3 – Le site e-commerce

    Dans ce cas l’interêt d’un CMS est de pouvoir tester une idée de business et de tester votre stratégie commerciale et permet de vous tester à moindre frais.
  • 3 – Le site e-commerce

    Simple et efficace !
  • 5 – Le site spécifique sur mesure

    On atteint ici les limite du CMS, on sort du cadre de la création de site par sois même
    Nécessite des gros budgets

    On entre dans le domaine des Systèmes d’informations
  • 1 – En gros pourquoi vous voulez faire un site ?
    Etre présent sur internet, oui c’est essentiel mais vous devez définir plus précisément l’objectif du site

    2 - Vous ne faite pas un site pour vous mais pour vos visiteurs / clients
    Quel sera l’utilité du site : montrer un savoir faire, distribuer de l’information, vendre un service, vendre des produits…

    3 - Pour vous aider : étudiez la concurrence, les personnes qui font la même chose que vous. En quoi votre site sera-t-il différent ?

    En fonction de ces question vous allez pouvoir déterminer le Type de Site qu’il vous faut !
  • Maintenant que vous avez une idée plus précise du type de site dont vous avez besoin, posons les bases de votre site

    Les principes qui vont suivre doivent être abordés avant même de toucher à un outil de création
  • La navigation avec une thématique par page
  • Définissez les différentes pages du site, puis organisez les sous forme d’arborescence toujours en partant de la page d’accueil

    Navigation claire pour les visiteurs,
    Réfléchissez au contenu de chaque page, une thématique par page, soyez le plus clair et précis possible pour guider le visiteur.

    - Page à propos
    Présentation d’équipe
    Page service
    Formulaire de contact (peut-être sur page d’accueil) ou page dédiée si le formulaire est plus important (devis)
    Page portfolio, réalisations, savoir faire…
    Page de témoignages client
  • Imaginez et visualisez comment sera agencer le contenu de vos pages

    Faites des croquis, soit avec un logiciel spécialisé, soit tout simplement sous word, powerpoint, ou mieux au crayon et papier !

    Ici vous pouvez parfaitement vous inspirer de sites existants SANS les copier bien sur !

  • Que voulez vous faire ressentir à vos visiteurs, dans quelle ambiance voulez-vous les transporter ?

    Comment voulez-vous que l’on décrive votre site ?
    Elégant, Raffiné, Minimaliste, Chaleureux, Reposant, Jeune, Enjoué, Festif….

    Quelles sont les couleurs que vous voulez voir apparaitre sur votre site ? Essayez de definir les couleurs dominantes de votre site
    Recherchez les polices utilisées sur vos documents. Il est important de garder une certaine cohérence entre tous vos supports de communication.
    Inspirez vous de votre logo si vous en avez déjà un


  • Design qui soit clair qui s’adapte bien au différents formats d’affichage
    Exemple : restaurateur
  • Dans cette dernière étape préalable, vous allez lister toutes les fonctionnalités nécessaires pour votre Site
  • Dans cette dernière étape préalable, il faut lister toutes les fonctionnalités nécessaires pour votre Site

    Listez tout ça sur une feuille (vous pouvez le faire de tête mais vous risque d’oublier des choses)

    Trouver le bon équilibre entre le contenu et le design, de façon à ne pas surcharger le site.
  • Listez tout ça sur une feuille (vous pouvez le faire de tête mais vous risque d’oublier des choses)

    Attention tout de même à ne pas trop en mettre pour ne pas se retrouver avec une usine à gaz !

    Vous allez certainement devoir faire des concessions pendant la phase de recherche

    Ne mettez pas des choses qui n'apportent rien au visiteur
  • Créer et gérer un site internet seul c'est possible

    1. 1. Créer et gérer un Site Internet seul c’est possible Justine Perussel Youcef Kébaïli
    2. 2. Qu’est-ce qu’une plate-forme de création de site?
    3. 3. Une brève Histoire du Web • Avant, tous les sites étaient codés en HTML… • La vie était dure  • A la renaissance, les CMS sont arrivés ! • Et la vie à changé  20001994 1990 2001 2003 2005 Préhistoire Antiquité Moyen-Age Renaissance Epoque moderne ! 2010 €€€ €
    4. 4. Qu’est-ce qu’un CMS finalement ? • Content Management System • Simplicité d’utilisation • Evolutivité, sécurité, modularité… • Séparation de la forme et du contenu. Un Système de Gestion de Contenu est une plate-forme qui permet (presque) à tout le monde de créer un Site et de gérer le contenu de son site facilement (sans code !)
    5. 5. D’accord, mais quelle plate-forme choisir ? • C’est avant tout une question de besoins • Quel type de Site répondra à votre besoin ?
    6. 6. Les 4 différents Types de Site ?
    7. 7. 1 – Le site statique • Site vitrine • Présentation de Société, Freelance, une Asso… • CV, Portfolio, Book artiste Le contenu ne change jamais ou très peu
    8. 8. Exemples de sites statiques
    9. 9. 2 – Le site dynamique • Articles de Blog • Recettes de cuisine • Bon plans • Petites annonces • Annuaire Publication d’un grand nombre de contenus variés
    10. 10. Exemple de site dynamique • Module de Blog • Catalogue de formations
    11. 11. 3 – Le site e-commerce • Gestion d’un catalogue d’articles • Gestion des commandes (panier d’achat) • Paiement sécurisé • Autres fonctions : Frais de port, TVA… • Eventuellement gestion des stocks. Vendre des produits ou services en ligne
    12. 12. Exemple de site e-commerce Panier d’achat Catalogue de produits
    13. 13. 4 – Le Site ultra spécifique • Application métier • Intranet, Extranet d’entreprise • Gestion de projet collaboratif • Site de membres, réseau social Site sur mesure qui répond à un besoin non standard
    14. 14. 3 questions à se poser avant de vous lancer 1. Quel sont mes objectifs ? 2. Qu’est-ce que le site devra apporter aux visiteurs ? 3. Que font les concurrents ? Et comment vous différencier ?
    15. 15. Dressez le portrait robot de votre site
    16. 16. 1 – La structure
    17. 17. 1.1 - Arborescence des pages Accueil Portfolio Blog A propos Contact
    18. 18. 1.2 - Croquis de chaque page
    19. 19. 2 – Le Design
    20. 20. 2.1 – Choix du modèle
    21. 21. 2.2 – Identité visuelle • Correspond à votre identité visuelle • Couleurs • Polices • Logo
    22. 22. 2.3 – Site mobile • Compatible Smartphones et tablettes • Meilleure ergonomie de lecture pour les visiteurs • Avantage pour le référencement
    23. 23. 3 – Les Fonctionnalités
    24. 24. 3.1 – Principales fonctionnalités • Module de blog • Galerie d’images • Insertion de formulaires • Témoignages clients • Présentation vidéo • Slider (diaporama) • Newsletter • …
    25. 25. 3.2 – Pas trop de fonctionnalités ! • Attention tout de même à ne pas surcharger votre site • Ne mettez pas des choses qui n'apportent rien au visiteur • Sinon cela devient une usine !
    26. 26. Les avantages de créer son Site soi-même avec un bon CMS • Un choix de mises en pages adapté à chaque projet (grâce aux templates) • Un outil simple à prendre en main • Un support efficace pour vous guider • Une grande autonomie dans la mise à jour de votre site • Plate-forme évolutive : site vitrine -> blog -> e-commerce
    27. 27. Place à la démo Jimdo Merci ! Youcef Kébaïli 06 23 57 76 08 ykebaili@cleno.fr www.cleno.fr CRÉER UN SITE GRATUIT MAINTENANT

    ×