Portfolio

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

Découvrez le cas client de Morfo, une start-up Green Tech, qui a choisi Digidop pour créer un site web avec un design impactant et une expérience utilisateur optimale. Notre équipe a pensé le design sur Figma et développé le site Client-First sur Webflow pour des résultats de qualité.

Branding
Design
Développement
Section header avec design à impact du site Morfo
“Une équipe au top du top, de Thomas pour la structuration du projet, à Pierre & Mérieux dans le déploiement du projet, jusqu'à Florian pour le développement Webflow.”

Pascal Asselin

Co-founder @Morfo

Voir le site

Points clés du projet Morfo

Un site tech' et impactant.

Stack Technique

Icon Figma SVG
Logo webflow bleu
Icon Finsweet Attributes SVG
Client-First icon svg
Icon Weglot
Icon layout

Services

  • Branding
  • Design UX et UI
  • Développement Webflow
  • Formation de l'équipe marketing

Le projet en images

Les sites évoluent. On capture donc ces photos pour que vous ayez un oeil sur le vrai rendu au moment de la mise en ligne.

Header d'un site web avec des images défilantes à gauche, et un layout text + cta à droite
Section présentant visuellement la solution de reforestation de Morfo
Layout avec un titre, une image et un text descriptif
Bande de logo défilantes et cartes mettant en avant les articles de presses
Section présentant la team Morfo sous format de cartes individuelles
No items found.
Voir le site

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 !

Une maquette designée en fonction des étapes précédentes !
Une maquette designée en fonction des étapes précédentes !

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 !

Nos sites sont développés avec les meilleurs pratiques web

Digidop ne vous propose pas qu’un simple site web, mais un savoir-faire approuvé par les acteurs du marché et nos clients satisfaits. Un gage de notre professionnalisme et de la qualité de nos services.

Et validés par nos clients

logo google
5/5 (57 avis)

"Excellent travail, direction artistique au top, équipe à l'écoute et surtout réactive !"

"L'agence m'avait été recommandée et ils ont vraiment été au rdv ! De la conception graphique, au développement sur Webflow jusqu'aux allers / retours avant la mise en ligne, tout s'est très bien déroulé."

"Le process est très carré et ils sont super sympas - si vous voulez développer un site en no-code rapidement et avec un super design, n'hésitez pas !"

"L'équipe de Digidop est une valeur sûre. Ils sont ponctuels, professionnels, communicatifs, positifs et incroyablement enthousiastes.

"From RFP inception to completion (and now continuation), Digidop was so quick to listen to our needs, propose ideas and take the project to much more. An amazing collaboration, always responsive."

"Digidop nous a aidé à lancer avec succès un MVP pour un système d’audit 100% automatisé avec Webflow et (Make) Integromat. L’équipe est compétente et réactive. Merci Digidop !"

"Superbe collab pour la refonte du site Reecall.com. Une team sérieuse et rapide !"

"Digidop a une vraie expertise sur Webflow et tout ce qui est nécessaire à la réalisation d'un site web moderne (design system, bonnes pratiques de développement, responsiveness, performance, SEO)."

Prêt(e) à avoir un site qui convertit ?

Améliorer votre visibilité en ligne grâce à l’experience, l’excellence et la réactivité de Digidop !