Sunology est un entreprise basée à Nantes qui a pour ambition de démocratiser l’utilisation de l’énergie solaire chez les particuliers. En collaboration avec François, Product Owner, j’ai mené à bien le développement de la plateforme Tous gagnant, dont le but est but est de diffuser des informations fiables et qualitatives sur l’énergie solaire auprès du public. Pour ce projet, le design avait déjà été produit, je suis donc intervenu en tant que développeur Webflow.
Les principaux objectifs de cette mission étaient : Structurer le CSS afin d’avoir une organisation et une architecture fiable et pérenne, créer et paramétrer différentes collections CMS afin d’organiser le contenu de manière efficace, développer les maquettes fournies.
Afin de garantir une structure solide et fonctionnelle, j’ai développé la plateforme Tous gagnants en suivant la nomenclature et les recommandations de Finsweet et de leur guide Client First. En plus d’être complet et adaptable à n’importe quel projet, Client first de Finsweet est très bien documenté et accompagné de nombreux tutoriels sur Youtube. Ainsi il sera simple pour n’importe quel développeur de faire évoluer le site dans le futur.
Avoir défini le CSS et créé un styleguide de référence sur Webflow, m’a permis de développer les différents écrans rapidement et efficacement. J’ai toutefois rencontré quelques obstacles que j’ai surmontés en faisant de simples recherches :
Comment créer un breadcrumb dynamique sur Webflow ?
Pour créer un breadcrumb dynamique sur Webflow il suffit de créer un champ CMS Multiréférences et d’organiser ces champs en fonction du breadcrumb souhaité. Cette vidéo explique toutes les étapes à suivre afin d’y parvenir.
Comment afficher les dates d’un élément du CMS en Français sur Webflow (ou dans une autre langue que l’anglais) ?
Pour afficher la date du CMS dans une autre langue que l’anglais, il faut ajouter quelques lignes de custom code à votre projet. Toutes les information peuvent être retrouvées dans cet article.
Comment avoir plusieurs layouts sur un seul template de pages CMS sur Webflow ?
Il est possible de créer autant de layout que l’on souhaite pour une collection CMS. Pour cela il faut créer ces layouts dans l’éditeur, les identifier grâce à une classe CSS et les liés aux éléments du CMS Webflow en créant un champ « Layout » dans la collection. Ce live de Webflow explique de manière claire les étapes à suivre afin de créer un template multi-layout