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
Desktop & Mobile
In Collaboration with Kate Reynolds
Figma , Figjam , Trello , Google Font , Photoshop
Prototyping & Testing
Mockups and Final Prototype
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
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.
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
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
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.