Découvrez comment la start-up Green Tech Morfo a collaboré avec Digidop pour créer un site web impactant qui met en avant son expertise en replantation d'écosystèmes forestiers. Avec l'aide de notre équipe multidisciplinaire, Morfo a bénéficié d'un accompagnement complet de la conception à la mise en ligne de son site web.
Voici les différentes étapes clés de ce projet :
- Étape 1 : Élaboration d'une charte graphique pour poser les bases du projet, en définissant les couleurs, les typographies et en réinterprétant le logo de Morfo.
- Étape 2 : Wireframing pour mettre en place le squelette du site et définir les sections et l'UI.
- Étape 3 : Design de la maquette pour donner vie à l'UI en adéquation avec l'univers tropical de Morfo.
- Étape 4 : Développement avec Webflow pour créer un site client-first qui offre une expérience utilisateur optimale et des résultats de qualité.
Aussi, nous avons intégré l'outil Weglot pour rendre le site multilingue et toucher un public international. Le site de Morfo est donc disponible en plusieurs langues pour un maximum d'accessibilité.
Notre collaboration avec Morfo a permis de mettre en avant nos expertises en design, développement et stratégie web, ainsi que notre capacité à accompagner des start-ups Green Tech dans leurs projets ambitieux. Découvrez dès maintenant le résultat en images
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 !
.webp)
.webp)
