WORKSET — Shopify Storefront & Motion

WORKSET is an original, self-initiated Shopify concept for a focused strength-accessory brand. I designed and built the storefront around the quiet ritual before a hard set. Forest green, warm ivory, tactile equipment imagery and an expressive serif headline create a distinctive identity. Desktop, tablet and phone compositions use intentional image crops, readable copy and a direct route into the collection.

A five-second equipment film plays silently once per browsing session, then fades into the original lifestyle photograph. Visitors can skip immediately; navigation and shopping remain available throughout. Reduced-motion and data-saving preferences retain the still image, with a static fallback if playback fails.

Six illustrative products and 29 native Shopify variants support the shopping flow. Product pages bring imagery, construction, photographic colour choices, size and fitting guidance into one decision area. The closer view uses the selected colour’s own image. Fitting guidance includes centimetre/inch switching, while category filters and price sorting help visitors compare the equipment. Variant prices and demonstration-cart totals use Shopify’s native data.

Campaign copy, buttons, desktop and phone imagery, the equipment introduction and motion settings are editable through Shopify’s theme editor. Saved edits were verified in the development store and the final presentation restored after testing.

Targeted checks covered responsive layouts, keyboard navigation, size selection, fitting-dialog focus, native demonstration-cart behaviour and the opening film’s playback, Skip and return to the homepage. The result is a working portfolio concept in a protected Shopify development store.

Products, prices, measurements and specifications are illustrative. The original imagery and opening film are AI-assisted. This self-initiated project demonstrates design and implementation; it has no client sales or conversion results, and accepts no real orders or payments.