Quick View - Overview
Our quick-view feature allows users to view product details and shop without navigating away from their current page, creating a seamless shopping experience.
Background
Brooklinen is a DTC brand “disrupting the bedding industry with premium, hotel-quality sheets and towels at accessible prices”.
Impact
Over 36,000 users interacted with Quick View over the first two months post launch
37.5% of those users converted
Users who used our quick view feature were 20% more likely to convert.
Role
Product Designer
Researcher
View On Brooklinen
Problem Statement
Brooklinen’s website lacked a quick-view feature, meaning users had to visit individual product pages to see details and add items to the cart.
Hypothesis &
How Might We?
We believed that letting users add products to their cart without leaving a page on desktop and mobile would help encourage more intentional browsing and boost sales.
”How might we allow users to view product details without navigating away from the page they are on?”
Concepts
I examined different treatments and approaches to ensure the product card and quick view modal or flyout were clear and easy to use for all users.
Product Card
Icon CTA
Text CTA
Detached From Product Image
Mini PDP
Flyout
Modal
Testing
To validate my design decisions I completed a “first click test” to learn which quick view concepts were most effective in getting users to interact. After this a usability test was completed to further validate my designs.
Though an Icon CTA is pretty standard for an approach to quick view we learned that users were partial to the Text CTA treatment. As an MVP we launched with the specifications below:
Desktop: Text CTA (shows on hover)
Mobile: Text CTA (always visible below product image)
Desktop & Mobile: Modal (used an existing modal from our design system for quicker setup and launch)
Solution & Impact
We landed on an approach that focused on a text based button so it was clear to users what action they were taking: Quick view for products with multiple variants and quick add for products with a single variant. This approach led to a positive measurable impact on key KPIs.
36,000
Over 36,000 people interacted with quickview post launch.
37.5%
Of those users 37.5% made an actual purchase.
20%
Users who interacted with a quickview are 20% more a likely to make a purchase.
