![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg"><path d="M 83.017 338.209 L 16.714 338.209 C 1.335 338.209 -5.851 319.167 5.694 309.007 L 352.114 4.158 C 358.552 -1.507 368.236 -1.368 374.508 4.479 L 701.528 309.329 C 712.606 319.655 705.298 338.209 690.154 338.209 L 629.3 338.209 C 620.088 338.209 612.62 345.677 612.62 354.891 L 612.62 628.031 C 612.62 637.243 605.152 644.711 595.94 644.711 L 460.412 644.711 C 451.198 644.711 443.73 637.243 443.73 628.031 L 443.73 445.589 C 443.73 436.377 436.262 428.909 427.05 428.909 L 291.522 428.909 C 282.31 428.909 274.842 436.377 274.842 445.589 L 274.842 628.031 C 274.842 637.243 267.374 644.711 258.162 644.711 L 116.378 644.711 C 107.166 644.711 99.698 637.243 99.698 628.031 L 99.698 354.891 C 99.698 345.677 92.229 338.209 83.017 338.209 Z" fill="rgb(245, 245, 245)" height="644.7111231069853px" id="bPxo3qcTR" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="round" stroke-width="4.17" stroke="rgb(245, 245, 245)" transform="translate(47.49 85.823)" width="706.8676896632352px"/></svg>)
Managing Product Variants
Managing Product Variants
Managing Product Variants
Products come with one or many attributes (Variants): some generic, like sizes, colors, quantities, storage and some very specific like SIM type. The aim of this project was to help discover, navigate and help users make an informed choice when it comes to such products
Products come with one or many attributes (Variants): some generic, like sizes, colors, quantities, storage and some very specific like SIM type. The aim of this project was to help discover, navigate and help users make an informed choice when it comes to such products
top flavours
top flavours
Product Design, Visual design
Product Design, Visual design
Product Design, Visual design
spice level
spice level
Associate Designer
Associate Designer
Associate Designer
cook time
cook time
Oct ‘23 - Dec ‘23
Oct ‘23 - Dec ‘23
Oct ‘23 - Dec ‘23
best paired with
best paired with
Front-end Engineers
Front-end Engineers
Front-end Engineers
chef’s notes
chef’s notes
Pushed for these components additions, which helped us improve visuals significantly, even at an early stage
Pushed for these components additions, which helped us improve visuals significantly, even at an early stage
Pushed for these components additions, which helped us improve visuals significantly, even at an early stage
Products with one variant
Products with one variant
Products with one variant
Screens
Screens
Screens
Following are the screens to show the flow of how a product with just one variant (product attributes) looks during different times of the flow- Browse, selection and post-addition
Prototype
Prototype
Prototype
Attached is the prototype to show the interaction and behaviour when there is only one variant (product attributes) associated with the product
Attached is the prototype to show the interaction and behaviour when there is only one variant (product attributes) associated with the product
Attached is the prototype to show the interaction and behaviour when there is only one variant (product attributes) associated with the product
Product with multiple variants
Product with multiple variants
Product with multiple variants
Screens
Screens
Screens
Following are the screens to show the flow of how a product with multiple variants (product attributes) looks during different times of the flow- Browse, selection and post-addition
Prototype
Prototype
Prototype
Attached is the prototype to show the interaction and behaviour when there is multiple variants (product attributes) associated with the product
Attached is the prototype to show the interaction and behaviour when there is multiple variants (product attributes) associated with the product
Attached is the prototype to show the interaction and behaviour when there is multiple variants (product attributes) associated with the product