Day 8/21 - Creating a Comparison Tool for Products by Jaishree Singh
Alright, imagine you’re shopping for a new laptop but are stuck trying to decide between a MacBook, a Dell, and a Lenovo (classic dilemma, right?). This design has your back! First, you’ve got the product selection screen where you can pick up to 4 laptops to compare, using cool filters like brand, price, and reviews to narrow it down. Think of it as building your dream tech squad. Then, once you’ve made your picks, BOOM—you land on the comparison page where all the specs, reviews, and prices are lined up side by side like a tech showdown. We’ve made sure everything’s laid out clean and easy to read, so no squinting is needed. Plus, you can quickly spot the differences without scrolling endlessly. Want to ditch a product? Tap "Remove Item" and it’s gone, just like that. Found your perfect match? The “Buy” button’s right there waiting for you. And of course, this whole design looks fly on mobile, because who shops on a desktop anymore? This is like Tinder for tech—swipe through, compare, and find your one true laptop love. 💻💖
Figma Prototype Design: https://www.figma.com/proto/DOvdjH1VOhrqv3f1AtccB3/Product-Comparison?node-id=29-614&node-type=canvas&t=vffW37rggP76Rnkz-1&scaling=scale-down&content-scaling=fixed&page-id=0%3A1&starting-point-node-id=29%3A614
Your upvotes and feedback are welcome!
Words have more power than we think. Be kind.