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!
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!