YYT

Published By: a headless Shopify storefront with a 3D bag animation

We built a headless Shopify storefront with a React front end for Published By.

Visit site
Metallic silver handbag held by a model in a satin outfit
On this page01Headless Shopify storefront
  1. 01Headless Shopify storefront
  2. 023D animation
  3. 03Gallery
  4. 04The Stone Bag: Published By signature 3D bag

Published By is an Austrian studio selling innovative 3D bags and accessories inspired by technology, architecture and art.

We worked with the brand on the launch of its eCommerce website, building a headless storefront with a React front end, Shopify and Contentful.

01Headless Shopify storefront

We built a headless Shopify storefront with a React front end, which gave us full flexibility on the front end for subtle animations and interactions. The website uses Shopify's core eCommerce features (catalog, product variants and tags, metafields, promotions and checkout), with an optimized basket popup.

The Published By Stone Bag in silver with a black cord

023D animation

We developed a custom 3D bag animation for the homepage with an interactive rotating Stone Bag, Published By signature bag. One of the main challenges was to deliver an animation that renders well and fast on mobile without hindering performance. In order to deliver this, our development team performed a series of performance optimizations, including asynchronous rendering, generating SVG previews, image optimizations and javascript optimizations for a fast and dynamic mobile experience.

A silver Published By bag with a black strap and a chain

03Gallery

The Published By homepage, with the 3D Stone BagThe Published By shop page, showing the bag collectionA Published By product page for a silver bag, with an Add to Basket buttonThe Published By basket drawer open over a product page

04The Stone Bag: Published By signature 3D bag

Get in touch

No pitch deck. Just a technical conversation.

Book a call with a technical lead. We'll look at your stack, your roadmap, and where we'd start.

Book a call