La création d un site internet en 6 étapes
ÉTAPE 1 RÉDACTION DU CAHIER DES CHARGES Rédiger un cahier des charges, c est mettre sur papier tout ce que l on souhaite voir apparaître sur son site internet : nombre de pages, nom des pages, contenu des pages avec textes et photos, schémas ou illustrations, fonctionnalité souhaitée, diaporama, accès aux réseaux sociaux etc... 1-5 Éléments de navigation génériques du site Ces éléments apparaîtront sur toutes les pages du site. 1-5-1 Navigation principale Objectif : doit permettre un accès rapide aux fonctionnalités en fonction du contexte choix des dates, difficulté, lieu Contenu : sur la page accueil : 3 sections, 1 par activité principale (escalade, alpinisme ski) sur les pages accueil des activités : module de filtre menu activité générique en France à l'étranger agenda j'évalue mon niveau un menu général qui permet facilement à tout moment de trouver les informations prioritaires (contact tel, mail; lien Facebook et accès rapide aux autres activités) Ce menu peut-être mis en sourdine et n'afficher son contenu qu'au click de l'internaute. Ceci n'empêchera pas de conserver la séparation stricte entre les différentes activités. 1-5-2 Pied de page (footer) Objectif : permet de placer des liens vers des pages à contenu secondaire Contenu : contact conditions générales de vente Roc Odyssée Vidéo partenaires Formule (engagement privé, CE etc...) Réseaux sociaux - Facebook 2
navigation secondaire Accueil Réservation 1 naviagation principale ouvert par default ACTIVITÉS QUI SOMMES-NOUS? INFOS PRATIQUES ALLER À L ETE ENG Recherche ÉTAPE 2 naviagation sous-menu fermé par default diaporama RÉALISATION DE WIREFRAMES partie types d activités selon saison PICTO PICTO PICTO crédit photo Les Wireframes sont la représentation visuelle du cahier des charges. Cette étape permet de visualiser la structure du site. Le graphiste viendra ensuite habiller cette structure avec des couleurs, des photos, des polices. fiches programme ou ACTUALITEES depuis le blog change selon saison COURTE TEXTE D INTRO D UN TYPE D ACTIVITÉ (PAR EXEMPLE RANDO) TITRE CATEGORIE D ACTIVITÉ PERIODE + DURÉÉ COURTE TEXTE D INTRO D UN TYPE D ACTIVITÉ (PAR EXEMPLE VTT) TITRE CATEGORIE D ACTIVITÉ DATE/PERIODE + DURÉÉ COURTE TEXTE D INTRO D UN TYPE D ACTIVITÉ (PAR EXEMPLE ENFANT) voir plus voir plus voir plus DATE DATE DATE TITRE CATEGORIE D ACTIVITÉ DATE/PERIODE + DURÉÉ DIFFICULTÉ LIEU TEXTE DESCRIPTIF DIFFICULTÉ LIEU TEXTE DESCRIPTIF DIFFICULTÉ LIEU TEXTE DESCRIPTIF voir plus voir plus voir plus TOUT LE PROGRAMME partie qui sommes-nous generique TEXTE DE PRÉSENTATION COURT PORTRAIT? PORTRAIT? PORTRAIT? TOUS LES GUIDES ET ACCOMPAGNATEURS partie contact GOOGLE MAPS T +33 (0)4 92 24 75 90 ADRESSE@EMAIL.COM MAISON DE LA MONTAGNE, PRÉ LONG VILLENEUVE LA SALLE LES ALPES SERRE CHEVALIER bas de page fermé par default LIEN FACEBOOK > PARTENAIRES ET LIENS > PHOTOS (PANORAMIO) > NOUS POSER UNE QUESTION > LOGO + LIEN 1 LOGO + LIEN 2 LOGO + LIEN 3 LOGO + LIEN 4 VOIR PLUS > votre adresse email voir plus = bouton ENVOYER = image mentions legales, conditions de vente, crédits 3
ÉTAPE 3 CRÉATION DES MAQUETTES GRAPHIQUES Le graphiste met en page le site, il crée une charte graphique web. C est à dire qu il va déterminer les polices à utiliser les couleurs, la façon de mettre en page les photos et les différents pictos etc... 4
ÉTAPE 4 DÉVELOPPEMENT DU SITE Le développeur va retranscrire en language codé ce qu a mis en place le graphiste. Sa contrainte : respecter le travail graphique mis en place tout en intégrant les contraintes techniques du web... C est toujours un challenge. 5
ÉTAPE 5 ADMINISTRATION DU SITE En passant par la console d administration, on pourra intégrer dans le site les textes, les photos, les liens etc... La console d administration est un outils simple et facile d utilisation qui permet à chacun d être autonome pour changer le contenu de son site. 6
ÉTAPE 6 MISE EN LIGNE DU SITE Le site est propulsé en ligne, c est la fin du projet. Nous revenons vers vous 6 mois après la mise en ligne pour faire un petit bilan de l utilisation de votre site. 7
merci 06 82 92 95 20 hello@studiohavana.fr www.studiohavana.fr