Grow is an editorial project website for people living in Portugal. 

With the aim of raising awareness on ecological issues, by providing tips and tricks, international and local news, as well as by spreading the word about local projects.
4 days deadline
Conceptual Project
Desktop & Mobile
In Collaboration with  Kate Reynolds
Figma , Figjam , Trello , Google Font , Photoshop
Prototyping & Testing
Mockups and Final Prototype
The Challenge
More people are starting to see how their actions affect the planet and the way we live. But their willingness to change and become sustainable meet a wall regarding getting the correct information and help on how they can start the steps of change.  The challenge consists in creating a responsive online platform for s Sustainable Newspaper that will meet the user needs
The Solution
We were tasked to deliver the design of a platform (desktop and mobile) to read international news about sustainability.  
During our research phase, we found out that users were interested in seeing international news, but also, local articles and a section dedicated to Tips & Tricks on how to have a more sustainable life.
To better understand the problem and empathize with users we performed a series of interviews on-site as well as online where we were able to hear their pain points and concerns.
Competitor Analysis
Succeeding the interviews we did an initial analysis on websites mentioned as well as on international well-known organizations to understand how the information was structured and prioritized based on importance as well as the use of filters and forms of layouts to distribute the data through the website. 

       Grist               National Geographic
 Greenpeace            The New Yorker
  Upfarming                 Treehugger
         Peta                    The Economist
At this point, we realized that there was a sweet spot where Grow could focus on.  To give users access to international and local educational information in a friendly way and the tools to digest it and implement it. We moved to brainstorm possible directions for our project and, through more close analysis of other brands and the creation of our Persona, we started to prototype solutions and test them.
Prototyping and Testing
While creating the sitemap and our initial low-fidelity prototype for testing, we encountered a series of problems. 

Although our sitemap didn't need to be changed a lot and it was clear for our testers. With the low fidelity prototype we found out that our initial design was not good enough to solve the main problem as our structure for the different filters was confusing and our users were expecting to see more options to gather the information that happened around them.

We went back to the board and made the necessary changes thanks to their input during the tests.
The goal was in understanding the user feedback regarding the navigation of the site as well as the structure and content. We wanted them to have a natural easy flow similar to websites of news that were familiar with.
Overall our structure and new sections were well received and we moved to prototype a mid-fidelity of our site for mobile as well as desktop
With our mid-fidelity prototype done, our users had a more clear view of how to navigate the site and find the information requested based on the happy path that we decided.
In order to have a well-designed hi-fidelity, it was very important to us that the mid-fidelity was done correctly on Figma. The animations, as well as the components of the design, were extensive thought to create a mid-fidelity as close as possible to the final look of the hi-fidelity.
Final Prototype

You may also like

Back to Top