Actualités

Les étapes de la création de votre site web

Le Making of… En tant que Freelance à Mulhouse, je vous propose la création de votre site web. Du Webdesign […]

par Éva Goaoc Froehly

Le Making of

En tant que Freelance à Mulhouse, je vous propose la création de votre site web. Du Webdesign au développement, en passant par l’ergonomie, le responsive design mobile, le référencent naturel ou même l’optimisation des performances et la sécurité !

Analyse de l’existant et définition des besoins
Définition de l’ergonomie, recherche créative et webdesign
Optimisations des performances & développements 
Recommandations au référencement naturel
Entraînement à l’utilisation de vos services

Découvrez les 5 étapes de la création de votre site web plus en détails :

Analyse de l’existant et définition des besoins

Que vous ayez déjà rédigé un cahier des charges ou que vous souhaitiez être accompagné dans la création de celui-ci, je vous apporte mon expertise dans la réflexion technique.
Je mets à votre disposition un questionnaire pour préciser votre projet et élaborer une stratégie, afin de définir un devis bien précis.

Définition de l’ergonomie, recherche créative et webdesign

Webdesign et ergonomie
User Experience (UX)
User Interface (UI)
Wireframing
Maquettes statiques et/ou HTML

Une fois le cahier des charges bien établi, et le devis validé, je vous proposerai une maquette qui reflète la réflexion UX (expérience utilisateur, c’est à dire l’ergonomie) et UI (interface utilisateur, c’est à dire le webdesign ou le graphisme) correspondant à votre projet.

Tout d’abord un wireframe pour schématiser les positions et le fonctionnement des divers éléments du site.

Maintenant il est temps d’utiliser votre charte graphique ou de la concevoir si elle n’existe pas.
Ensuite vient la maquette plus élaborée sur Adobe Photoshop, Adobe XD, ou directement en HTML, avec vos couleurs, photos et styles présentant des contenus réels ou fictifs plus en détail.

Optimisations des performances & développements

Développement et intégration
Responsive design
Intégration Mobile first
Feuilles de style : SASS ou CSS 3.0
Utilisation de polices d’écriture en Webfonts
Sémantique propre optimisée pour le référencement (SEO)
Optimisation du poids des images et du code

Le site est développé en responsive design, il s’adapte aux différentes tailles d’écrans d’ordinateurs, tablettes et mobiles, avec un thème personnalisé, réalisé sur mesure pour répondre à vos besoins.

Selon vos besoins, soit j’installe et configure un CMS (système de gestion de contenu) tel que WordPress ou Prestashop pour la création d’un site dynamique, soit je développe un site statique.

L’étape de l’intégration du webdesign et des contenus permet de valider l’aspect graphique et l’ergonomie du site. Lors de cette étape on valide définitivement le design.

Vos pages sont optimisées pour le SEO en respectant les règles et conseils des moteurs de recherche en matière de Référencement naturel.

Référencement naturel : SEO

Mise en production et SEO
Ouverture au public
Référencement naturel
Tracking et cookies
Sécurité des données personnelles
Analyse et rapport

Votre site est enfin en ligne et votre référencement naturel commence. Les robots indexent vos pages dans les moteurs de recherche c’est à dire les SERP (Search Engine Results Pages).

Vous pouvez consulter le nombre de visiteurs sur le site via Google Analytics (Outil d’analyse des visites). Je vous met en place un rapport mensuel qui arrive directement dans votre boite email avec toutes les infos sur les visites du mois passé.

Toutefois, dans un soucis de respect du Règlement Général sur la Protection des Données (RGPD), vos visiteurs ont la possibilités de ne pas donner leur accord pour le dépôt de cookies grâce à un outil dédié que je met à votre disposition.

Je vous livre un site sécurisé avec des recommandations pour qu’il le reste. Il sera important de continuer à mettre à jour le site. Si vous hésitez à le faire vous même, je peux vous proposer une prestation de maintenance : je maintiens votre site à jour et je vérifie toujours son bon fonctionnement, si besoin de réaliser un ajustement il sera fait dans le cadre de cette prestation.

Entraînement à l’utilisation de vos services

Formation WordPress
Formation Prestashop
Formation Réseaux sociaux
Formation à la maintenance

Afin que vous puissiez être libre de modifier vous-même vos contenus, je vous propose une formation à l’utilisation de vos services, avec des exercices pratiques, que ce soit pour votre site WordPress, Prestashop, ou vos réseaux sociaux tels que Facebook et Instagram. Vous apprendrez également à maintenir votre site à jour et à l’abri des failles de sécurité.