Preserve nature
No more endless scrolling through articles to know what is going on nature right now
Summary
A summarized way to know what is going on nature right now, data about the atmosphere, earth and state of water, a comfortable reading and a plus of and accessibility tool to make it even more comfortable for everyone.
Personal project
Tools
Figma
Framer
Affinity
Google Sheets
Duration
July-December
Introduction
Started as a school project in mid 2024, originally presented as a conscientization project, about how abandoned zones can be turn into something useful for everyone. but without a clear path.
Now with ux and data analysis knowledge, giving it a fresh start.
Understanding the problem
Pain:
Often people have to go through article per article to read about what is going on in nature right now, and often these articles lack information or require an account to continue reading, annoying popups and poorly positioned ads make people just quit reading.
Consequence:
people often quit reading mid article and close the tab.
Need:
A structured and intuitive ordering experience that allows customers to easily place custom orders while providing the business with clear and reliable information.
How might we?
. . . organize the info in a storytelling way, covering any doubts.
. . . Optimal accessibility/styles choices so user can read it in a comfortable way
. . . Find the data and how to credit it
Ideating solutions
Accessibility Options
With a tool, you can change font size, style, background, and a few more options to improve an optimal reading for everyone.
Why:
It has to be accessible for everyone, small text can result in difficult reading for some users
Ideating
Major changes in design
Started as a school project, but retaken for me because i wanted to prove my newly ux skills.
1 - Landing page
Image: Changed to get a bit more of contrast in text
Font change: From being completely "Instrument Sans" to add a second proper font which is "Instrument Serif" for hero section.
Info: The info was straight up next to the landing page in the early version, but this has to be changed to each section having their own page, due to the amount of info and aesthetics.
2 - Font change on info
After some iterations by feedback, second option resulted more comfortable to read and more book-feeling
from Instrument Sans
to Crimson Text
Final design
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut aliquam vulputate odio, non ornare orci consequat vel. Pellentesque fringilla, massa nec finibus luctus, nisi lorem tempor libero, eu tincidunt sapien nunc vel ante.
Flow example
State
of
Atmosphere
Each year, human activities release more carbon dioxide into the atmosphere than natural processes can remove.
Learn more
Contents
Introduction
Current levels of CO2 in the atmosphere
Biggest CO2 Emitters
