Simplified purchasing for an e-commerce bicycle app, creating a seamless and engaging shopping experience.
Simplified purchasing for an e-commerce bicycle app, creating a seamless and engaging shopping experience.
Cycliq is an e-commerce bicycle app that is dedicated to selling the highest quality bikes
Role
UX Designer
Timeline
1 month
Tools
Figma, FigJam, Miro, Ludicd
Why it matters
A smooth, informative checkout experience is key for Cycliq to meet the expectations of cycling enthusiasts seeking high-quality products. An optimized flow can reduce drop-offs and build trust with customers.
Stage 1: Market Research and Analysis
Problem to solve: How might we enhance the checkout experience for cyclist enthusiast while they look for high quality and descriptive products.
Competitive analysis: I conducted five informational interviews and a competitive analysis that analyzed 3 existing competitors: Target, Amazon and TrekBikes. Several Insgihts emerged from the research.
Stage 2: Concept development and user flow design
Given the time constraints I focused on creating a user flow to understand how to map out my designs. I focused on creating a user flow that began with using a guest account to the confirmation page.
Through our insights we concluded that Vergo was in need of a restructure. My team and I created a new structure to aid us with the low fidelity of our new screens. We then proceeded with redesigning the website and created low fidelity screens. Due to time constraints we met with our stakeholder for discussions and approvals.
User Flow
I focused on a user flow that helped me with the of my designs.
Affinity Map
I grouped themes based on the user interviews to identify common pain points and address them in my designs.
User Flow
I focused on a user flow that helped me with the of my designs.
Affinity Map
I grouped themes based on the user interviews to identify common pain points and address them in my designs.
User Flow
I focused on a user flow that helped me with the of my designs.
Affinity Map
I grouped themes based on the user interviews to identify common pain points and address them in my designs.
User Flow
I focused on a user flow that helped me with the of my designs.
Affinity Map
I grouped themes based on the user interviews to identify common pain points and address them in my designs.
User Flow
I focused on a user flow that helped me with the of my designs.
Affinity Map
I grouped themes based on the user interviews to identify common pain points and address them in my designs.
User Flow
I focused on a user flow that helped me with the of my designs.
Affinity Map
I grouped themes based on the user interviews to identify common pain points and address them in my designs.
User Flow
I focused on a user flow that helped me with the of my designs.
Affinity Map
I grouped themes based on the user interviews to identify common pain points and address them in my designs.
User Flow
I focused on a user flow that helped me with the of my designs.
Affinity Map
I grouped themes based on the user interviews to identify common pain points and address them in my designs.
Stage 3: Design and execution
Low-fidelity mockups: Due to time constraints, I created low-fidelity mockups to gather initial feedback and identify key pain points. Using these insights, I developed a high-fidelity prototype and conducted another usability test to gather further feedback.
Stage 4: User Testing
The final step for the product concluded in conducting a 2nd and final round of user testing and iteration making.
Multiple pictures of the product
Problem Solved
Different images of the bike in a digital setting allows the user to feel comfortable with the product and give a better visual understanding.
Dara driven insight
Given the research conduct I analyzed that having a clear visual understanding helps gain the shoppers trust and likely leads to completing checkouts.
Shoppers have the visibility to look at multiple product reviews
Problem Solved
Giving the users the ability to look at reviews allows the user to make a confident/secure decision for purchasing.
Why
During the research, I came across individuals not only looking at positive reviews, but also the negative reviews. They mentioned that looking at these reviews helps them have full transparency of any common problems with the product.
Fear of missing out (FOMO) discount advertisement
Problem Solved
The addition of the discount code under a product will give the user a sense of urgency to purchase the product. This will aide in product and revenue increase.
Data Insight
The research from various competitors showed multiple advertisements on their products such as: "3 left", "Best Product" "50% off" to promote their product.
Multiple pictures of the product
Problem Solved
Different images of the bike in a digital setting allows the user to feel comfortable with the product and give a better visual understanding.
Dara driven insight
Given the research conduct I analyzed that having a clear visual understanding helps gain the shoppers trust and likely leads to completing checkouts.
Shoppers have the visibility to look at multiple product reviews
Problem Solved
Giving the users the ability to look at reviews allows the user to make a confident/secure decision for purchasing.
Why
During the research, I came across individuals not only looking at positive reviews, but also the negative reviews. They mentioned that looking at these reviews helps them have full transparency of any common problems with the product.
Fear of missing out (FOMO) discount advertisement
Problem Solved
The addition of the discount code under a product will give the user a sense of urgency to purchase the product. This will aide in product and revenue increase.
Data Insight
The research from various competitors showed multiple advertisements on their products such as: "3 left", "Best Product" "50% off" to promote their product.
Multiple pictures of the product
Problem Solved
Different images of the bike in a digital setting allows the user to feel comfortable with the product and give a better visual understanding.
Dara driven insight
Given the research conduct I analyzed that having a clear visual understanding helps gain the shoppers trust and likely leads to completing checkouts.
Shoppers have the visibility to look at multiple product reviews
Problem Solved
Giving the users the ability to look at reviews allows the user to make a confident/secure decision for purchasing.
Why
During the research, I came across individuals not only looking at positive reviews, but also the negative reviews. They mentioned that looking at these reviews helps them have full transparency of any common problems with the product.
Fear of missing out (FOMO) discount advertisement
Problem Solved
The addition of the discount code under a product will give the user a sense of urgency to purchase the product. This will aide in product and revenue increase.
Data Insight
The research from various competitors showed multiple advertisements on their products such as: "3 left", "Best Product" "50% off" to promote their product.
Multiple pictures of the product
Problem Solved
Different images of the bike in a digital setting allows the user to feel comfortable with the product and give a better visual understanding.
Dara driven insight
Given the research conduct I analyzed that having a clear visual understanding helps gain the shoppers trust and likely leads to completing checkouts.
Shoppers have the visibility to look at multiple product reviews
Problem Solved
Giving the users the ability to look at reviews allows the user to make a confident/secure decision for purchasing.
Why
During the research, I came across individuals not only looking at positive reviews, but also the negative reviews. They mentioned that looking at these reviews helps them have full transparency of any common problems with the product.
Fear of missing out (FOMO) discount advertisement
Problem Solved
The addition of the discount code under a product will give the user a sense of urgency to purchase the product. This will aide in product and revenue increase.
Data Insight
The research from various competitors showed multiple advertisements on their products such as: "3 left", "Best Product" "50% off" to promote their product.
Multiple pictures of the product
Problem Solved
Different images of the bike in a digital setting allows the user to feel comfortable with the product and give a better visual understanding.
Dara driven insight
Given the research conduct I analyzed that having a clear visual understanding helps gain the shoppers trust and likely leads to completing checkouts.
Shoppers have the visibility to look at multiple product reviews
Problem Solved
Giving the users the ability to look at reviews allows the user to make a confident/secure decision for purchasing.
Why
During the research, I came across individuals not only looking at positive reviews, but also the negative reviews. They mentioned that looking at these reviews helps them have full transparency of any common problems with the product.
Fear of missing out (FOMO) discount advertisement
Problem Solved
The addition of the discount code under a product will give the user a sense of urgency to purchase the product. This will aide in product and revenue increase.
Data Insight
The research from various competitors showed multiple advertisements on their products such as: "3 left", "Best Product" "50% off" to promote their product.
Multiple pictures of the product
Problem Solved
Different images of the bike in a digital setting allows the user to feel comfortable with the product and give a better visual understanding.
Dara driven insight
Given the research conduct I analyzed that having a clear visual understanding helps gain the shoppers trust and likely leads to completing checkouts.
Shoppers have the visibility to look at multiple product reviews
Problem Solved
Giving the users the ability to look at reviews allows the user to make a confident/secure decision for purchasing.
Why
During the research, I came across individuals not only looking at positive reviews, but also the negative reviews. They mentioned that looking at these reviews helps them have full transparency of any common problems with the product.
Fear of missing out (FOMO) discount advertisement
Problem Solved
The addition of the discount code under a product will give the user a sense of urgency to purchase the product. This will aide in product and revenue increase.
Data Insight
The research from various competitors showed multiple advertisements on their products such as: "3 left", "Best Product" "50% off" to promote their product.
Multiple pictures of the product
Problem Solved
Different images of the bike in a digital setting allows the user to feel comfortable with the product and give a better visual understanding.
Dara driven insight
Given the research conduct I analyzed that having a clear visual understanding helps gain the shoppers trust and likely leads to completing checkouts.
Shoppers have the visibility to look at multiple product reviews
Problem Solved
Giving the users the ability to look at reviews allows the user to make a confident/secure decision for purchasing.
Why
During the research, I came across individuals not only looking at positive reviews, but also the negative reviews. They mentioned that looking at these reviews helps them have full transparency of any common problems with the product.
Fear of missing out (FOMO) discount advertisement
Problem Solved
The addition of the discount code under a product will give the user a sense of urgency to purchase the product. This will aide in product and revenue increase.
Data Insight
The research from various competitors showed multiple advertisements on their products such as: "3 left", "Best Product" "50% off" to promote their product.
Multiple pictures of the product
Problem Solved
Different images of the bike in a digital setting allows the user to feel comfortable with the product and give a better visual understanding.
Dara driven insight
Given the research conduct I analyzed that having a clear visual understanding helps gain the shoppers trust and likely leads to completing checkouts.
Shoppers have the visibility to look at multiple product reviews
Problem Solved
Giving the users the ability to look at reviews allows the user to make a confident/secure decision for purchasing.
Why
During the research, I came across individuals not only looking at positive reviews, but also the negative reviews. They mentioned that looking at these reviews helps them have full transparency of any common problems with the product.
Fear of missing out (FOMO) discount advertisement
Problem Solved
The addition of the discount code under a product will give the user a sense of urgency to purchase the product. This will aide in product and revenue increase.
Data Insight
The research from various competitors showed multiple advertisements on their products such as: "3 left", "Best Product" "50% off" to promote their product.
Multiple pictures of the product
Problem Solved
Different images of the bike in a digital setting allows the user to feel comfortable with the product and give a better visual understanding.
Dara driven insight
Given the research conduct I analyzed that having a clear visual understanding helps gain the shoppers trust and likely leads to completing checkouts.
Shoppers have the visibility to look at multiple product reviews
Problem Solved
Giving the users the ability to look at reviews allows the user to make a confident/secure decision for purchasing.
Why
During the research, I came across individuals not only looking at positive reviews, but also the negative reviews. They mentioned that looking at these reviews helps them have full transparency of any common problems with the product.
Fear of missing out (FOMO) discount advertisement
Problem Solved
The addition of the discount code under a product will give the user a sense of urgency to purchase the product. This will aide in product and revenue increase.
Data Insight
The research from various competitors showed multiple advertisements on their products such as: "3 left", "Best Product" "50% off" to promote their product.
Multiple pictures of the product
Problem Solved
Different images of the bike in a digital setting allows the user to feel comfortable with the product and give a better visual understanding.
Dara driven insight
Given the research conduct I analyzed that having a clear visual understanding helps gain the shoppers trust and likely leads to completing checkouts.
Shoppers have the visibility to look at multiple product reviews
Problem Solved
Giving the users the ability to look at reviews allows the user to make a confident/secure decision for purchasing.
Why
During the research, I came across individuals not only looking at positive reviews, but also the negative reviews. They mentioned that looking at these reviews helps them have full transparency of any common problems with the product.
Fear of missing out (FOMO) discount advertisement
Problem Solved
The addition of the discount code under a product will give the user a sense of urgency to purchase the product. This will aide in product and revenue increase.
Data Insight
The research from various competitors showed multiple advertisements on their products such as: "3 left", "Best Product" "50% off" to promote their product.
Multiple pictures of the product
Problem Solved
Different images of the bike in a digital setting allows the user to feel comfortable with the product and give a better visual understanding.
Dara driven insight
Given the research conduct I analyzed that having a clear visual understanding helps gain the shoppers trust and likely leads to completing checkouts.
Shoppers have the visibility to look at multiple product reviews
Problem Solved
Giving the users the ability to look at reviews allows the user to make a confident/secure decision for purchasing.
Why
During the research, I came across individuals not only looking at positive reviews, but also the negative reviews. They mentioned that looking at these reviews helps them have full transparency of any common problems with the product.
Fear of missing out (FOMO) discount advertisement
Problem Solved
The addition of the discount code under a product will give the user a sense of urgency to purchase the product. This will aide in product and revenue increase.
Data Insight
The research from various competitors showed multiple advertisements on their products such as: "3 left", "Best Product" "50% off" to promote their product.
Multiple pictures of the product
Problem Solved
Different images of the bike in a digital setting allows the user to feel comfortable with the product and give a better visual understanding.
Dara driven insight
Given the research conduct I analyzed that having a clear visual understanding helps gain the shoppers trust and likely leads to completing checkouts.
Shoppers have the visibility to look at multiple product reviews
Problem Solved
Giving the users the ability to look at reviews allows the user to make a confident/secure decision for purchasing.
Why
During the research, I came across individuals not only looking at positive reviews, but also the negative reviews. They mentioned that looking at these reviews helps them have full transparency of any common problems with the product.
Fear of missing out (FOMO) discount advertisement
Problem Solved
The addition of the discount code under a product will give the user a sense of urgency to purchase the product. This will aide in product and revenue increase.
Data Insight
The research from various competitors showed multiple advertisements on their products such as: "3 left", "Best Product" "50% off" to promote their product.
Stage 5: Final Presentation and Handoff
The project was concluded at the end of the design iterations from the 2nd round of user testing. A presentation was put together which highlighted the app's features of detailed descriptions for the products and an enhanced 1 step checkout feature.
Outcome
Next steps: The project timeline ended, but we plan to take the product into development and prepare for launch
Conversion: 80% checkout completions during usability testing after iterations.
Expectations: Prototype changes were estimated to improve task speed by ~30% based on test.
Other projects
Vergo - Website redesign for a startup
Optimizing Vergo's website, enhancing user experience and engagement
Travel Pal - UX Design Travel App
This project focused on simplifying the trip planning process to help travelers spend less time comparing options and more time looking forward to their journey.
Travel Pal - UX Design Travel App
This project focused on simplifying the trip planning process