Understanding the platform, Shopify
Understanding the platform, Shopify
DATA ENTRY WAS AS CRUCIAL AS MAKING DESIGN DECISIONS
DATA ENTRY WAS AS CRUCIAL AS MAKING DESIGN DECISIONS
Not your typical design-from-scratch project.
Not your typical design-from-scratch project.
Shopify is a platform where technically one person could handle all aspects in an e-commerce business in one dashboard. In other words, data entry and admin is prioritized and there were technical difficulties in sketching and designing tables from scratch. The design aspects for the website is managed in a tool called “Theme Editor”.
I took a look at how HE used to input and display product descriptions and data. As shown below, product descriptions for each product are put
under the product pages in the Shopify Admin, not the website theme.
Because all product information and specifications are put under “description”, no third-party app will be able to identify the different categories but instead perceive everything as one category.
Shopify is a platform where technically one person could handle all aspects in an e-commerce business in one dashboard. In other words, data entry and admin is prioritized and there were technical difficulties in sketching and designing tables from scratch. The design aspects for the website is managed in a tool called “Theme Editor”.
I took a look at how HE used to input and display product descriptions and data. As shown below, product descriptions for each product are put
under the product pages in the Shopify Admin, not the website theme.
Because all product information and specifications are put under “description”, no third-party app will be able to identify the different categories but instead perceive everything as one category.
Main admin page
Main admin page
Main
admin
page
Click on
'Products' tab
Click on
'Products' tab
Click on
'Products'
tab
Click on
'Online store' tab
Click on
'Online store' tab
Click on
'Online store'
tab
Click on
'Online store' tab
Product page
Product page
Manage product information under “Description”
Manage product information under “Description”
Theme Editor
Theme Editor
No product information editing available within Theme Editor
No product information editing available within Theme Editor
Flow to adding/editing product data.
Flow to adding/editing product data.
Yes editing in 'Product Page's. Editing a product description was ONLY available under Product Pages that were located under the main admin pages instead of the website editor tool, Theme Editor.
Yes editing in 'Product Page's. Editing a product description was ONLY available under Product Pages that were located under the main admin pages instead of the website editor tool, Theme Editor.
No editing in 'Theme Editor'. As shown in the screenshot, no description editing is available here - not even the styles.
No editing in 'Theme Editor'. As shown in the screenshot, no description editing is available here - not even the styles.
Takeaway
Through this, I realized it was important that we looked deeper into how the backend data is input and managed to gain deeper insight and explore the next steps in solutions.
Takeaway
Through this, I realized it was important that we looked deeper into how the backend data is input and managed to gain deeper insight and explore the next steps in solutions.
Comparable
Comparable
Hillsound Equipment, February 2023
Hillsound Equipment, February 2023
Compare
Compare
Key desktop version product comparison tables.
Compare
Key mobile version pages.
My Role
Solo UX/UI Designer - Problem-solving, UX Research(UXR), Information Architecture(IA), Cross-functional Communication
My Role
Solo UX/UI Designer - Problem-solving, UX Research(UXR), Information Architecture(IA), Cross-functional Communication
Worked with
Marketing Coordinator
Customer Service Representative
Business Management Team
Worked with
Marketing Coordinator
Customer Service Representative
Business Management Team
Timeline & Constraints
No code sourcing
Solution apps on within the Shopify App Store
5-6 weeks time constraint
Timeline & Constraints
No code sourcing
Solution apps on within the Shopify App Store
5-6 weeks time constraint
Hillsound Equipment’s Goals
Audit/improve on the current comparison app, LDT Compare
Reduce the number of inquiries on their expert chat service, Remark
Hillsound Equipment’s Goals
Audit/improve on the current comparison app, LDT Compare
Reduce the number of inquiries on their expert chat service, Remark
Overview
Hillsound Equipment(HE) is an outdoor brand that produces backpacking, hiking, and trail running accessories including a good selection of crampons and gaiters for different purposes.
HE had problems with helping its users find the right product for their needs. They used various tools to tackle the problem but weren’t satisfied with their performances and sought further improvements.
I examined and surfaced a deeper user issue to propose a design solution that increased product comparison efficiency.
The launch of the feature gave a notable positive impact, with a 9% decrease of product recommendation inquiries on the website’s customer service platform.
Overview
Hillsound Equipment(HE) is an outdoor brand that produces backpacking, hiking, and trail running accessories including a good selection of crampons and gaiters for different purposes.
HE had problems with helping its users find the right product for their needs. They used various tools to tackle the problem but weren’t satisfied with their performances and sought further improvements.
I examined and surfaced a deeper user issue to propose a design solution that increased product comparison efficiency.
The launch of the feature gave a notable positive impact, with a 9% decrease of product recommendation inquiries on the website’s customer service platform.
The Problem
Users weren’t able to effectively compare products due to the disorganized and indistinguishable product specifications.
The Problem
Users weren’t able to effectively compare products due to the disorganized and indistinguishable product specifications.
What is going on?
Looking for clues
Looking for clues
Activities coupled with terrain.
Activities coupled with terrain.
Research on product inquiries for clues.
Research on product inquiries for clues.
Hillsound had a gear expert chat service live on the website, where users were asking questions about products.
I delved into 50 of the most recent conversations and discovered a trend:
95% of users were looking for crampons and gaiters based on a specific use case in pairing with a specific terrain.
Hillsound had a gear expert chat service live on the website, where users were asking questions about products.
I delved into 50 of the most recent conversations and discovered a trend:
95% of users were looking for crampons and gaiters based on a specific use case in pairing with a specific terrain.
Hi, I’m looking for a crampon that will all of my boots. I want a crampon that will be good on deep snow, and some icy terrains. Good for all around. Not like Everest type nor driveway type. - Olivier
They are for my daughter who likes to climb mountains - in the Adirondacks and White Mountains. - Karen
Hi, what are the best crampon for ice but for in town? - Ethan
Choosing the best gaiter and size for walking in the bush in snow. - Melissa
... And is it better on ice? What about deep snow? -Karen
Hi, I’m looking for a crampon that will all of my boots. I want a crampon that will be good on deep snow, and some icy terrains. Good for all around. Not like Everest type nor driveway type. - Olivier
Choosing the best gaiter and size for walking in the bush in snow. - Melissa
They are for my daughter who likes to climb mountains - in the Adirondacks and White Mountains. - Karen
...snowy and icy trails. Just hiking. - Reuben
Hi, what are the best crampon for ice but for in town? - Ethan
... And is it better on ice? What about deep snow? -Karen
Customer convo compilation from gear chat service, Remark.
Customer convo compilation from gear chat service, Remark.
Figuring out what wasn’t working for Hillsound
Figuring out what wasn’t working for Hillsound
So much information with so little order
So much information with so little order
In desperate need of organization.
In desperate need of organization.
I needed clarity on what was going on at Hillsound.
Users weren’t able to compare product descriptions/information efficiently. Looking into the compare feature HE had been using, there were major visual design, user-centric design issues right off the bat.
There were so many more, but just to list a few:
I needed clarity on what was going on at Hillsound.
Users weren’t able to compare product descriptions/information efficiently. Looking into the compare feature HE had been using, there were major visual design, user-centric design issues right off the bat.
There were so many more, but just to list a few:
2
1
Hillsound’s previous product comparison table.
Hillsound’s previous product comparison table.
1
Tiring on the wrist. Ideally it would be best if I could compare the shoe compatibility all in the same viewport. Otherwise, users would have to constantly scroll up and down to compare in detail.
Tiring on the wrist. Ideally it would be best if I could compare the shoe compatibility all in the same viewport. Otherwise, users would have to constantly scroll up and down to compare in detail.
2
Tiring on the eyes. Only 2 products have the same category on the same row. My eyes are already tired just by trying to spot the rest.
Tiring on the eyes. Not a single product spec on the same row. My eyes are already tired just by trying to spot the rest.
3
Hillsound’s previous product comparison table.
Hillsound’s previous product comparison table.
3
Confusion in information. Take a look a these 2 recommended use for example. Both have backpacking as recommended use, but does this mean the second one is not for ice, snow or mud? In fact, what does that mean exactly?
Confusion in information. Take a look a these 2 recommended use for example. Both have backpacking as recommended use, but does this mean the second one is not for ice, snow or mud? In fact, what does that mean exactly?
2
Tiring on the eyes. Only 2 products have the same category on the same row. My eyes are already tired just by trying to spot the rest.
Restating the problem
Restating the problem
UNABLE TO COMPARE PRODUCTS
UNABLE TO COMPARE PRODUCTS
This feature might not have been even used at all.
This feature might not have been even used at all.
So the overarching problem was this:
Because of certain technical products, it is important that users understand the specifications of each product. However, HE had problems with helping its users find the right product for their needs.
HE has had a comparison feature running on the website but through the research above, a key problem surfaced:
Users weren’t able to compare products - especially the recommended uses because of unclear data and the UI layout.
So the overarching problem was this:
Because of certain technical products, it is important that users understand the specifications of each product. However, HE had problems with helping its users find the right product for their needs.
HE has had a comparison feature running on the website but through the research above, a key problem surfaced:
Users weren’t able to compare products - especially the recommended uses because of unclear data and the UI layout.
Recommended use
Recommended use
Hiking (ice, snow, mud)
Backpacking (ice, snow, mud)
Trail Crampon
Trail Crampon
Recommended use
Recommended use
Trail Running
Trail Running
Hiking/Backpacking
Hiking/Backpacking
Fastpacking
Fastpacking
Trail Crampon Ultra
Trail Crampon Ultra
A
B
B
B
D
E
1
Hiking (ice, snow, mud)
Backpacking (ice, snow, mud)
2
Simplified comparison table of Trail Crampon (left) and Trail Crampon Ultra (right) within a single viewport.
Simplified comparison table of Trail Crampon (left) and Trail Crampon Ultra (right) within a single viewport.
1
Unclear data. Both products have Hiking and Backpacking as recommended use but one has more information in parentheses. Then what is the difference exactly?
Unclear data. Both products have Hiking and Backpacking as recommended use but one has more information in parentheses. Then what is the difference exactly?
2
Unclear layouts. Pretty much not a single element was aligned properly. This includes the placement & layout of product data, the alignment of text - these do not serve in helping users complete their task.
Unclear layouts. Pretty much not a single element was aligned properly. This includes the placement & layout of product data, the alignment of text - these do not serve in helping users complete their task.
Taking a glimpse of industry standards
Taking a glimpse of industry standards
CLEAN ROWS & CLEAR HIERARCHY
CLEAN ROWS & CLEAR HIERARCHY
We need this for Hillsound.
We need this for Hillsound.
To premise, I looked up around 8-9 outdoor equipment brands’ websites to see what features they use to help users compare their products. The insight was that all of them were utilizing the comparison tables or no other feature at all.
For industries that sells products with specifications, clean and clear tables were key. Another thing to note was that brands display a very good sense of hierarchy - especially ones that have a vast amount of specifications to show.
To premise, I looked up around 8-9 outdoor equipment brands’ websites to see what features they use to help users compare their products. The insight was that all of them were utilizing the comparison tables or no other feature at all.
For industries that sells products with specifications, clean and clear tables were key. Another thing to note was that brands display a very good sense of hierarchy - especially ones that have a vast amount of specifications to show.
2
1
1
Product comparison tables from MEC (left) and Arcteryx (right).
Product comparison tables from MEC (top) and Arcteryx (right).
1
Clear Rows. It was a no brainer that all tables intended for product comparison were put into clear rows - whether that be lines, spacing, or differently coloured backgrounds.
Clear Rows. It was a no brainer that all tables intended for product comparison were put into clear rows - whether that be lines, spacing, or differently coloured backgrounds.
2
Clear Hierarchy. The categories, Description, Price, Reviews etc., are put under another heading, Product Information. This helps users compare information without getting lost.
Clear Hierarchy. The categories, Description, Price, Reviews etc., are put under another heading, Product Information. This helps users compare information without getting lost.
Before going any further!
Paying attention to a neglected tool
Paying attention to a neglected tool
METAFIELD DISCOVERY
METAFIELD DISCOVERY
Custom data to arrange/categorize product information in detail.
Custom data to arrange/categorize product information in detail.
In the midst of brainstorming for solutions, I noticed a tool that Hillsound wasn’t using at all.
To be able to specify and categorize the data, I used a rather newly introduced feature from Shopify called “Metafield”s. These are custom data mechanisms that help online stores customize the functionality and appearance of the Shopify store by letting you save specialized information that isn't usually captured in the Shopify admin.
In the midst of brainstorming for solutions, I noticed a tool that Hillsound wasn’t using at all.
To be able to specify and categorize the data, I used a rather newly introduced feature from Shopify called “Metafield”s. These are custom data mechanisms that help online stores customize the functionality and appearance of the Shopify store by letting you save specialized information that isn't usually captured in the Shopify admin.
Help Center page dedicated to introducing/explaining Metafields.
Help Center page dedicated to introducing/explaining Metafields.
Reinforcing IA
Reinforcing IA
ACTIVITIES & TERRAIN
ACTIVITIES & TERRAIN
Division for a clearer comparison.
Division for a clearer comparison.
Before adding the metafields, I teamed with the marketing coordinator to figure out how we could structure the custom data. Based on the research findings from the expert chat service, Remark, we needed to specify the use cases for each product.
We asked the industrial/product designer to help us jot down an exhaustive list of the activities as well as bring in naming conventions that were mentioned in the customer conversations on Remark.
Due to time constraints, we quickly did a poll within the internal team and landed on the term, “Terrain”.
Before adding the metafields, I teamed with the marketing coordinator to figure out how we could structure the custom data. Based on the research findings from the expert chat service, Remark, we needed to specify the use cases for each product.
We asked the industrial/product designer to help us jot down an exhaustive list of the activities as well as bring in naming conventions that were mentioned in the customer conversations on Remark.
Due to time constraints, we quickly did a poll within the internal team and landed on the term, “Terrain”.
Activity
Activity
Backpacking
Beach/surfing
Camping
Cross-country Skiing
Backpacking
Beach/surfing
Camping
Cross-country Skiing
...
Winter walking
Urban running
Hiking (ice, snow, mud)
Backpacking (ice, snow, mud)
Winter walking
Urban running
Hiking (ice, snow, mud)
Backpacking (ice, snow, mud)
Recommended Use
Recommended Use
Recommended Use
Recommended Use
Terrain
Terrain
Icy Sidewalks
Snowy/icy Trails
Frozen Lakes
Glaciers
Icy Sidewalks
Snowy/icy Trails
Frozen Lakes
Glaciers
...
3
1
2
4
After
Before
Previous IA (left) and redesigned IA (right).
Previous IA (top) and redesigned IA (bottom).
1
Getting rid of ambiguous terms. What does “winter walking” mean? Snowy sidewalks? Icy sidewalks? It was important that we make these terms as clear as possible to reduce the confusion and overlapping.
Getting rid of ambiguous terms. What does “winter walking” mean? Snowy sidewalks? Icy sidewalks? It was important that we make these terms as clear as possible to reduce the confusion and overlapping.
2
Consistent naming conventions. Previously HE used parentheses to further describe terrains. We took this away to keep a consistent look and enhance readability.
Consistent naming conventions. Previously HE used parentheses to further describe terrains. We took this away to keep a consistent look and enhance readability.
3
Introducing subcategories. Specifically, the “Recommended Use” could be further divided into 2 subcategories: Activity and Terrain. The different terrains/environments would complement the use cases(activities) that customers consider when comparing products (crampons).
Introducing subcategories. Specifically, the “Recommended Use” could be further divided into 2 subcategories: Activity and Terrain. The different terrains/environments would complement the use cases(activities) that customers consider when comparing products (crampons).
4
Specific terrains and environment. In addition to specifying the terrain, there were 2 things to consider: where and the condition. Volià! “Icy Sidewalks”!
Specific terrains and environment. In addition to specifying the terrain, there were 2 things to consider: where and the condition. Volià! “Icy Sidewalks”!
Finding app solutions
Finding app solutions
A SOLUTION THAT FIT THE NEEDS, COMPARABLE
A SOLUTION THAT FIT THE NEEDS, COMPARABLE
Research and prioritization.
Research and prioritization.
Implementing designs from scratch is difficult, especially if you don’t have a dev team. Instead, Shopify has an app store where stores can install and add different features to help improve the user experience.
Amongst the options, I put together a prioritation matrix to visualize the key features/functions to narrow down our best option and also present to my client.
As a result, I landed on the app, Comparable, which enabled the best compatibility with
Metafields
Grouping for category hierarchy
Implementing designs from scratch is difficult, especially if you don’t have a dev team. Instead, Shopify has an app store where stores can install and add different features to help improve the user experience.
Amongst the options, I put together a prioritation matrix to visualize the key features/functions to narrow down our best option and also present to my client.
As a result, I landed on the app, Comparable, which enabled the best compatibility with
Metafields
Grouping for category hierarchy
A prioritization matrix on functions.
A prioritization matrix on functions.
METAFIELD COMPATIBILITY. Good metafield compatibility allows smooth data migration while keeping the original data stored within the Shopify admin. With a good number of variants and option values for product comparison, we chose the one that enabled this process with the most ease.
METAFIELD COMPATIBILITY. Good metafield compatibility allows smooth data migration while keeping the original data stored within the Shopify admin. With a good number of variants and option values for product comparison, we chose the one that enabled this process with the most ease.
CATEGORY SECTIONS. While mapping out the IA and the specification of certain categories, we noticed that we ended up with a good amount of metafields and variants. This made our decision lean towards the “grouping” feature where we can add a title that “groups” certain categories into one.
CATEGORY SECTIONS. While mapping out the IA and the specification of certain categories, we noticed that we ended up with a good amount of metafields and variants. This made our decision lean towards the “grouping” feature where we can add a title that “groups” certain categories into one.
3
1
5
3
3
2
Flexsteps Crampons
Freesteps6 Crampons
Trail Crampon
Trail Crampon Ultra
Trail Crampon Pro
Cypress6 Crampons
Skikeeper
4
colour
warranty
weight
(per pair) XS: 316g / 11.1oz
Lifetime
Black
Black
Green
Product Information
Sizes
Colour
Warranty
Patented in
XS
black
2 years
Canada
S
M
L
XL
green
U.S
BTS on how metafields and grouping is done with product data.
BTS on how metafields and grouping is done with product data.
METAFIELD COMPATIBILITY. Under Shopify and app customizations, Comparable offered a swift and hassle-free migration of metafields.
METAFIELD COMPATIBILITY. Under Shopify and app customizations, Comparable offered a swift and hassle-free migration of metafields.
CATEGORY SECTIONS. Adding subcategories or “group”s enabled a more refined hierarchy - especially helpful for Hillsound’s products with a significant amount of product specifications.
CATEGORY SECTIONS. Adding subcategories or “group”s enabled a more refined hierarchy - especially helpful for Hillsound’s products with a significant amount of product specifications.
Working around the nature of Shopify
Working around the nature of Shopify
DATA ENTRY & UI CONSTRAINTS
DATA ENTRY & UI CONSTRAINTS
Seemed like a simple task but...
Seemed like a simple task but...
Next, it was time for data entry. Metafields were managed under a particular way and it took numerous trial and errors figuring out the right content type of metafields for each category.
Taking the UI constraints into consideration, the following is a guide to the steps taken to inputting metafields onto the comparison tables.
Next, it was time for data entry. Metafields were managed under a particular way and it took numerous trial and errors figuring out the right content type of metafields for each category.
Taking the UI constraints into consideration, the following is a guide to the steps taken to inputting metafields onto the comparison tables.
Product Page
2
Settings
1
Theme Editor
3
Different metafield types provided in Shopify.
Different metafield types provided in Shopify.
1
Settings. Metafields are firstly added under the settings. Here you determine the type of metafields, but you aren’t able to get an idea of how this will be displayed on the website.
Settings. Metafields are firstly added under the settings. Here you determine the type of metafields, but you aren’t able to get an idea of how this will be displayed on the website.
2
Product Page. Next, you input the values of metafields on the product pages. Here you are also not able to see how the values are to be displayed on the website.
Product Page. Next, you input the values of metafields on the product pages. Here you are also not able to see how the values are to be displayed on the website.
3
Theme Editor. It is only until this stage you are able to see the UI/how data is laid out, and multiple iterations were undergone to land on the best results.
Theme Editor. It is only until this stage you are able to see the UI/how data is laid out, and multiple iterations were undergone to land on the best results.
Different metafield types provided in Shopify.
Different metafield types provided in Shopify.
Multi vs Single vs Single List. Finding the best type of metafield was tricky. We landed on keeping the most of the data in single line, but opted for multi-lines for numerical data for readibility.
Multi vs Single vs Single List. Finding the best type of metafield was tricky. We landed on keeping the most of the data in single line, but opted for multi-lines for numerical data for readibility.
Booleans. Booleans appeared as icons which enhances the delivery of its meaning while saving real estate on the table.
Booleans. Booleans appeared as icons which enhances the delivery of its meaning while saving real estate on the table.
Grouping. Differentiation of background colour and text boosts the look and feel of hierarchy.
Grouping. Differentiation of background colour and text boosts the look and feel of hierarchy.
Booleans. Booleans appeared as icons which enhances the delivery of its meaning while saving real estate on the table.
What the project came out to
Reflections
Reflections
IN HINDSIGHT...
IN HINDSIGHT...
Here’s what came to mind after wrapping up the project.
Here’s what came to mind after wrapping up the project.
1
Let’s try to think of more analytics.
One of the key constraints to working on Shopify projects is that you have very limited resources for implementation, design and more importantly, data feedback. Because we didn’t have a team that worked on development or data analytics, I had to work around these constraints by collecting and analyzing data manually, which was fairly time-consuming. In further projects, I will be more attentive to whether I will be able to generate data and how I will be able to achieve that more early in the design process.
One of the key constraints to working on Shopify projects is that you have very limited resources for implementation, design and more importantly, data feedback. Because we didn’t have a team that worked on development or data analytics, I had to work around these constraints by collecting and analyzing data manually, which was fairly time-consuming. In further projects, I will be more attentive to whether I will be able to generate data and how I will be able to achieve that more early in the design process.
2
More user research here and there.
I believe that one of the top priorities for a designer is to ensure that we meet business goals and expectations (on top of creating great experiences for the users, of course).
However, I also acknowledge the importance of iterations and validation in designs through user research. If I had more time to proceed to the next steps after the launch, I would love to interact with real-life users and seek meaningful insights through research methods such as usability testing and interviews.
I believe that one of the top priorities for a designer is to ensure that we meet business goals and expectations (on top of creating great experiences for the users, of course).
However, I also acknowledge the importance of iterations and validation in designs through user research. If I had more time to proceed to the next steps after the launch, I would love to interact with real-life users and seek meaningful insights through research methods such as usability testing and interviews.
Introducing the final product
Introducing the final product
A NEW LOOK, A NEW FEATURE
A NEW LOOK, A NEW FEATURE
After
After
After
Before
Before
Comparison tables before (top) and after (bottom).
One category, “recommended use” with both terrains and activities
One category, “recommended use” with both terrains and activities
One category, “recommended use” with both terrains and activities
Activities mentioned by customers added
Activities mentioned by customers added
Terrains added
Terrains added
Terrains added
Recommended use has now 2 subcategories, Activity and Terrain
Recommended use has now 2 subcategories, Activity and Terrain
Recommended use has now 2 subcategories, Activity and Terrain
Comparison tables before (top) and after (bottom).
Elements that just made more sense.
Elements that just made more sense.
A lot of the UI elements from the previous comparison app lacked visual/brand consistency. Despite the limitations of customization, I paid attention to adhere to the brand’s visual assets in the UI elements.
Below are some of the changes that were made: the icon logo and the bar.
A lot of the UI elements from the previous comparison app lacked visual/brand consistency. Despite the limitations of customization, I paid attention to adhere to the brand’s visual assets in the UI elements.
Below are some of the changes that were made: the icon logo and the bar.
2
Black icon hinders prominence
Black icon hinders prominence
Black icon hinders prominence
Number of items added to compare isn’t visible enough due to lack of constrast in colour
Number of items added to compare isn’t visible enough due to lack of constrast in colour
Number of items added to compare isn’t visible enough due to lack of constrast in colour
Numbers are more visible
Numbers are more visible
Numbers are more visible
Reinforced logo visibility and consistency with brand colour(D88133)
Reinforced logo visibility and consistency with brand colour(D88133)
Reinforced logo visibility and consistency with brand colour(D88133)
Compare
2
Compare
2
Icon logos from before (left) and after (right).
Icon logos from before (left) and after (right).
Compare
2
2
Compare
Compare
Clean up
Clean up
Close
Close
TRAIL CRAMPON PRO
TRAIL CRAMPON PRO
TRAIL CRAMPON ULTRA
CTA colour aligned with brand primary colour
Disabled unnecessary all-caps product names.
Disabled unnecessary all-caps product names.
Just #1 task for users is to “compare” not necessarily decide between a yes or a no.
Just #1 task for users is to “compare” not necessarily decide between a yes or a no.
Before
After
Bar that shows selected items for comparison from before (left) and after (right).
Before(top) and after(bottom) of bar that displays selected products by users.
Evaluating the project
Evaluating the project
A DROP IN NUMBER OF ENQUIRIES
A DROP IN NUMBER OF ENQUIRIES
Looks like it’s working!
Looks like it’s working!
To recap on what the client and HS wanted to achieve from this project were:
reduce the number of inquiries on Remark
help customers compare products
Previously, the percentage of inquiries with crampon/gaiter recommendations was 30% of the total enquiries received.
(12/14/23 - 01/08/24)
Since the launch, this was reduced by 9%.
(01/30/24 - 02/24/24)
To recap on what the client and HS wanted to achieve from this project were:
reduce the number of inquiries on Remark
help customers compare products
Previously, the percentage of inquiries with crampon/gaiter recommendations was 30% of the total enquiries received.
(12/14/23 - 01/08/24)
Since the launch, this was reduced by 9%.
(01/30/24 - 02/24/24)
02/24/24
02/24/24
02/24/24
01/30/24
01/30/24
(Launch)
(Launch)
(Launch)
21%
21%
21%
30 days
12/14/23
12/14/23
01/08/24
01/08/24
30%
30%
30%
30 days
-9%
-9%
Graph which shows the decrease in the amount of product recommendation inquiries over time.
Graph which shows the decrease in the amount of product recommendation inquiries over time.
What I would further do post-launch
3
So, what I did was