Green Planet

Responsive website


The Product

The green planet is an initiative to make our planet green and support our local farmers. This website promises to deliver the best quality of plants at a fair rate. You can choose a wide range of plants, such as flowering, Indoor, and Outdoor plants. Here, you can also donate plants, and make a step ahead towards making our planet green.


The problem

Nurseries are not widely available and the price range of plants is usually higher when compared to what we buy from local farmers.

The goal

Design a website, where users can get plants of their choice at their doorstep at a fair price and we can support our local farmers as well.

My role

UX Designer designing the app

Responsibilities

Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.


Understanding the user



  • User research

  • Personas and problem statements

  • Pain points

User research

User research was conducted with 21 people, men and women aged 22 to 56 from different backgrounds, and the question asked was:


Have you ever planted a tree?

If yes, did you face any problems?

If not, why?

Personas

Problem Statement:

Mr Narendra is a Bureau Chief at a news agency. He wants plants to be delivered to his doorstep at a fair price because nurseries are located in a far-flung area

Problem Statement:

Vishal Mishra is a youth leader, and he wants recognition in return for his noble cause of donating/planting trees

The pain points discovered were:

Accessibility

The stores to sell plants (Nurseries) are not widely available.


Price

The cost of plants in nurseries is usually expensive.


Lack of motivation in Donation

Donors usually do not find any motivation to donate plants.


Ideation

Considering all the points, I used How Might We technique to solve the user problems, and the following statements were derived:

The problem: Accessibility and price

  • How might we contact wholesalers to reduce the cost of plants

  • How might we deliver locally (within the state) to reduce the delivery cost

  • How might we contact local farmers to get the plants at a fair price

Final solution:

How might we contact local farmers and deliver locally (within the state)


The problem: Lack of motivation in donation

  • How might we reward the donors with appreciation certificates, medals, etc.

  • How might we feature name, image and plants donated on our website/app homepage

Final solution:

How might we motivate the donors by rewarding them with appreciation certificates, medals, getting featured on our website/app, etc based upon plants they donate.



Starting the design



  • Paper wireframes

  • Digital Wireframes

  • Sitemap

  • Low-fidelity prototype

Planning the app

Taking the time to draft iterations of each screen of the app on paper for both web and mobile ensured that the elements that made it to digital wireframes would be well suited to address pain points.


Home Page


Product

Donate Page


Cart

Digital Wireframes

Moving from paper to digital wireframes made it easy to understand how the redesign could help address user pain points and improve the user experience.

Prioritizing useful visual element placement on the home page was a key part of my strategy.

High Fidelity Prototypes (Mockups)

Now, here comes the most interesting part. Adding colours, animations, illustrations, images, and micro-interactions by taking accessibility into consideration.

Major Screens

Buying a plant

Donating plants