2022
UX/UI Project
Final assignment for the Graphic Design course
Project duration: 1 month

Team
Elizabeth Matkiewicz

Project Description

This is a UX/UI project for the final assignment in Graphic Design and Typography I course at Linnæus University: “A website enabling the public to take action against plastic manufacturers”. The project is for a made-up association of lawyers, politicians, and the public fighting for policies in Europe to ban single-use plastic used in/for food wrapping and make production companies responsible for sustainable packaging and recycling.

My Role

  • Logo design
  • Basic branding
  • Copywriting
  • Prototyping in InDesign

What I learned

  • UI

The Process

Research Question

“How can I create a website for an association fighting for an environmental cause that is different from similar organizations as well as captures visitors’ attention and desire to join the cause?”

Tools

Photoshop, InDesign, Illustrator, Unsplash

Target Group

People interested in fighting against single-use plastic used in/for food wrapping

Problem

Plastic is everywhere, yet so needed change is delayed. There are plenty of organizations fighting against plastic use, however, it feels like they are often overlooked. For the imaginary association called No Plastic Food, I wanted to create a website that would stand out from many similar causes, a website that would make the visitor feel something and fuel the desire to join the cause.

Methods

Early exploration consisted of research through visual materials, literature research, and analysis of similar organizations. This data was analyzed and synthesized, converted into texts, and then used during prototyping.
After the analysis and synthesis, website prototyping was done in InDesign.

Research Phase

Research through visual materials gave quick and deeper insights into a problem. Through carefully curated storytelling used in documentary films about plastic waste, the problem was explained with comprehensible language and showed the tragedy of the whole situation. The documentaries made me feel a lot of emotions as well as the desire to act now – this is something I wanted to include in my design.

Quick literature research gave me needed insights into writing texts for the homepage of the website and an overview of the current similar organizations. I compared existing websites and narrowed down some similarities and differences when it came to an overall view of the website as well as the content. It helped to shape the main contents of the homepage as well as a direction where the design should move. However, the topic of plastic remained broad.

Prototyping

Early prototyping began with sketching to put down all the ideas for what should be on the homepage as well as how it might look. The most important pieces of information I deemed valuable and desired were: “What?” “Who?” “How?” I wanted the visitor to get as much information about the association as possible while avoiding informational overload. Once basic paper sketches were done and content determined, I moved to InDesign to try out different layouts and solutions.

The first prototypes were presented to potential users to test whether the design conveyed what I aspired. Getting feedback simply consisting of the word “boring” was definitely a wake-up call to change things. I decided that my design should be bold, striking, and evoke more feelings. I wanted the visitor to feel that the matter is concerning them personally as well. I narrowed down the topic to food and started searching for images to create my final visual.

Final Prototype

The final version of the homepage for an imaginary association No Plastic Food was made in InDesign and presented at the Graphic Design and Typography I course at Linnæus University. Created a website for the association I called No Plastic Food (NPF), not only spreads awareness about the problem but also gives an opportunity to get acquainted with the cause and join it. I wanted my design to evoke feelings and be quite striking and different from other similar causes, therefore I opted for bright bold colors and images. I believe that if design evokes emotions, it is going to be remembered. When it comes to images, I wanted people to be able to relate even more with the problem, because it may have a higher chance of getting people on board.
I also created a logo, which consists of the letters used in the name of the association.

Future Work

Future work would consist of creating a prototype on Figma, including not only a homepage but also About, News and Join Us. That prototype would be user-tested to optimize the experience and fix any possible unsatisfactions.

Original pictures used in the project: Jeremy Bezanger on Unsplash, cookie_studio on Freepik