Shopify 3D Animation UX Design

I’m putting together a Shopify storefront that spotlights my 3D animation work while still functioning as a clean, conversion-ready shop. The aim is to let visitors immediately experience looping, non-interactive animation clips in a sleek, fast-loading interface, then guide them smoothly into browsing and purchasing related products.

Here’s what I need from you:

• Plan and craft the full UI/UX flow—wireframes through high-fidelity mock-ups (Figma, Sketch, or Adobe XD are all fine).
• Customise or build a Shopify Online Store 2.0 theme in Liquid, HTML 5, CSS/Sass and JavaScript so the animations play automatically without bogging down speed scores.
• Create reusable product-listing templates that match the animation aesthetic, support variants, and keep checkout frictionless on desktop and mobile.
• Optimise graphics, video loops or WebM/MP4 embeds for fast loading and SEO-friendly alt text.
• Hand off a fully responsive, cross-browser build that ships with clear instructions for adding future animations or products.

Acceptance criteria: pages consistently load in under three seconds on a 4G connection, animations loop smoothly with no interaction required, and every template passes Shopify’s theme check for performance and accessibility.

If you’re fluent in Liquid, know your way around performance-minded media handling, and have a strong eye for modern motion-centric UI, let’s talk about getting this live.