Faire créer son site web : comment ça se passe

Vous avez bien préparé votre projet site web. Vous avez commencé à réfléchir à un cahier des charges. Maintenant vous allez vous tourner vers des professionnels pour le réaliser. Nous vous expliquons comment cela se passe de faire créer son site internet.

Un bon rappel avant de commencer c’est notre article sur les différents professionnels qui travaillent sur les sites web.

Dans l’article nous allons parler du processus lorsque vous vous adressez à nous mais sachez que chaque entrepreneur a sa méthode. N’hésitez pas à poser la question à votre prestataire.

Le design

Lorsque vous prenez contact avec nous, nous vous proposons un rendez-vous téléphonique ou visio conférence pour discuter de votre projet. En fonction de cette discussion deux solutions sont possibles.

Si votre projet est clair dans votre tête nous vous proposons de rédiger un devis pour l’intégralité du projet. Si il vous reste quelques incertitudes nous vous proposons un devis de création de wireframes uniquement.

Photographie d'un stylo sur une feuille de schéma avec la mention "ConceptLAB", symbolisant la phase de création de schéma d'interface lors de la mise en place d'un design.

Les wireframes

Les wireframes sont une sorte de schémas de l’interface de votre futur site. Elles permettent de se faire une meilleure idée de la structure globale du site. Quels liens dans le menu principal ? Quelles sont les informations fondamentales qui doivent figurer sur la page principale ? Comment seront-elles présentées ? Et ainsi de suite.

Capture d'écran d'un exemple de Wireframes réalisé par l'agence web Kornog pour la première version de son propre design de site web.

Un exemple de wireframes pour la page d’accueil de notre site, kornog.bzh.

Sur un site simple nous mettons 1 à 2 jours de travail à réaliser les wireframes et nous vous les transmettons au format PDF. Nous travaillons avec le logiciel Balsamiq Mockup.

Les maquettes

Une fois les wireframes réalisés la prochaine étape est de les transformer en maquette graphique. Une maquette c’est un fichier image qui représente une page de votre site. Tout va cette fois y figurer : les couleurs, les polices, du texte d’exemple. Votre site ressemblera à l’identique à la maquette en dehors des contenus.

Pour les maquettes, trois cas de figure possibles. Si le design est simple et que vous ne connaissez pas de graphistes : nous vous proposons de réaliser nous-même les maquettes graphiques. Nous travaillons avec Adobe Photoshop et nous vous livrons les maquettes en deux formats : PSD et JPG.

Vous connaissez déjà un graphiste avec qui vous voulez travailler : vous lui transmettez les wireframes. Vous revenez vers nous lorsque vous avez les maquettes graphiques en votre possession.

Troisième et dernier cas : vous ne connaissez pas de graphiste mais l’interface nous paraît trop complexe pour nos capacités graphiques. Le design n’est pas notre métier principal et nous connaissons nos limites. C’est pourquoi si l’interface nous parait trop complexe à designer nous vous transmettrons les contacts de graphistes.

Le développement

Voilà la partie où nous faisons de la magie noire. Non plus sérieusement tout ça n’a rien magique et on peut découper le développement en trois phases.

Photographie d'un écran d'ordinateur affichant du code, illustrant la phase de développement lors de la création d'un site web.

La conception

La conception c’est là où nous « pré-découpons » votre projet. Nous identifions les différents éléments et nous déterminons sous quelle forme seront modélisées les informations. Si votre site doit utiliser des systèmes externes c’est là où nous déterminons ce qui sera utilisé.

Sur un site complexe nous vous fournirons une documentation de la conception. Elle peut contenir plusieurs documents comme par exemple :

Nous travaillons avec différents outils parmis lesquels Google Drawings et MySQL WorkBench.

Le code

Nous travaillons de notre côté à rédiger le code de votre site internet et à le tester. 

Nous versionnons le code (une sorte de sauvegarde de tout le code et ses modifications) sur notre Github.

Pour éviter les mauvaises surprises nous vous mettons les parties du site à disposition au fur et à mesure. Nous créons dès le départ un site temporaire sur l’URL nom-de-votre-site.kornog.bzh. Sur ce site temporaire vous pourrez surveiller l’avancée des travaux. C’est lui qui vous servira aussi réaliser vos tests.

Les tests

Même si des tests sont réalisés à mesure des développements de fonctionnalité, il faut prévoir une phase finale de tests.

Une fois que nous avons fini les différents développements nous vous le signalons. Vous ferez ensuite tous les tests que vous souhaitez sur le site temporaire. Une fois que le site est conforme à ce dont nous avions convenu ensemble il est prêt à être mis en ligne.

La mise en ligne

Pour la mise en ligne d’un site internet vous aurez besoin de deux choses : un serveur pour héberger le site, et un nom de domaine. En fonction des besoins de votre projet nous vous accompagnons, si vous le souhaitez pour le choix et l’achat de ces deux services.

Ensuite nous réservons une journée pour configurer le serveur et mettre le site en ligne. Nous effectuons les derniers réglages et votre site est disponible pour le grand public.

Une fois la mise en ligne effectuée nous vous transmettons la facture de notre prestation.

Photographie d'un homme manipulant des câbles réseau sur des boîtiers, représentant la phase de mise en ligne d'un projet de création de site web.

Les prix

Vous devez vous en douter, les prix varient beaucoup selon les sites mais nous allons essayer de vous donner un ordre d’idée :

  • Pour un site vitrine simple, il faut compter entre 1200 et 1500 euros environ si nous faisons le design et le développement.
  • Dans le cas d’un site e-commerce simple, entre 1500 et 2000 euros environ si nous assurons le design et le développement.
  • Pour un site complexe les prix sont très variables de 7 000 euros à 50 000 euros environ
  • Une application mobile coûtera rarement moins de 20 000 euros.
Photographie de la carte des prix d'un café-bar, servant d'illustration pour évoquer les différents prix pratiqués pour une création de site web en fonction de la nature du projet.

Si vous avez des questions ? Un projet de site web ? Vous pouvez nous contacter par FacebookTwitter ou email !

Par

le