Have you ever been in a store and agonized over which plant you should take home? Which leafy friend would thrive in your environment, maybe? It can be very joyous to get the most beautiful plant to add to your collection, but then equally heartbreaking when it crumbles in your home.
For this project, I worked on a team of two to design a social e-commerce app for a plant shop that educates customers on how to care for their dream plants.
Plantlab is an online plant shop that ships nationally across the US. They sell plants, pots, saucers, soil, and more through social media and their website. It’s now time to design their app!
Plantlab is in need of an immersive app that caters to online and eventual in-person shopping, has a strong brand identity, and incorporates an AR/VR feature for user visualization.
Through secondary market research and results from third party surveys, I found that most plant shops are investing in their online presence after discovering they don’t need their store to be open everyday in order to make profit.
Because of the major mental health benefits of being surrounded by plants, the gardening market has seen a increased spike in house plant sales. Studies have shown that plants can lead to a 44% decrease in anger and hostility, as well as a 37% decrease in tension and anxiety.
Much of our secondary reserach also suggested that prototyping and incorporating AR in an app was extremely difficult due to technology limitations and didn’t increase trust among users. Customers typically distrust stock images, which AR/VR features are dependent on.
5 Millenial/Gen Z plant enthusiasts were interviewed via Zoom about their plant shopping and care habits. Participants were located across the USA and had bought at least one plant within the last year. Using Miro, my team and I synthesized patterns down to four major pain points and habits.
My team and I conducted a short survey of 5 questions for Millennial and Gen Z plant owners across the USA. In less than 24 hours, 39 participants completed the survey, the majority being millenials.
Through Miro, we organized all survey answers to identify why Millennials in particular prefer to shop in stores.
Caleb is an impulsive shopper, thinking about the emotional and aesthetic connection to a plant before considering plant commitments. His collection has gotten larger during the pandemic as a helpful tool to decrease his anxiety and depression. He finds in store shopping much more rewarding and fun.
Because of vague plant care information and impulsive shopping habits, owners don’t know how happy a plant will be in their space before purchasing it. My team and I began by brainstorming ideas through what if questions.
Through Zoom, my team and I conducted multiple rounds of Crazy 8’s to quickly draft options on how the app might help users with in-store shopping habits and plant care responsibilities post-purchase.
We did a separate set of Crazy 8’s for solving this through an AR feature, but concluded this was not the most effective route due to technology limitations and users distrusting stock images.
Because users were mostly shopping in-stores for the thrill of it but unsure of the committment aspect, educating shoppers on how to care for their plants before and after purchase took priority over an AR feature for online shopping.
I divided navigation into four categories: Home, Shop, My Plants, and Account. Even though millennials are slow to adjust to online shopping, there's still a huge increase in online sales.
I created a tab called My Plants where users can create and maintain informational profiles of each of their plants. Profiles include names, images, and care facts about the plant's species with the intention of personifying the plant so owners feel more connected with their lively belongings.
My team and I created three task flows that every user needed to be able to complete in order to declare the app successful.
First, users need to be able to shop easily on the app. This task should be familiar and easy to accomplish.
Second, users need to understand and smoothly interact with the My Plants section of the app. We needed to test out how impactful and useful this actually was towards solving our problem.
Third, users need to log their plant care activity through a fun, interactive care tracker on the home screen. The intent behind this was to add a validating, playful experience to a routine task.
Using Pinterest, my team and I collaborated on a mood board to get the creative juices flowing. To mirror the strong personalities plants often have, the app's vibe also needed to represent a strong, easily lovable character.
As a team, we sketched out more variations of ideas manifested from the crazy 8’s exercise. As the Lead UI Designer, I then created multiple drafts of each screen, which were edited based on frequent feedback from my team.
Keeping the focus on plant care education, I designed the homepage to act as a care reminder for users. When opening the app, users immediately see the plants they need to water and can log their activity right away.
For the My Plants section, I designed several variations of the UI that aims to enhance the educational foundation of healthy plant care.
Halfway through wireframes, I consulted with a plant shop owner who is also a designer to get feedback on which best solved our problem statement. After processing his feedback, my team and I concluded the far right UI best represented the educational aspect plant owners needed.
I conducted 5 user tests with participants that matched the demographics of our primary research participants. My team and I synthesized notes from recordings into a Miro board, breaking our findings down by each task.
Overall, the testing was a success, with the exception of one major pain point. While all participants felt a strong positive reaction to the overall brand, personality, and ease of navigation, most participants did not know that the UI bar under the product page and plant profile was interactive, causing this part of the UI to fail.
While users felt the plant care information helpful, most thought it was a static image and not an touch feature. To improve this, I edited the progress bar at the bottom to indicate more of an interactive element.
More testing will need to be done in order to determine the success of this edited design. Another option is to have an onboarding animation where the bar moves back and forth automatically when users download the app for the first time.