Impactful design and Webflow website development for a Green Tech!

  • 1
    awwwards
  • 4
    Millions of € raised
  • +300%
    of visibility
Forest photo and drone with Morfo logo
Industry
Impact
Year
2022
Services
Branding
Design
Development
Localization
Migration
Support

Discover how the Green Tech start-up Morfo collaborated with Digidop to create an impactful website that showcases its expertise in reforestation of forest ecosystems. With the support of our multidisciplinary team, Morfo received comprehensive assistance from the design phase all the way to the launch of its website.

Here are the key stages of this project:

  • Step 1: Development of a graphic charter to establish the project's foundations, defining the colors, typographies, and reinterpreting Morfo's logo.
  • Step 2: Wireframing to lay the groundwork for the site and define the sections and UI.
  • Step 3: Designing the mockup to bring the UI to life in alignment with Morfo's tropical environment.
  • Step 4: Development with Webflow to create a client-first website that offers an optimal user experience and high-quality results.

Additionally, we integrated the Weglot tool to make the site multilingual and reach an international audience. Morfo's website is therefore available in several languages for maximum accessibility.

Our collaboration with Morfo allowed us to showcase our expertise in design, development, and web strategy, as well as our ability to support Green Tech start-ups in their ambitious projects. Discover the results in images now!

A Green Tech company replanting trees primarily in tropical areas really makes a difference, doesn't it? It’s a very different sector for the Digiteam, but it has proven to be exciting.

A multi-step project!

1. Graphic Charter to Establish Project Foundations

The design process remains the same: starting with a graphic charter, a necessary step to lay the groundwork for the project and establish a clear identity that will be present throughout the site. This involves selecting colors, typographies, and also reinterpreting Morfo's logo.

2. Wireframes: The Skeleton of the Site

Next, the wireframing stage allows us to create the site's skeleton, a crucial step to develop a coherent UI with well-defined sections.

3. Mockup Design!

The wireframes are then designed based on the previously defined graphic charter to create a UI mockup that meets the expectations of a tech start-up. The goal is to highlight this aspect while staying within a tropical environment, particularly with images of forests or drones in action. Now, it's time for Webflow!

A mockup designed based on the previous stages!
A mockup designed based on the previous stages!

4. Webflow to Complete the Work!

The gem needs polishing, and that's where Webflow comes into play! Indeed, the handoff between design and development is crucial to grasp the complexities surrounding the mockup. This phase is a key step, as it’s at this point that we gain a clear vision of the site. And here’s the result!

Pascal Asselin in front of the Morfo site

"100% won over by the collaboration with Digidop! The team supported us in structuring the project, they were responsive, were able to guide us, and launched the site within a tight deadline."

Pascal Asselin
Pascal Asselin
Co-founder @Morfo

Want to turn your website into your most valuable asset?

Contact us today