Ce site est le premier que j'ai développé pendant mon stage au sein de l'agence de communication Lézards Création. Il est accessible à cette adresse : https://forestiersprivesdesvosges.fr/
Je me suis chargé de tout le développement HTML, CSS, JS, PHP et l'intégration Wordpress afin de rendre le site Internet dynamique et éditable par le client dans le futur. Je vais détailler dans ce dossier le processus de développement du site web et ses contraintes.
Identité visuelle
Toute l'identitĂ© visuelle et les maquettes ont Ă©tĂ© rĂ©alisĂ©es par une graphiste de l'agence. Le style graphique se veut minimaliste et en cohĂ©rence avec la nature. La couleur principale est un vert kaki qui renvoi aux couleurs de la forĂȘt et des feuillages. Le design laisse clairement la prioritĂ© aux photographies qui mettent Ă valeur la forĂȘt vosgienne sur les pages de contenu. Voici quelques aperçus des pages du site. Je vous invite Ă aller voir le site en ligne car je ne peux pas montrer entiĂšrement les pages ici.
[harmonie_coloree]DĂ©veloppement
Contrairement Ă tous les sites que j'ai dĂ©veloppĂ© auparavant, celui-ci est le premier que j'ai dĂ©veloppĂ© en mĂȘme temps que l'intĂ©gration Wordpress. J'ai donc dĂ©veloppĂ© la structure de chaque page ainsi que les styles en parallĂšle du dĂ©veloppement de la partie back-end (champs personnalisĂ©s, code PHP, boucles Wordpress...). Ce site fĂ»t un dĂ©fi pour moi car en plus d'apprendre de nouvelles techniques, nous avions des impĂ©ratifs de temps et des retours client qui nous occupaient parfois pendant des demi-journĂ©es.
Les champs personnalisĂ©s ont Ă©tĂ©s trĂšs utiles pour construire les pages. J'ai utilisĂ© le plugin Wordpress ACF Pro qui permet de crĂ©er et lier des champs personnalisĂ©s entre le back-office et rendu sur la page web. Lâavantage notoire est que cette intĂ©gration est «user-friendly» et donc facile Ă enseigner au client.
Le responsive du site à été une contrainte plutÎt difficile à surpasser étant donné la disposition souvent organique des éléments sur la page. Une des solution à ce problÚme à été de simplifier la structure des pages pour l'affichage sur petit écran.
Bourse fonciĂšre
La bourse fonciĂšre est une partie du site web destinĂ©e au dĂ©pĂŽt et l'affichage d'annonces de vente de parcelles de forĂȘt. Les fonctionnalitĂ©s nĂ©cessaires Ă ce service ont Ă©tĂ©s plutĂŽt techniques et parfois assez longues pour moi Ă mettre en place. Par exemple l'utilisation d'une Google Map Ă impliquĂ© le dĂ©veloppement de filtres qui ont Ă©tĂ©s assez compliquĂ©s au dĂ©but. Finalement, toute cette partie de bourse fonciĂšre Ă Ă©tĂ© terminĂ©e et est fonctionnelle.
Bilan
Ce premier projet au sein de l'agence LĂ©zards CrĂ©ation est un succĂšs. L'intĂ©gration complĂšte m'a occupĂ© pendant 2 semaines, bien que la mise en place et l'apprentissage de certains outils ont retardĂ©s l'intĂ©gration, ils vont maintenant me permettre d'avancer plus vite sur les projets suivants. Ce projet peu-ĂȘtre retrouvĂ© sur https://forestiersprivesdesvosges.fr/