Créer un site internet de qualité professionnelle

Pikock

Mode d’emploi Pikock

Créer un site internet de qualité pro (en 1 heure)

Tout nouvel outil demande un petit temps d’appropriation.

Pikock est une application très puissante pour créer un site internet de qualité professionnelle.

Optimisé sur toutes les tablettes – smartphones et ordinateurs

Intégrant un éditeur d’image professionnel Optimisé pour votre référencement naturel.

Pikock

Découverte de votre espace de travail Pikock

(1ère partie : 15 minutes)

Pikock Accès à Pikock

Sur http://www.pikock.fr cliquez sur l’un des boutons « Essayez » A votre entrée sur Pikock, plusieurs choix de graphismes vous sont proposés. Ces design sont interchangeables à tout moment.

Pikock met à votre disposition des aides contextuelles: -  Un tour guide (1) -  Un Live chat (2) Prenez le temps de consulter le « Tour guide » qui vous indique les principales fonctionnalités.

1

2

è  Pour cette première découverte, choisissez le design «Classic»


Lorsque vous arrivez sur une page pour la première fois, nous vous proposons de choisir soit : -  une structure de page pré-assemblée (« Template ») du catalogue Pikock, -  une page vide

è  Choisissez la « Template » proposée


Votre espace de travail est composé : -  Des blocs qui regroupent plusieurs modules d’information, ici en bleu. -  Des modules d’informations (textes, vidéos, photos, …), ici en rouge. Votre espace de création, ici en orange, pour accéder à l’ensemble des fonctionnalités qui vous permettront de concevoir un site de qualité professionnelle.

è Vous allez maintenant modifier cette page. Suivez uniquement les instructions de ce mode d’emploi.

è  Promenez votre souris sur la page pour identifier les modules présents.


Chaque bloc, chaque module peut être modifié, déplacé, supprimé. Nous verrons ensuite comment en ajouter de nouveau dans une page. Pikock gère pour vous les règles d’une bonne architecture, et vous indiquera automatiquement si ce que vous voulez faire est possible.

è  Faites vos premières manipulations. a)  Déplacez le bouton «Découvrir» sous la photo. Cliquez sur le module avec

votre souris, laissez le clic enfoncé, déplacez le module dans la page, Un trait bleu va apparaître, relachez. C’est fait!

b)  Déplacez l’image sous le texte. c)  Déplacez le texte vers la droite, là ou se trouvait l’image. d)  Cliquez sur la flèche au dessus du bouton « Découvrir ». Le bouton va

venir au dessous du texte.


è  Découvrez les fonctionnalités de votre espace de création.

Tout d’abord les zones qui vont servir à construire vos pages. Les blocs : qui regroupent plusieurs modules Les modules : une zone d’information spécifique Les grilles : Un mode semi expert pour faire du sur mesure

Module Bloc Grille

è Cliquez sur chacun des 3 boutons


è  Cliquez maintenant sur « Menu » pour accéder au menu principal.

Une fenêtre s’ouvre avec les accès aux différents modes de travail.


Le mode « Pages » vous permet l’accès direct à toutes les pages de votre site. Celles ci sont représentées par des vignettes Le mode « Haut et bas de page » vous permet d’accéder aux parties hautes et basses des pages de votre site. Le mode « Blog » vous permet de créer et d’animer votre futur blog ou une rubrique actualité. Le mode « Design » vous permet de modifier le graphisme de votre site. Le mode « Menus » vous permet d’associer vos pages entre elles afin de concevoir votre site. Le mode « Image » donne accès à l’ensemble des images de votre site. Votre galerie est pour l’instant vide. Le mode « Réglages » est à utiliser lors de la publication de votre site afin de mémoriser son adresse définitive, connecter la console de pilotage et …. bien d’autres choses.

En bas, se trouvent les accès à vos données clients, ainsi que l’accès au support Pikock (infos sur le référencement naturel , les modes opératoires détaillés de Pikock).


è  Sauvegardez votre travail. Cette phase de découverte est maintenant terminée. Pensez à sauvegarder régulièrement votre travail.

Pikock

Créer une nouvelle page : (15 minutes)

Modifier le Haut ou le bas de page (15 minutes)

Adapter votre menu (15 minutes)

Créer votre charte graphique (15 minutes)

Maitrisez Pikock (2 ème partie : 1 heure)

Pikock Créer une nouvelle page

è Passez maintenant en mode «Pages» à partir du menu principal

è  Cliquez sur «Nouvelle page ».

Les pages sont représentées par des vignettes. Vous pouvez modifier, dupliquer, renommer, créer ou supprimer toutes vos pages à l’exception de votre page d’accueil qui ne peut être supprimée. Vous pouvez préférer une présentation en liste, en particulier si votre site intègre beaucoup de pages.

Pikock

Vous devez nommer les pages que vous créez. Le titre et le descriptif sont des éléments très importants pour votre référencement naturel. Nous vous donnons de nombreux conseils dans le Pikock center (voir page 28 de ce manuel).

Créer une nouvelle page

Choisissez maintenant un modèle de page. Ces modèles vous permettent de gagner en efficacité pour la construction de votre site. Vous pouvez les modifier très simplement pour les adapter exactement à votre besoin.

è Choisissez la page blanche. Validez votre choix en cliquant sur le bouton « Créer » ( en bas à droite), votre page de test est créée.

è Pour cet exemple, saisissez : -  « Page de test » : comme nom de page -  « Ceci est ma page de test » : en descriptif

Pikock Modifier un module d’informations

Nous allons créer une page présentant une entreprise, ses activités

1

2

è  En mode bloc cliquez sur « Accueil». 1 - Sélectionnez le premier modèle qui vous est présenté et faites le glisser dans la page. 2 - Glissez le bloc vers la croix bleue en bas de page. Une bande bleue va apparaître qui vous indique que vous pouvez intégrer un bloc à cet endroit.

Recommencez l’opération à partir de « Produit ». A nouveau, sélectionnez la première proposition.

La structure de votre page est créée. Vous pouvez bien sûr, utiliser d’autres blocs et modifier les modules qui les composent.

3

è  3 - Cliquez sur l’image du haut de votre page. Vous allez pouvoir modifier le

fond du bloc pour y insérer une image ou une couleur spécifique. Pour cet exemple, nous allons sélectionner une image libre de droits de la galerie Pikock.

è Cliquez sur « Image du fond de bloc » puis « Galerie Pikock »

Pikock

è  Validez, choisissez « Couleur par défaut » - sélectionnez

Modifier un module d’informations

Il reste à modifier le texte afin de l’adapter à l’entreprise.

è  Double cliquez sur le titre « Nom du site … » ou sur le stylo en haut à

droite du module. è  Vous pouvez à tout moment sauvegarder votre travail.

Pikock

è  Supprimez la première ligne de texte, Modifier le titre pour indiquer «

Ceci est mon entreprise » . En dessous écrivez un texte court de 2 à 3 lignes en utilisant plusieurs boutons.

è Validez avec le « Ok »


Une fenêtre apparaît (l’éditeur de texte). Ici vous pouvez modifier votre texte. Les différents boutons du haut correspondent aux fonctions de l’éditeur : (de gauche à droite):

- Taille d’un titre -  Retour à la ligne -  Justification du texte -  Gras et ou italique -  Indentation du texte -  Liste -  Mise en place d’un lien interne ou externe -  Suppression d’un lien interne ou externe -  Insertion d’un tableau

Pikock

è  Insérez maintenant un module « Lien et bouton » sous votre texte. Pour

cela il vous faut passer en mode « Module » (à gauche dans votre espace de création) puis choisir le module « Lien et bouton » pour le faire glisser sous le texte.


Donnez un nom à votre bouton de lien : « Ceci est un bouton de lien » Choisissez de faire un lien vers une autre page du site : « Contact » Vous pouvez aussi décider de personnaliser votre bouton en cliquant sur « Personnalisation ». Choisissez de mettre le bouton en taille large (« L ») et de le centrer. Validez, votre travail est en place.

Pikock

è  Faites glisser les 3 titres des images au dessus de celles-ci en utilisant

votre souris ou les petites flèches directionnelles.

è  Ajouter un module de texte sous les 3 images.

è  Modifier les images. Pour cela cliquez sur le stylo de chacune d’entre elle et laissez vous guider. Choisissez des images qui vous appartiennent. Leur qualité est essentielle à l’esthétisme de votre site.


Répétez cette opération avec le bloc de bas de page qui présente des produits.

Dans cet exemple une des photos n’est pas au même format que les autres. Je vais donc l’ajuster afin que ma présentation soit parfaite.

è  Double cliquez sur l’image. Laissez vous guider. Pikock va vous proposer de modifier le format de l’image, puis d’intégrer des effets et un lien interne ou externe à votre site.

Pikock Modifier un module d’informations

Votre page est terminée. Vous pourrez à tout moment revenir dessus et la modifier. « Publiez » votre travail et profitez en pour voir votre page comme la verront vos visiteurs en cliquant sur « Voir ma page en ligne »

Vous pouvez continuez à vous exercer en modifiant de nouveau cette page ou une autre page. Par exemple vous pouvez supprimer des modules ou des blocs, en insérer d’autres. A vous de jouer !!

Avec Pikock c’est vous le patron.

Pikock





Maitrisez Pikock (1 heure)

Pikock

Passez en mode « Haut et bas de pages » à partir du menu principal

Modifier un haut ou bas de page

Le mode de fonctionnement est identique à celui d’une page. Des blocs des modules que vous pouvez librement déplacer, modifier, supprimer, ajouter. Particularités : -  Vos modifications s’appliqueront automatiquement sur toutes les pages -  Le module « Menu » permettra ensuite de relier toutes vos pages entre

elles.

è  Supprimez tous les modules présents è  Intégrez un bloc en cliquant sur la croix bleue. Choisissez le dernier à

droite. è  Validez è  Intégrez votre logo è  Modifiez les textes è Sauvegardez puis publiez votre travail

è Cliquez sur le stylo « haut de page »

Pikock Modifier un haut ou bas de page

Pikock






Pikock Finaliser votre site Pikock

è Passez maintenant en mode « Menus » à partir du menu principal Vous avez créé une page en plus de celles proposées par Pikock. L’enjeu est maintenant de relier entre elles toutes vos pages afin de former un site web. è  Cliquez sur le bouton bleu du stylo.

Vous pouvez modifier l’intitulé de chacun des liens, ajouter un lien ou un menu déroulant. Vous pouvez modifier l’ordre des rubriques et décider de la position du menu sur les pages (centré, à gauche, …).

Pikock Finaliser votre site Pikock

è  Cliquez sur « ajouter un lien »

è  Validez, votre lien est en place

Une fenêtre va s’ouvrir dans laquelle vous allez indiquer le nom du lien et choisir l’emplacement du lien. Dans notre exemple : -  Texte du lien : page test -  Lien : page de test

è  Modifiez l’ordre des liens pour obtenir l’ordre suivant: - Accueil - Page de test - Projet - Contact

è  Centrez votre menu

Pikock






Pikock Le design de votre site Pikock

è Passez en mode « Design » à partir du menu principal

Vous allez pouvoir travailler l’esthétisme de votre site en utilisant nos environnement graphiques de référence et en ajustant les couleurs à vos besoins. Le mode « Perso » : permet de définir votre charte graphique et, pour le design « Bliss » d’ajuster l’image de fond. Deux choix sont possibles. La saisie du code informatique de vos couleurs ou l’utilisation des palettes conçues par nos designers. Le mode « Police » : permet de définir la police de votre site ainsi que les couleurs des titres et du texte Le mode « Design » permet de changer d’environnement graphique.

è Créez votre environnement graphique è Changez de thème en utilisant le thème « Bacana » è Adapter vos couleurs en utilisant les codes suivant : 706CEB – E3E1EB – 3E13EB –

0C0C0D – 1313E8 è Validez

Pikock Le design de votre site Pikock

BRAVO

Cet exercice est terminé, vous avez découvert l’essentiel des fonctionnalités de Pikock. La création d’un site n’est aujourd’hui plus une difficulté pour vous, l’enjeu est d’utiliser votre site internet comme un outil de marketing et de business. Il vous faut : -  des contenus riches (images – textes – vidéos), -  l’animer régulièrement, -  respecter les règles du référencement naturel.

Pour vous aider, vous avez accès au support Pikock accessible directement depuis votre back office. Le support vous permettra de bénéficier d’outils très opérationnels pour construire un site efficace:

-  Blog Pikock et nos conseils en référencement naturel -  Guides Pikock et nos conseils sur la construction et l’animation d’un site -  Modes opératoires : Pour approfondir votre connaissance de Pikock.

Votre site Pikock est accessible de plusieurs manières, revenez souvent nous voir et n’hésitez pas à utiliser le « Live chat » en cas de besoin spécifique: Pour accéder de nouveau à votre site -  http://www.pikock.com rubrique « se connecter »

OU -  http://nomdevotresite.pikock.me/admin

MERCI pour votre CONFIANCE

Pikock Synthèse

EXEMPLES DE SITES CREES PAR NOS CLIENTS

Commerce

Machines et moteurs

Batiment Béton de Clara

Tourisme Escleriade

Services

Pressing BALEO

BtoB Semenia

Art

Starter Gallery

Ecole E.S.T

Banque Hipay

Vente en ligne Barnstormer

Sport

Athletisme Pontcharra

Faîtes comme eux, osez publiez sur internet

Internet

Créer un site internet de qualité professionnelle