Notre agence de communication LES TROIS PELOS, commence toujours un projet en faisant une analyse concurrentielle des différentes agences immobilières. En effet le but étant de créer un site web d’agences immobilières de biens atypiques, spéciaux.

Nous sommes donc allés visiter quelques sites vendant le même type de biens atypiques, et nous nous sommes concentrés sur la structure des sites web : comment est faite la navigation, est ce facile d’accès, quelles fonctionnalités intéressantes pour les utilisateurs.

Etant donné que le but est de rendre la visite du site immobilier agréable, il est important de placer des indicateurs permettant de voir ou de calculer quelles sont les fonctionnalités indispensables, corriger ses erreurs, rajouter du contenu. Plusieurs méthodes existent tel que des formulaires de satisfaction ou encore une page dédiée aux questions ou demandes des utilisateurs.

Dans ce contexte, aucune vente n’est disponible sur le site web, mais dans la boite de l’agence, il est possible de demander de remplir un formulaire par rapport au site ou encore simplement demander de vive voix.

Cette étape va permettre de mettre à l’écrit chaque détail du projet. Nous avons fourni :

• les personnes travaillants sur le projet de site web
• le client
• le but du projet
• nos différents outils
• les informations sur notre agence de communication
• les informations sur l’agence immobilière
• les fonctionnalités du site
• le contenu du site
• le temps passé sur le projet
• le budget
• les deadlines

Ces informations sont inscrites dans un cahier des charges fonctionnel. C’est presque comme un contrat, il contient toutes les informations indispensables pour le projet.

Après avoir bien définit notre projet, c’est l’heure de passer à la maquette du site sur Figma. Le but de cette partie est tout simplement de mettre la réflexion faite précédemment en visuel de site web. Il faut donc prendre en compte l’analyse concurrentielle ainsi que l’identité de marque pour l’agence, ici Sectreta Noctua.
L’agence immobilière propose des biens atypiques d’exceptions, le site est dans des couleurs plutôt sombre et foncé avec un contraste de doré pour faire ressortir le côté chic, magique et fantastique.

Vient la partie la plus intéressante, le développement web du site. Tout d’abord, avec mon groupe, nous avons commencé par créer un projet sur GitHub nous permettant de travailler en collaboration. A chaque grosse modification on fait une transaction de notre code, appelé commit. Puis les autres collaborateurs peuvent téléchargé le projet avec les dernières modifications.

Après s’être préparé, place à la programmation. Nous avons codé avec la structure de MVC (Model View Contrôler), ce qui est une façon d’organiser ses fichiers. Chaque fichier a sa propre fonction ce qui fait que pour les gros projets, il est plus simple de s’y retrouver.

Nous commençons par la version mobile du site, nous permettant de faire du responsif. Nous avons donc programmé la partie HTML, CSS et JavaScript pour l’intégration.

Puis vient la création de la base de données pour les différents biens sur le site web. Cela va permettre notamment d’afficher un immense nombre de biens seulement en programmant une seule page type. Mais aussi de faire fonctionner les fonctionnalités tel que le filtre ou encore les favoris.

Pendant ce temps-là, c’est la version ordinateur qui commence. Toujours en intégration, la page se construit plus vite étant donné que l’intégration de la version mobile avait été terminé.

Puis nous terminons par les détails pour l’expérience utilisateur tel que des boutons pour revenir à la page précédente, un bouton pour remonter en haut de la page…

Maintenant que je sais quelle est la forme de mon site ainsi que son contenu, je passe à la programmation. Je commence par faire la version ordinateur et créer ma structure HTML en respectant les balises et la hiérarchie et en ajoutant mes SVG. Ensuite, j’ajoute le style en CSS sans animation pour l’instant. Je m’attaque ensuite au JavaScript qui correspond à une grosse partie de mon site car il va me permettre de faire de l’interactivité.

Après avoir fait les animations et interactivité que je détaille dans l’AC 24.03, j’ai programmé la version mobile. Et c’est à ce moment que les choses se compliquent. En effet la version mobile étant plus petite, certains éléments tenant dans le viewport de la version ordi, ne tient plus sur la version mobile. J’ai donc refait certains SVG notamment le graphique final car il était trop large et cela n’était pas si visible. J’ai également modifié la taille des textes, les grid et flex pour que cela tienne sur l’écran.

Les pop-up informatifs sont un problème car ils sont difficilement responsive quand on leur définit une position en fonction de la hauteur et de la largeur de l’écran. En fonction des ordinateurs et des téléphones, ces pop-up se retrouvent à des endroits différents. J’ai donc dû faire un compromis et position ces pop-up en fonction d’un résolution d’écran plus présente que la mienne.

Le référencement d’un site se fait en grande majorité grâce aux mots clés choisis. Les mots clés définissent le contenu ainsi que l’entreprise, ici en tant qu’agence immobilière, nous avons donc cherché des mots clés en rapport avec l’immobilier. Certains de nos mots clés principaux :

• Demeure atypique
• Logement insolite
• Belles demeures
• Maison originale

Nous avons choisi ces mots clés car ils décrivent au mieux le contenu de l’agence. Etant donné que l’agence vend des biens dans les arbres, dans les grottes ou même dans des châteaux.

Mais ce n’est pas tout, commet choisir tel ou tel mot clé ? Des outils d’analyse de mots clés permettent de calculer le nombre de personnes cherchant ces mots clés sur la barre de recherche internet. Mais attention, il ne suffit pas de prendre les mots clés les plus recherchés ! Ceux ayant le plus de recherches sont notamment les mots clés ayant le plus de concurrence. Il est donc primordiale de choisir ces mots clés avec précision.

Nous avons choisi un hébergement qui nous permet une rapidité de chargement pour pouvoir voir pleins de biens rapidement. Changer de pages aussi souvent n’est pas agréable quand on attend plus d’une seconde. Nous nous sommes donc focalisés sur ce type d’hébergement qui possède également un bon SAV.

Nous avons commencé notre projet de site web d’agence immobilière par un Mindmap et un diagramme de GANTT. Cette étape nous a permis de prévoir les différentes parties de notre projet. Le temps que nous allons prendre, la répartition du travail dans l’équipe. Mais cela va notamment nous permettre de prévoir les éventuels obstacles comme par exemple un client insatisfait ou une erreur que l’on a jamais vu ou tout simplement un manque de temps.

Revenons à la partie marketing du site web. En plus des mots clés, il est important à l’agence de se faire connaître, et les réseaux sociaux sont de très bonnes plateformes pour se faire connaître.

L’agence Sectreta Noctua peut faire de la pub sur un réseau social tel que Linkedin. Linkedin permet de donner beaucoup d’information sur l’agence mais aussi publier de nouveaux biens, mais encore des annonces pour des postes. C’est un réseau social qui permet de créer un bon rapprochement entre l’agence et les clients.

Cette SAE nous a permis d’élargir notre réseau professionnel. En effet, nous avons dû contacter plusieurs personnes pour notre interview audiovisuel ainsi que pour notre podcast audio. Nous avons discutez avec ces personnes, nous avons pris connaissance de leur entreprise. Ces nouvelles relations peuvent être utile dans le futur si une occasion similaire se présente.

De plus, je souhaiterai travailler en freelance dans l’avenir et ces contacts en rapport avec le développement web sont une mine d’or.

Si nous souhaitons que le site soit vu facilement sur Google, il doit être légal de manière juridique. Tout d’abord les mentions légales qui doivent contenir toutes les informations concernant le site web :

• Le nom du site
• L’hébergeur du site
• L’adresse de l’hébergeur
• les contacts de l’agence

Mais aussi la politique de confidentialité qui est indispensable pour une bonne confiance entre les clients et l’entreprise. En effet cela correspond aux collectes de données sur le site. Tel que des cookies, un nom, mot de passe, adresse etc. Pour notre part, nous ne prenons pas de données utilisateurs.

Enfin, nous avons rédigé les CGV. Cette aspect légale est obligatoire à partir du moment où nous avons un prix affiché sur notre site. Même si faire de la vente en ligne.

Pour réaliser notre vidéo à la mairie de Mulhouse, nous avons dû envoyer et faire signer un document nous permettant de filmer dans cette entreprise. Etant donnée que la vidéo a pour but d’être publié sur le site de la formation MMI, nous devons faire signer ce document de droits à l’image.

Nous avons notamment fait signé ce droit à l’image à Anissa Baïdou, notre actrice principale de notre vidéo. Beaucoup de personne ne souhaitent pas être vu sur un site aussi visité que le site de MMI.