012026

Shop Bandit

A women's brand, directed like a film.

Discipline: Design, Web, Systems
Stack: Shopify Hydrogen, React Router 7, Oxygen, Tailwind
Site: shopbandit.net ↗︎ (opens in a new tab)

Overview

Shopify Hydrogen storefront for an LA women's brand. Desktop romance, draggable windows, film-credit UI.

Shop Bandit

Discipline: Design, Web, Systems
Stack: Shopify Hydrogen, React Router 7, Oxygen, Tailwind
Site: shopbandit.net ↗︎ (opens in a new tab)

Overview

Shopify Hydrogen storefront for an LA women's brand. Desktop romance, draggable windows, film-credit UI.

Product polaroids dragged across the plain desk and set back where they lay

The films page: seven short films as VHS cards, each with its date and director

The Swim 26 collection: a script title, a line of copy and the product grid

A product page: flipping through the Camel Bikini Set's polaroids

The empty bag drawer, best sellers inside, slid back in over a collection

The search window dropping from the menu bar, finding bikinis as you type

A film's own page: Facebook Story in its player, with the director's credit

All products: the whole range in a four-across grid, with search and filters

01 Films
02 Collection
03 Product
04 Bag

T Type

Quentin — display
Space Mono — interface

C Colour

01 OS window

The popup.ics window: two live events, each under a red script banner

02 Polaroids

The 7 Stars Bikini Set's polaroid, tilted, its name and price on the tag

The Camel Bikini Set's polaroid, tilted the other way

03 Desktop icons

04 Buy block

The Camel Bikini Set's buy block: script title, price, Add to Cart, Shop Pay, details

The credits page, set like a film's end titles: a production of Wahid Studio — Credits · shopbandit.net/credits