RECYCLE.

Client: School Project that evolved into Personal Project

Client: School Project that evolved into Personal Project

Role: UI/UX, Motion, Visual, Concept

Duration: Winter 2020

Recycle Mockups 3

01

01

Problem 

Problem 

Not everyone is educated on how to recycle. While recycling is intended to reduce waste and curb pollution, many recycling processes and industries actually end up contributing significantly to environmental pollution.

Not everyone is educated on how to recycle. While recycling is intended to reduce waste and curb pollution, many recycling processes and industries actually end up contributing significantly to environmental pollution.

02

02

Solution

Solution

I designed an application that has answers to the most common recycling questions and educates people on how to recycle properly. RECYCLE. will eliminate confusion and in return decrease the amount of waste and in return help the environment and world.

I designed an application that has answers to the most common recycling questions and educates people on how to recycle properly. RECYCLE. will eliminate confusion and in return decrease the amount of waste and in return help the environment and world.

03

03

Goals

apple

Educate

Educate

Educate

teach people the proper ways of recycling and get more information about the process.

teach people the proper ways of recycling and get more information about the process.

teach people the proper ways of recycling and get more information about the process.

check

Motivate

Motivate

Motivate

motivate people to recycle and excite them about bettering the planet and the environment.

motivate people to recycle and excite them about bettering the planet and the environment.

motivate people to recycle and excite them about bettering the planet and the environment.

lightbulb

Inspire

Inspire

Inspire

inspire people to work together as a joined force to make a difference for the better.

inspire people to work together as a joined force to make a difference for the better.

inspire people to work together as a joined force to make a difference for the better.

green hearts

Benefit

Benefit

Benefit

people will be more educated and be more aware of recycling which will help make the world healthier.

people will be more educated and be more aware of recycling which will help make the world healthier.

people will be more educated and be more aware of recycling which will help make the world healthier.

04

04

Target Users

When designing this application I had two types of users in mind, teachers and the average joe. Teachers can use it in their classes as a tool to educate their students, and the average joe can use it to answer quick questions they may have about a specific topic. In the end, I'd like everyone to feel comfortable and that they got useful information after using the application.

05

05

Style Guide

Style Guide

Final final Style Guide

06

06

Content Flow

Content Flow 10

07

07

Key Features

When designing this application the first time around, I had four key features- Materials, Symbols, and a Location Map. While these are all important features in the application I decided to expand further. After doing some research and brainstorming, I came up with six key features- What?, How?, Where?, Symbols, Articles, and AR Scan. At this time I have designed and prototyped four out of the six features. 

What?

What?

This feature lists the six main materials you can recycle. Here you will see a fun fact paired with the material along with an illustration. After you select a material, you will be taken to a page that has lots of information in the form of videos, articles, infographics and more.

Where?

This feature can be found at the end of each materials page or in the navigation bar on the left-hand side under 'Where?'. Here you will see a map with the nearest locations where you can recycle, a list of the locations and a filter with each of the materials that you can toggle on and off if you would like to see select materials.

Symbols

Symbols

This feature lists eight symbols that are paired with different recyclable materials. Once the desired card is selected a window will pop up with information on the symbol.

This feature lists eight symbols that are paired with different recyclable materials. Once the desired card is selected a window will pop up with information on the symbol.

Articles

Articles

This feature is incorporated into each materials page but also can be found in the navigation bar on the left-hand side under 'Articles'. Here you can find articles related to each recyclable material. You can also filter the materials you'd like to see on the top right of the screen.


This feature is incorporated into each materials page but also can be found in the navigation bar on the left-hand side under 'Articles'. Here you can find articles related to each recyclable material. You can also filter the materials you'd like to see on the top right of the screen.


08

08

Final Comps

Final Compositions

09

09

Overview

As mentioned in the introduction of the project, this was originally a class assignment. The prompt was to create an interactive touch-based application experience that effectively engages the user through appropriate interactions. After I completed the project I was not satisfied with the final result which ultimately came from the lack of effort I put in. A few months after graduating I decided it was time to revisit the project. I felt that it had so much potential so I scrapped a majority of what I had and started again. I don't plan on stopping here, there is still so much I'd like to do.

10

10

Programs

On the first time around, I designed the application with Illustrator and animated it with After Effects. Before this project, I had never used Sketch so the second time around I decided to use it as a learning opportunity. I'm so glad I did because I thoroughly enjoy the program and know it will be a great tool in my future. I used Principle for the animating portion. I was familiar with Principle but definitely took every chance to learn more about the program to make my prototype as realistic and fluid as possible.

a prototype experience to help solve the problem of navigating hospitals.

a prototype experience to help solve the problem of navigating hospitals.

a prototype experience to help solve the problem of navigating hospitals.

a collaborative musical experience that seeks to instill a sense of rhythm. 

a collaborative musical experience that seeks to instill a sense of rhythm. 

a collaborative musical experience that seeks to instill a sense of rhythm. 

a collaborative musical experience that seeks to instill a sense of rhythm. 

an application for the design Agency Instrument that innovates their performance review process.

an application for the design Agency Instrument that innovates their performance review process.

an application for the design Agency Instrument that innovates their performance review process.