Gardyn Shopping Experience
Modernizing the in-app shopping experience to anticipate and satisfy our users’ every need.
Gardyn Shopping Experience
Modernizing the in-app shopping experience to anticipate and satisfy our users’ every need.
Gardyn Shopping Experience
Modernizing the in-app shopping experience to anticipate and satisfy our users’ every need.
Some Context: Gardyn is an indoor hydroponic system that uses AI monitoring to assist in the cultivation of plants.
TLDR
As lead designer, I modernized and simplified Gardyn's shopping experience by incorporating industry standards and adding key features like search and filters, while streamlining the checkout process. When we launched we saw an increase of average ticket price by 11% and mitigated the expected 15% drop in sales due to seasonal fluctuations.
Some Context: Gardyn is an indoor hydroponic system that uses AI monitoring to assist in the cultivation of plants.
TLDR
As lead designer, I modernized and simplified Gardyn's shopping experience by incorporating industry standards and adding key features like search and filters, while streamlining the checkout process. When we launched we saw an increase of average ticket price by 11% and mitigated the expected 15% drop in sales due to seasonal fluctuations.
Some Context: Gardyn is an indoor hydroponic system that uses AI monitoring to assist in the cultivation of plants.
TLDR
As lead designer, I modernized and simplified Gardyn's shopping experience by incorporating industry standards and adding key features like search and filters, while streamlining the checkout process. When we launched we saw an increase of average ticket price by 11% and mitigated the expected 15% drop in sales due to seasonal fluctuations.
The Gardyn shopping experience sucked.
Obviously, that’s a problem — the shop was the main point of sale of plants for Gardyners, and it wasn’t profitable for the company. Profitability was at risk because users didn’t know what they were buying or how to find what they were looking for quickly and easily.
I ran a competitive audit of our shop experience to understand what we needed to include and how we could improve the experience.
The Gardyn shopping experience sucked.
Obviously, that’s a problem — the shop was the main point of sale of plants for Gardyners, and it wasn’t profitable for the company. Profitability was at risk because users didn’t know what they were buying or how to find what they were looking for quickly and easily.
I ran a competitive audit of our shop experience to understand what we needed to include and how we could improve the experience.
Our starting point
Our starting point
Our starting point
We didn't have to reinvent the wheel — using established patterns was the way to go.
After the audit, we pinpointed high-impact areas for improvement. Then, we prioritized key features that we thought would give us the most bang for our buck
Features
1.
Search functionality with filtering capabilities and tags.
2.
Improved organization: grouping types of plants into collections
3.
Opportunities to promote specific products on the home screen
4.
Quick add-to-cart functionality
5.
Developed a new page structure to include product descriptions.
6.
An improved and simplified check out experience
We didn't have to reinvent the wheel — using established patterns was the way to go.
After the audit, we pinpointed high-impact areas for improvement. Then, we prioritized key features that we thought would give us the most bang for our buck
Features
1.
Search functionality with filtering capabilities and tags.
2.
Improved organization: grouping types of plants into collections
3.
Opportunities to promote specific products on the home screen
4.
Quick add-to-cart functionality
5.
Developed a new page structure to include product descriptions.
6.
An improved and simplified check out experience
We didn't have to reinvent the wheel — using established patterns was the way to go.
After the audit, we pinpointed high-impact areas for improvement. Then, we prioritized key features that we thought would give us the most bang for our buck
Features
1.
Search functionality with filtering capabilities and tags.
2.
Improved organization: grouping types of plants into collections
3.
Opportunities to promote specific products on the home screen
4.
Quick add-to-cart functionality
5.
Developed a new page structure to include product descriptions.
6.
An improved and simplified check out experience
Search, sort, discover and enjoy
We had a few goals: make searching for stuff super easy, help users discover cool new plant varieties, and keep everything smooth and enjoyable throughout the shopping journey.
Adding search to the homescreen
Adding search bar and filtering system
Full screen filter pull over.
Selected filters showing up below search
Search, sort, discover and enjoy
We had a few goals: make searching for stuff super easy, help users discover cool new plant varieties, and keep everything smooth and enjoyable throughout the shopping journey.
Adding search to the homescreen
Adding search bar and filtering system
Full screen filter pull over.
Selected filters showing up below search
Search, sort, discover and enjoy
We had a few goals: make searching for stuff super easy, help users discover cool new plant varieties, and keep everything smooth and enjoyable throughout the shopping journey.
Adding search to the homescreen
Adding search bar and filtering system
Full screen filter pull over.
Selected filters showing up below search
Beyond a one scroll
Users struggled to find products on the home screen because it took a long time to scroll through the lengthy and uncategorized list of plants.
To help users find what they want and to discover new plant varieties, we grouped plants into collections. We also introduced a “Hero” section with featured items to help the business highlight specific products.
Beyond a one scroll
Users struggled to find products on the home screen because it took a long time to scroll through the lengthy and uncategorized list of plants.
To help users find what they want and to discover new plant varieties, we grouped plants into collections. We also introduced a “Hero” section with featured items to help the business highlight specific products.
Beyond a one scroll
Users struggled to find products on the home screen because it took a long time to scroll through the lengthy and uncategorized list of plants.
To help users find what they want and to discover new plant varieties, we grouped plants into collections. We also introduced a “Hero” section with featured items to help the business highlight specific products.
Just keep adding plants...
When users are in a discovery mindset, our goal is not to disrupt their flow by immediately redirecting them to the checkout. Instead, we want to encourage them to continue exploring the store.
The previous feature tackled the 'add to cart' function, but it needed refinements. When redesigning, we prioritized simplification, leveraging icons and interactive inputs. One of the key challenges we addressed was making it work seamlessly within the constraint of the limited space available on the product thumbnails.
The Interaction
Default state of adding to cart
Active state of adding to cart
Post state of adding to cart
Default state of adding to cart
Active state of adding to cart
Post state of adding to cart
Default state of adding to cart
Active state of adding to cart
Post state of adding to cart
Default state of adding to cart
Active state of adding to cart
Post state of adding to cart
Default state of adding to cart
Active state of adding to cart
Post state of adding to cart
Just keep adding plants...
When users are in a discovery mindset, our goal is not to disrupt their flow by immediately redirecting them to the checkout. Instead, we want to encourage them to continue exploring the store.
The previous feature tackled the 'add to cart' function, but it needed refinements. When redesigning, we prioritized simplification, leveraging icons and interactive inputs. One of the key challenges we addressed was making it work seamlessly within the constraint of the limited space available on the product thumbnails.
The Interaction
Just keep adding plants...
When users are in a discovery mindset, our goal is not to disrupt their flow by immediately redirecting them to the checkout. Instead, we want to encourage them to continue exploring the store.
The previous feature tackled the 'add to cart' function, but it needed refinements. When redesigning, we prioritized simplification, leveraging icons and interactive inputs. One of the key challenges we addressed was making it work seamlessly within the constraint of the limited space available on the product thumbnails.
The Interaction
Default state of adding to cart
Active state of adding to cart
Post state of adding to cart
Informed customers are loyal customers
We created “PDP’s” that included important information about each plant's characteristics, care requirements, and pricing details.
Catering to a diverse audience of gardeners with varying needs, we also introduced tags like 'beginner' and 'plant type' for categorization and at-a-glance insights.
These additions helped empower users to make informed purchase decisions, leading to higher user satisfaction and increased conversion rates.
Informed customers are loyal customers
We created “PDP’s” that included important information about each plant's characteristics, care requirements, and pricing details.
Catering to a diverse audience of gardeners with varying needs, we also introduced tags like 'beginner' and 'plant type' for categorization and at-a-glance insights.
These additions helped empower users to make informed purchase decisions, leading to higher user satisfaction and increased conversion rates.
Making it work for all customers
Gardyn's shop posed an interesting challenge in that users have the option to use a combination of credits and dollars for their plant purchases. Members receive credits as part of their membership, while non-members make purchases using dollars.
To account for this, we needed to visually distinguish membership statuses and customize each shopping experience based on the user type. This impacted how pricing is displayed on nearly every screen, drove changes to iconography, and inspired the incorporation of new upselling techniques to enhance membership conversions for non-member shoppers.
Member shopping
Non-member shopping
Expired member shopping
Member cart
Non-member cart
Expired member cart
Making it work for all customers
Gardyn's shop posed an interesting challenge in that users have the option to use a combination of credits and dollars for their plant purchases. Members receive credits as part of their membership, while non-members make purchases using dollars.
To account for this, we needed to visually distinguish membership statuses and customize each shopping experience based on the user type. This impacted how pricing is displayed on nearly every screen, drove changes to iconography, and inspired the incorporation of new upselling techniques to enhance membership conversions for non-member shoppers.
Member shopping
Non-member shopping
Expired member shopping
Member cart
Non-member cart
Expired member cart
Making it work for all customers
Gardyn's shop posed an interesting challenge in that users have the option to use a combination of credits and dollars for their plant purchases. Members receive credits as part of their membership, while non-members make purchases using dollars.
To account for this, we needed to visually distinguish membership statuses and customize each shopping experience based on the user type. This impacted how pricing is displayed on nearly every screen, drove changes to iconography, and inspired the incorporation of new upselling techniques to enhance membership conversions for non-member shoppers.
Member shopping
Non-member shopping
Expired member shopping
Member cart
Non-member cart
Expired member cart
The final touch
By providing clear cost breakdowns and showing membership savings, we simplified the complexity of the previous checkout process. This helped customers feel confident and informed about their purchase decisions.
We also strategically incorporated membership upsells, which gave the business a win and led to a significant uptick in conversions.
The final touch
By providing clear cost breakdowns and showing membership savings, we simplified the complexity of the previous checkout process. This helped customers feel confident and informed about their purchase decisions.
We also strategically incorporated membership upsells, which gave the business a win and led to a significant uptick in conversions.
The final touch
By providing clear cost breakdowns and showing membership savings, we simplified the complexity of the previous checkout process. This helped customers feel confident and informed about their purchase decisions.
We also strategically incorporated membership upsells, which gave the business a win and led to a significant uptick in conversions.
Results
Following our shop's launch, we observed a significant increase of 11% in average ticket price, jumping from $54.89 to $60.93. In addition, the new shop mitigated the expected 15% drop in sales due to seasonal fluctuation, and led to an 8% increase in membership conversions.
11%
Increase in average ticket price
15%
Drop in sales due to seasonal fluctuation successfully mitigated
8%
Increase in membership conversion out of our total user base
Results
Following our shop's launch, we observed a significant increase of 11% in average ticket price, jumping from $54.89 to $60.93. In addition, the new shop mitigated the expected 15% drop in sales due to seasonal fluctuation, and led to an 8% increase in membership conversions.
11%
Increase in average ticket price
15%
Drop in sales due to seasonal fluctuation successfully mitigated
8%
Increase in membership conversion out of our total user base
Results
Following our shop's launch, we observed a significant increase of 11% in average ticket price, jumping from $54.89 to $60.93. In addition, the new shop mitigated the expected 15% drop in sales due to seasonal fluctuation, and led to an 8% increase in membership conversions.
11%
Increase in average ticket price
15%
Drop in sales due to seasonal fluctuation successfully mitigated
8%
Increase in membership conversion out of our total user base
The Gardyn shopping experience sucked.
Why is this a problem? It was the main point of sale of plants for Gardyners, and the shop wasn’t profitable for the company. Profitability was at risk because users didn’t know what they were buying and how to find what they were looking for quickly and easily.
I ran a competitive audit of our shop experience to understand what we were missing and how we could improve the experience.