Design à impact et développement d'un site Webflow pour une Green Tech !

La start-up qui replante des écosystèmes forestiers !

Alors qu’est-ce que Morfo ? C’est une société ayant développée une solution de restauration d’écosystèmes forestiers à grande échelle. Elle a mis en place une technologie permettant de planter des arbres grâce à des drones afin d’obtenir un résultat plus rapide, et surtout plus précis et agit principalement dans les zones tropicales, notamment en Amazonie, mais également les forêts atlantiques et africaines.

Une Green Tech qui replante des arbres agissant principalement dans les zones tropicales ça change non ? Un secteur d’activité très différent pour la Digiteam mais qui s’est avéré passionnant.

Un projet en plusieurs étapes !

1. Charte graphique afin de poser les bases du projet

Le process de design reste le même : commencer par une charte graphique, une étape nécessaire pour poser les bases du projet afin de mettre en place une identité claire que l’on retrouvera tout le long du site. Cela passe par le choix des couleurs, des typographies, mais également une réinterpréation du logo de Morfo.

‍

2. Wireframes : le squelette du site

Ensuite, l’étape du wireframing permet de mettre en place le squelette du site, une étape obligatoire pour concocter un UI cohérent avec des sections bien définies.

3. Design de la maquette !

Les wireframes n'ont plus qu’à être designés en fonction de la charte graphique définie en amont pour donner une maquette UI en adéquation avec les attentes d’une start-up tech. L’objectif étant de mettre en avant ce côté-là tout en restant dans un univers tropical, notamment avec des photos de forêts, ou de drones en action. Maintenant place à Webflow !

4. Webflow pour finir le travail !

Le bijou a besoin d'être poli, c'est Webflow qui s'en occupe ! En effet, la passation entre design et développement est ultra importante afin de cerner les enjeux autour de la maquette. Cette dernière est une étape clée puisque c'est à ce moment que l'on aura une vision claire sur le site. Et voilà ce que ça donne !