Build a 360º Shoppable Experience Proof of Concept

[c21hornak]

Option 1: Custom 360 shop-able viewer built by us Option 2: Curalate Revolve Tool Option 3: Other Third Party

Playground: https://www.c21stores.com/pages/360

Types of Shoppable Quickviews: • Sticky-Tooltip on Hover — Saks Grand Showcase • Bottom Opacity Overlay with Thumbnail & Product Name — Curalate/Basquiat

[juanmriosv]

Option 1: Progress:

• Auto scroll enable (either direction) . Timing can be adjusted
• Viewer events not conflicting with Page scroll event
• Zoom on double click to middle of viewer
• 360 Navigation Scrolling can be change to Natural or non-natural scrolling

[juanmriosv]

Option 2:

• Sample image that works with Resolve tool:

• Questions so far (have been sent) not reponse:

• [ ] Are we able to, keep the aspect ratio, and modify the width of the viewer to be greater than 1080px?

• [ ] Is it possible to have different CTA values (“SHOP NOW, SHOP DRESSES, etc) for each of the products that we tag?

• [ ] If we decide to make a full-bleed 360 view, Are we able to change the experience of the way product’s preview show? For example: instead of showing all previews at the bottom of the viewer,

• [ ] Can we do a quicklook pop-up right next to the tag?

• [ ] Can we turn off the on Scroll event of the page so it works even when the mouse is over the viewer?

• [ ] Auto rotate feature available?

[juanmriosv]

Option 3: (canceled)

[juanmriosv]

Going forward with Option 1 collaboration between Us and IT

Moving to Design: https://github.com/Century21Stores/UXD/issues/13