Canopy design examples

Name: Canopy
Author: Bertrand

Explore Canopy UI design examples. Connecting people to great products through curation and community recommendations.

Product screens

Signup modal prompting the user to create an account via Twitter, Facebook, or email in order to like and add products.

Onboarding step where a modal explains how to like products using a mock product card and a tooltip.

Onboarding step where a product tour highlights how to organize items into collections using a tooltip over a sample product card.

Onboarding step where the user is prompted to learn how to add Amazon products to Canopy before starting to explore the app.

Feed where the user browses curated products with prices and liker avatars, categorized by 'Your feed', 'New', and 'Most popular'.

Product feed where the user browses curated items and views a new follower notification popover.

Search results page for 'nike' displaying a matching brand, a grid of products with price badges, and a list of users to follow.

User profile page where visitors can view curated product collections like 'For Home', 'Apparel', and 'Art', and follow the creator.

User profile page displaying a grid of liked products, currently showing a large social sharing overlay over the user's bio.

List view displaying a grid of curated product categories like Books, Camping Gear, and Cookware for the user to browse.

Signup page where the user enters their personal details, uploads a profile photo, and opts into a newsletter to create an account.

Detail page where the user views a camera product with an option to purchase on Amazon, see who collected it, and write a comment.

Explore real SaaS apps with their product screens, marketing screens, flows, and components.