A step-by-step online tool that enables users to create immersive 3D store experiences through Shopify embedment.
Napster | Lead Product Designer
Integration Strategy
To start, I mapped the product’s existing flow and identified four key stages: Initial Setup, E-commerce Integration, Space Enhancements, and Product Finalization.
I determined that Space Enhancements—the stage following e-commerce integration, where customers have already placed products and begin adding branding elements like logos, videos, and media—was the most logical place to introduce the AI assistant. It aligned perfectly with the idea of enriching and personalizing the space.
To future-proof the product, I proposed framing this step as a library of integrations, where users could select from multiple enhancement options. This approach not only supports the AI assistant but also allows room for future features.
Userflow of Integrations
Within the Enhancements Library, users can select the AI Assistant and are then guided through its setup flow. They then provide their website URL, which our product scans to understand the brand’s tone, product offerings, and store policies.
Based on this information, the system suggests six AI assistants tailored to the brand’s style. After choosing one, the user can provide additional details to fine-tune the assistant’s knowledge.
Q and A Ingestion
For any key information isn’t available on the scanned site, users can supplement the assistant’s knowledge in the Q&A section. Here, they can manually enter questions and answers or upload a CSV file. You can see we provided a template for those unfamiliar with the format. The CSV is automatically parsed to populate the Q&A fields, ensuring a smooth import process.
After completing the Q&A step, users finalize their 3D space with the integrated assistant.
Final Product and Next Steps
Here is the final product in both mobile and desktop views.
For future iterations, we plan to:
-
Explore non-human AI representatives, such as abstract or amorphous entities (e.g., similar to Siri).
-
Expand the Enhancements Library to include additional integrations.
My Task
While I contributed multiple features to this product—including Shopify integration, a mechanism to convert 2D product images into 3D models, and the ability to embed Napster playlists into the 3D environment—this case study focuses on my AI Assistant integration feature.
The goal of this feature was to let creators embed an AI persona into their 3D spaces. Customers could then interact with the assistant to learn about the brand, store policies, or specific products.
My role was to:
a) Design the user flow for creating and customizing the assistant, and...
b) Integrate the feature seamlessly into the existing product experience.
ovERVIEW
MY ROLE
Lead Product Designer
TOOLS
Figma, Touchcast AI
-
Napster’s flagship product, Spaces Editor, lets creators build fully branded, immersive 3D environments from the ground up—without writing a single line of code.
-
Set Up Assistant is a simplified, guided version tailored for e-commerce, using templates to help users quickly create 3D storefronts.
-
This inherited project needed refinement to align with modern usability and design standards. It operates as online software that builds 3D store experiences through Shopify embedment in a step-by-step workflow.
-
For this case study, we will focus on the AI feature within Set Up Assistant.
