ozone

ozone

Designing an eco-friendly editorial platform

bootcamp

Ironhack

My Role

UX/UI Student

Platform

Desktop, Tablet, Mobile

year

2018
background

Ozone was a bootcamp project aimed at designing a responsive editorial website.

The challenge was to create a platform that catered to Elaine, our given user persona—a 35-year-old millennial eco-friendly researcher. Elaine's goals were to be more factual when discussing environmental topics with her friends and to find a balance between good and bad environmental news to avoid feeling overwhelmed.

competitive analysis

We looked at Elaine's favorite daily reads to understand what resonated with her.

These insights shaped our design approach, ensuring we incorporated elements that aligned with Elaine's preferences.

1

National Geographic: Very visual, interactive, with multiple categories.

2

Broadly: Colorful and culturally dynamic.

3

The New Yorker: Lots of white space, organized chaos.

wireframing

Brainstorming with speed.

Using the Crazy 8’s method, we brainstormed wireframes quickly to explore a range of layout options before narrowing down the best ideas for our platform.

Design system

Atomic design at its finest.

We built a comprehensive design system with over 200 components, ensuring flexibility and consistency across the platform. We also used Abstract for version control, allowing us to collaborate effectively and keep track of design iterations.

Design solution

Crafting a balanced editorial for environmental awareness

An environmental editorial divided into three core sections: land, water, and air. Each section featured both the good and bad news categorized by these environmental elements, helping Elaine (and users like her) stay informed without feeling overwhelmed.

1

Diving into Water

2

Flying into Air

3

Exploring the Land

design solution

Diving into Water

Each section included global stats on crucial environmental metrics like global warming, plastic pollution, oil spills, and wildlife extinction, making the platform data-driven and impactful.

design solution

Exploring the Land

design solution

Flying into Air

lessons learned

This project ignited my passion for designing with purpose.

Working on Ozone, I saw firsthand how design can shape the narrative and inspire empathy for our planet. It was a turning point for me, showing the power of design to create meaningful change and foster a deeper connection to environmental issues.

lessons learned

The power of understanding your user.

This project highlighted the importance of investing in research to create a design that resonates with users. By truly understanding our audience, we were able to deliver a platform that not only met their needs but also inspired them to take action.