Trell Live Commerce
Trell Live Commerce
Trell Live Commerce
Crafting a solution where viewers can shop & interact live while watching their favorite creators stream and review the products they liked.
Crafting a solution where viewers can shop & interact live while watching their favorite creators stream and review the products they liked.
Trell Experiences pvt. Ltd. is one of India’s largest Social Commerce platform where users share their experiences and interests across Lifestyle categories like Fashion, Personal Care etc. in 10 Indian languages with the users. However, despite its thriving community, Trell recognised a critical challenge faced by its users.
While influencers were actively sharing experiences and interests, there was a missing link b/w them & their viewers’ engagement plus meaningful shopping experience.
Trell Experiences pvt. Ltd. is one of India’s largest Social Commerce platform where users share their experiences and interests across Lifestyle categories like Fashion, Personal Care etc. in 10 Indian languages with the users. However, despite its thriving community, Trell recognised a critical challenge faced by its users.
While influencers were actively sharing experiences and interests, there was a missing link b/w them & their viewers’ engagement plus meaningful shopping experience.
Role
Role
UI/UX Design, User Research,Interaction, Prototyping & Usability Testing
UI/UX Design, User Research,Interaction, Prototyping & Usability Testing
My Team
My Team
Team of 2 UX designers (Including Me),
1 Product Manager
Team of 2 UX designers (Including Me),
1 Product Manager
Founded
Founded
2006
2006
54%
54%
54%
Increase in User Engagement
Increase in User Engagement
75%
75%
75%
Increase in user retention
Increase in user retention
84%
84%
84%
Increase in task completion
Increase in task completion
A Glimpse into the interface
A Glimpse into the interface
Process
Process
How It Started
How It Started
Just after our routine stand up, I got a message from the product manager in our team , and in no time we got on a call and started a brainstorming session, figuring out how we could address the problem, which had to start with ..
Understanding the problem
Understanding the problem
Problem Statement
Problem Statement
“ How might we bridge the gap between content engagement and instant shopping experiences, ensuring a smoother journey from product discovery to successful checkout?”
“ How might we bridge the gap between content engagement and instant shopping experiences, ensuring a smoother journey from product discovery to successful checkout?”
“ How might we bridge the gap between content engagement and instant shopping experiences, ensuring a smoother journey from product discovery to successful checkout?”
How we approached the problem
How we approached the problem
Research
Research
What Participants had to say:
What Participants had to say:
>80%
>80%
Found it difficult to find the product mentioned by their followed influencers.
Found it difficult to find the product mentioned by their followed influencers.
Found it difficult to find the product mentioned by their followed influencers.
20-30 mins
20-30 mins
is spent on average by these users to complete the purchase even if they find the right product.
is spent on average by these users to complete the purchase even if they find the right product.
is spent on average by these users to complete the purchase even if they find the right product.
100%
100%
wanted to ask direct questions about the product to the influencer before purchasing.
wanted to ask direct questions about the product to the influencer before purchasing.
wanted to ask direct questions about the product to the influencer before purchasing.
64%
64%
Needed contextual information like how would the product actually look or how could they style it.
Needed contextual information like how would the product actually look or how could they style it.
Needed contextual information like how would the product actually look or how could they style it.
95%
95%
dropped the purchase mid way, kept it in their cart and never actually bought the product they liked.
dropped the purchase mid way, kept it in their cart and never actually bought the product they liked.
dropped the purchase mid way, kept it in their cart and never actually bought the product they liked.
98%
98%
out of those who made the purchase were unsatisfied, wished they could have more info prior to it.
out of those who made the purchase were unsatisfied, wished they could have more info prior to it.
out of those who made the purchase were unsatisfied, wished they could have more info prior to it.
Understanding User Woes
Understanding User Woes
Based on our User Personas, we put ourselves in the user’s shoes.
Based on our User Personas, we put ourselves in the user’s shoes.
She’s scrolling through her favorite Influencer Joyce’s feed...
She’s scrolling through her favorite Influencer Joyce’s feed...
While watching her content she comes across this…
While watching her content she comes across this…
She finds the link, in the caption...
and after many thoughts finally orders it
She finds the link, in the caption...
and after many thoughts finally orders it
Unfortunately, she's unhappy with the product
Unfortunately, she's unhappy with the product
Prioritization Of features
Prioritization Of features
Based on our interviews and analysis, we understood the priority of different features. This helped us set our design goals and eventually move on to information architecture, we approached this with a user centric approach
Based on our interviews and analysis, we understood the priority of different features. This helped us set our design goals and eventually move on to information architecture, we approached this with a user centric approach
Solution:
Solution:
Here's what "Live Commerce" might look like
Here's what "Live Commerce" might look like
Thought Process - My Design Pregame
Thought Process - My Design Pregame
It’s filled with tons of ideas gathered after spending hours trying different social media and e-commerce apps along with scanning Pinterest and Dribbble to get clarity on these things:
It’s filled with tons of ideas gathered after spending hours trying different social media and e-commerce apps along with scanning Pinterest and Dribbble to get clarity on these things:
And so the final
stages began..
And so the final
stages began..
And so the final
stages began..
Stage 1 of 3
Stage 1 of 3
Building the skeleton for Live Commerce
Building the skeleton for Live Commerce
Now that the solution was well outlined, the next step was to create a user friendly and intiutive Information architecture and creating the sitemap.
Now that the solution was well outlined, the next step was to create a user friendly and intiutive Information architecture and creating the sitemap.
Stage 2 of 3
Stage 2 of 3
Exploring and Finding The Right Flow
Exploring and Finding The Right Flow
I created different flows for the same end point, collected feedback from rest of the team to finally settle on one. Now that the wireframes were almost done it was time to work on the final UI elements.
I created different flows for the same end point, collected feedback from rest of the team to finally settle on one. Now that the wireframes were almost done it was time to work on the final UI elements.
Stage 3 of 3
Stage 3 of 3
High Fidelity Iterations
High Fidelity Iterations
As our design system and brand guidelines were already defined, I tried out different iterations matching the whole design language also keeping in mind our ultimate goal, which was user conversion and successful purchases
As our design system and brand guidelines were already defined, I tried out different iterations matching the whole design language also keeping in mind our ultimate goal, which was user conversion and successful purchases
Some Iterations.
Some Iterations.
Some Iterations.
Thus Presenting what was shipped 🚀
Thus Presenting what was shipped 🚀
Welcome to Trell
Welcome to Trell
Live Commerce
Live Commerce
Live Commerce
A Quick Glimpse at Your All-in-One Shopping and Streaming Hub.
A Quick Glimpse at Your All-in-One Shopping and Streaming Hub.
A Quick Glimpse at Your All-in-One Shopping and Streaming Hub.
Impact
Impact
The released version of Live Commerce was been well received by our customers, we looked into a few UX Metrics to analyse the results. However, there are still improvements that can be made
Product Cards:
Product Cards:
Users' primary focus, indicating strong interest in product offerings.
Users' primary focus, indicating strong interest in product offerings.
Users' primary focus, indicating strong interest in product offerings.
Coupons:
Coupons:
High interaction suggests users actively seeking discounts.
High interaction suggests users actively seeking discounts.
High interaction suggests users actively seeking discounts.
Comment Input Field:
Comment Input Field:
Active engagement with comments, fostering real-time interaction.
Active engagement with comments, fostering real-time interaction.
Active engagement with comments, fostering real-time interaction.
Quantifying Success: Measured UX Metrics
Quantifying Success: Measured UX Metrics
From the metrics it was understood that, users were trying to skip the introductions as most of us being used to the short format content, however after that part those users who stayed back were interacting throughout the video and successfully purchased the products added by them to their cart during the live streams.
“ I added items to my cart seamlessly and, completing the checkout was a breeze. The personalized recommendations were spot-on, making my shopping experience both enjoyable and efficient. ”
“ I added items to my cart seamlessly and, completing the checkout was a breeze. The personalized recommendations were spot-on, making my shopping experience both enjoyable and efficient. ”
Rupali Shetty
Rupali Shetty
Trell User | Kolkata
Trell User | Kolkata
Takeaways & Next Steps
Takeaways & Next Steps
Check Out My Other Work
Check Out My Other Work
Check Out My Other Work
SPARE8
2023
Spare8: Transforming Micro-savings in India
10x increase in active users
Onboarding increased to 92%.
Retention increased by 80%.
GOOD GLAMM GROUP
2022
Navigating Creators: One Campaign at a time
Dive into this case study to witness how this innovative web platform revitalized user engagement and set a new standard for tailored campaign planning in the dynamic $21.1 billion influencer marketing industry.
