Etapes de la création d’un site web

Sites vitrines et boutiques

Le travail créatif et technique sur les sites-vitrines et sur les boutiques est en grande partie identique, sauf que les boutiques exigent quelques étapes supplémentaires.

J’indique les étapes nécessaires sur les boutiques, en mettant le titre de l’étape concernée entre parenthèses.

Par exemple :

(Design de la boutique)

signifie que cette étape n’a lieu que sur un site de type eCommerce.

I. PREPARATIFS

Avant de collaborer sur la création de votre site il y a diverses choses à préparer.

En gros c’est moi qui fais l’essentiel de ces étapes techniques, mais j’ai besoin de vous pour faire certains choix.

Maquette de page

1. Choix d’une maquette de départ

Le choix se fait :

Serveur d'hébergement web

2. Location du serveur

Pour l’hébergement de votre site sur un serveur, je recommande O2Switch (environ 100€ par an). Vous le payez et vous en êtes seul propriétaire.

Mais si vous préférez un autre hébergeur, je ferai avec.

Choix du nom de domaine

3. Choix et location du nom de domaine

Sur O2Switch et certains autres hébergeurs, la location du nom de domaine est offerte avec l’hébergement.

Si vous avez déjà un nom de domaine, on peut le transférer ou l’utiliser tel quel.

En option : transfert du nom de domaine (50€)

Certificat SSL

4. Configuration du SSL

Je configure un certificat SSL qui permettra d’accéder à votre site en https (sécurisé).

Configuration email

5. Configuration de l’email

Je configure un email du type contact@votresite.com

Clone du site

6. Copie de la démo

Je recopie ma démo de site sur votre hébergement.

Elle devient notre base de travail.

II. Design

Les étapes liées au design sont celles qui demandent le plus votre implication.

En effet, je ne saurais deviner vos goûts et vos préférences. Vous avez la volonté, j’ai le savoir-faire technique et graphique pour la mettre en oeuvre.

Nous collaborons au design par téléphone + partage d’écran avec le logiciel gratuit Anydesk. Cela prendra plusieurs séances de quelques heures.

Palette de couleurs

Choix des couleurs

Choix d’une palette de 3 à 6 couleurs qui serviront pour : les arrière plans, les textes, les en-têtes, les boutons, les liens, les icones…

Le choix est libre.

Les normes du webdesign préconisent des contrastes assez forts pour assurer la lisibilité : il faut donc choisir des couleurs claires et des couleurs sombres pour pouvoir les faire contraster.

Choix des typos

Choix des typos

Vous pouvez trouver 2 typos, une pour les titres, une pour les textes longs.

  • Celle des titres peut être plus esthétique.
  • Celle des textes doit absolument être lisible car elle sera toujours assez petite et utilisée en masse dans les articles.

On utilise de préférence des typos Google fonts : https://fonts.google.com/

webdesign entêtes de pages

Design des en-têtes des pages principales

Mon travail graphique sur les 5 à 7 images d’en-tête est limité – 1h max par image. Indécis et hyper-perfectionnistes, s’abstenir !

En option: Si vous voulez une prestation de webdesign plus approfondie, on peut en discuter mais cela a un prix.

Design Entête de page

Design de l’en-tête et du pied-de-page

Choix des couleurs des fonds, des textes, des liens.

Choix des éléments : textes, images, menus, liens, icones…

Design pied de page footer

Design du contenu des pages principales

Le client doit préparer des contenus : textes et images.

J’en réalise l’intégration dans les maquettes des pages principales.

En option : rédaction web, iconographie

Page blog

Design du blog

Une seule maquette met en forme tous les articles du blog sur divers sujets.

On doit définir cette maquette : propriétés graphiques de l’image, du titre, colonne latérale ou pas, signature de l’auteur ou pas

Design page boutique

(Design de la boutique)

Choix des couleurs, typos et éléments sur les pages Boutique, Catégorie produit et Produit.

III. CONFIGURATION

J’assume l’essentiel du travail dans ces étapes techniques.

Comme lors des préparatifs, j’ai surtout besoin de savoir quels sont vos choix et vos besoins.

Configuration boutique en ligne

(Configuration de la boutique)

Je configure la boutique WooCommerce, sur la base d’informations que vous me donnez.

Je vous explique les choix possibles.

Configuration de plugins WordPress

Configuration des plugins

Je configure 5 à 10 plugins en fonction des choix du client

Système de paiement électronique

(Branchement du service de paiement)

Sur une boutique ecommerce, je branche un service de paiement électronique de type Stripe ou Paypal.

Pages légales

Préparation des pages légales

Je prépare le canevas de ces pages, et les ajoute au menu en pied de page :

  • Mentions légales
  • Politique des cookies
  • Politique de confidentialité
  • (Conditions générales de vente)

Je ne rédige pas ces pages, qui relèvent d’une expertise juridique. Le client a la charge de la conformité au RGPD.

Stats Google Search Console

Branchement de la Google Search Console

Je connecte votre site à la Google Search Console sur votre compte Google.

Cela vous donnera les statistiques de votre trafic depuis Google.

IV. Mise en ligne

Mise en ligne du site

Passage en mode indexable

Je passe votre site du mode no-index (les moteurs de recherche sont interdits de visite) au mode index (les moteurs sont bienvenus).

Votre site devient public et peut être découvert depuis Google, Bing etc.

Il y a des limites

Il est arrivé, quoique rarement, que des clients me donnent l’impression de m’avoir acheté un service sans fin.

Je dois donc rappeler que mon service de création de sites web à prix bas a des limites.

Mes créations de site sont vendues au forfait, à prix fixe.

J’ai défini des limites pour éviter qu’un de ces forfaits ne déborde tellement que la quantité de travail ne serait plus en rapport avec le prix : je veux éviter qu’un-e client-e trop exigeant-e ne cherche à me faire faire le double ou le triple du temps moyen que je passe à créer un site.

Je pose donc ces limites :

  • je fais le design de maximum 7 pages principales ; si vous en voulez plus, vous pouvez soit les faire vous-même (je vous montre comment quand on fait les 7 premières), soit me les acheter en plus (40€ l’heure)
  • je configure 10 plugins maximum ; leur nature varie selon les clients et leurs besoins ; je détermine le choix de ces plugins ; si vous en voulez plus, charge à vous !
  • l’ensemble du projet ne me prend pas plus de 25 heures pour un site-vitrine et pas plus de 30h pour une boutique : en effet, au-delà mon tarif horaire commence à creuser ma tombe
  • c’est fondamentalement moi qui décide si une demande du client est raisonnable ou pas

Mon tarif pour les sites est très inférieur à la moyenne du marché – des sites comparables se vendent 1500€, 2000€ et plus.

Je fais des prix bas pour des raisons morales et politiques : je suis altruiste, aidant, et favorable à l’indépendance économique de chacun-e.

J’attends donc de mes clients qu’ils aient des exigences raisonnables concernant mon temps de travail, et ne s’imaginent pas me faire travailler un mois plein en ayant payé 800 ou 1000€.

Je n’exploite pas autrui et je refuse également d’être exploité.

Je précise que je suis freelance, et que ce statut a des charges et 0 privilège à part la liberté :

  • j’ai 22% d’impôts BNC – sur 100€ perçus je touche en fait 78€, sans compter l’impôt sur le revenu
  • j’ai plusieurs centaines d’euros de frais généraux chaque mois (licences de logiciels, abonnements…)
  • il m’est impossible de remplir toujours à 100% mon agenda – pourtant je dois payer mes factures malgré les trous d’activité
  • mes vacances, mon assurance maladie, ma retraite, tout est à ma charge

Pour que les choses soient bien claires : je vends ma journée de travail aux alentours de 280€ alors que le tarif moyen d’un informaticien est d’environ 500€.

Pour un tel prix déjà avantageux pour vous, SVP épargnez-moi les « je peux avoir une ristourne ? vous pouvez me faire 4h gratuites ? vous pourriez refaire cette tâche 4 fois parce que je suis indécis-e ? » etc.

Comment faire si vous en voulez plus ?

Si votre demande est plus exigeante que les besoins ordinaires, vous pouvez m’acheter des services complémentaires :

  • création de logo
  • création de webdesign sophistiqué
  • rédaction web
  • référencement / SEO
  • autres besoins particuliers…

N’hésitez pas à me contacter pour en discuter.

Besoin d’un hébergeur ?

Convivial, sympa, fiable, et pas cher,
O2Switch me semble être la meilleure offre actuellement sur le marché français.
C’est pourquoi j’y héberge tous mes sites.

Hébergement O2Switch
Hébergement O2Switch

Théories fumeuses, affirmations gratuites, croyances sans fondement :
arrêtez de croire et de faire n’importe quoi en SEO !

Panier
Retour en haut