Le projet

Création du site de l'artisan Augusto

Chaque entreprise a besoin de visibilité sur internet afin de proposer ses services et de recevoir des demandes de rendez-vous par le site internet. L'entreprise Augusto a donc fait appel à notre agence web pour concevoir le site internet de son entreprise.

Après un rendez-vous de briefing où nous avons noté les orientations et les objectifs de l'entreprise pour la conception du site internet, notre agence a travaillé à la réalisation d'un site comprenant une page d'accueil, une page de présentation de l'entreprise, une page présentant les services, une page sur les avantages Augusto ainsi qu'une page de formulaire pour la prise de rendez-vous en ligne.

Haut de page

Logo, menu, contact

Le haut de page est composé du visage de Monsieur Augusto, une phrase de définition d'activité, d'un bouton en lien avec la page de prise de rendez-vous en ligne ainsi qu'un espace de communication pour appeler directement l'entreprise. Situé plus bas et centré sur la page, un menu général permet de naviguer sur les pages les plus importantes du site internet.

Le bas de page

Coordonnées, réseaux sociaux, menu...

Le bas de page est composé de deux parties avec un espace de communication pour la prise de rendez-vous par téléphone ainsi que les interventions réalisées par l'entreprise au cours de l'année passée.  Vient ensuite une zone de récapitulatif des informations d'entreprise avec un menu réseaux sociaux, un menu en lien avec toutes les pages du site ainsi qu'un bouton de retour haut pour les versions mobile du site.

La page d’accueil

Une version résumé du site internet

La page d'accueil reprend en résumé les pages intérieures du site avec de haut en bas :

• Un gros plan composé d'un visuel d'une intervention, d'une phrase d'accroche et d'un bouton pour la prise de rendez-vous immédiate.
• Le résumé en image de l'entreprise Augusto qui décrit l'expérience et le savoir-faire de Monsieur Augusto.
• Les différents services proposés, le dégorgement, le pompage, le curage et l'inspection.
• Viennent ensuite les avantages de l'entreprise Augusto, le prix bas et garanti, le travail soigné, le devis gratuit et l'intervention rapide.

Ma petite entreprise

Historique de l'entreprise, savoir-faire...

Lionel Augusto détaille dans cette page entreprise, tout son savoir-faire et son expérience dans le domaine de l'assainissement. Le texte réalisé par notre rédactrice web est accompagné de photos pour mieux illustrer les propos.

Les services de l'entreprise

Services, tarifs et prise de rendez-vous en ligne

Dans cette page sont présentés les différents services proposés par l'entreprise avec un bouton qui permet de présélectionner le forfait lors de la prise de rendez-vous par le formulaire de contact.

Les avantages

Garantie, délais, qualité...

L'objectif de cette page est de détailler les avantages présentés en page d'accueil du site internet. Cette page reprend donc les quatre avantages de l'entreprise avec icones et textes détaillés.

La page de contact avec formulaire

Demande de devis en ligne

La page de contact propose aux utilisateurs de faire des demandes de renseignements et demande de devis par l'intermédiaire d'un formulaire. Un message de confirmation personnalisé est envoyé à l'utilisateur une fois la demande effectuée.

Le briefing de projet

Les étapes de création

Avant de lancer la production d'un mini site internet d'entreprise, le briefing de projet nous permet de comprendre les attentes et d'analyser les différentes options possibles ainsi que la meilleure approche en terme de communication.

Le briefing permet de fixer les objectifs du client, les orientations graphiques ainsi que de définir les utilisateurs potentiels du site. Il permet de garantir la bonne marche du projet. 

En savoir plus sur le briefing de projet

Plan du mini site d'entreprise

S'agissant d'un mini site internet avec seulement cinq pages, il n'était pas nécessaire de réaliser un plan de site internet.

Voir la création d'organigramme

Concevoir et imaginer les différentes formes du projet

Structure et prototype

Pour gagner du temps lors de la phase de production graphique, il est indispensable de passer par une étape de mise en page. Ceci est encore plus vrai avec les contraintes du responsive design. Cette étape permet de tester les différentes mises en page possibles pour chacune des pages modèles du mini site d'activité.

Pour le site internet de Lionel Augusto, nous avons réalisé quelques maquettes afin de placer les éléments les plus importants du haut et du bas de page. Nous sommes ensuite passés directement à l'étape de conception graphique afin de ne pas dépasser le budget du client.

En savoir plus sur la création de maquette

Dessiner et mettre en image le projet

Conception graphique

Pour la conception graphique, il s'agissait de proposer un graphisme simple, orienté autour de la personne de Monsieur Augusto et avec un style graphique qui permettrait par la suite d'être réalisé en HTML et CSS. Avec une police de caractère adapté aux écrans multiples et un jeu de couleurs propres à l'activité de l'entreprise, le rendu graphique fut validé et le développement du mini site internet fut lancé.

Produire et donner vie au projet

Production et intégration

L'utilisation du HTML5 facilite le développement des pages grâce aux nouvelles balises qui permettent de mieux structurer le code et de gagner en lisibilité. Le CSS3 avec les Média Queries facilite la déclinaison du site en version tablette et smartphone. Pour donner au site un aspect plus dynamique, lors des passages en version responsive, nous avons ajouté quelques codes CSS. Le formulaire de contact et devis a été modifié pour une meilleure expérience utilisateur avec l'utilisation d'Ajax.

La validation du projet

Avant de procéder à l'ouverture du site, Olloweb lance une vérification complète du site internet afin de garantir le codage. Le site d'information une fois validé est garanti pour une durée de deux ans. Cette garantie couvre les bugs éventuels et les mises à jour des navigateurs.

Mesurer et analyser la réussite du projet

Référencement et statistiques

Pour obtenir des statistiques de fréquentation du site, nous procédons à l'installation de module Google ou Piwik. Un plan de l'ensemble des pages web du site est rendu disponible en ligne et ajouté dynamiquement pour Google et les autres moteurs de recherche. Par ailleurs l'hébergement OVH propose des statistiques fiables avec l'analyse des logs du site.

Coordonner les différentes phases du projet

Conduire et réaliser

La conduite du projet, le prototypage, la conception graphique, la réalisation technique et le CMS ont été réalisés au sein de l’agence Olloweb.