Rank · e commerce · Live
Yossi.co
A custom Shopify theme that works like a retro desktop: windows, folders and a scrolling document.
What it is
A highly unconventional, artistic e-commerce experience that breaks the mold of standard templates. The UI mimics a retro computer file system, providing a unique, immersive brand experience for the Yossi Co brand. The storefront opens through a branded enter screen, keeps a floating music player running as you browse, and stages products across full-width video sections with a custom cart drawer handling checkout.
- Shopify Liquid
- Vanilla JS
- CSS Grid
- WebGL
- GSAP
What it does
8 things, working.
Custom "OS-style" desktop interface
Branded enter screen that gates the experience
Floating music player that persists across pages
Full-width video sections
Custom cart drawer with notifications
Draggable windows and interactive elements
AJAX page transitions without full reloads
Unique product discovery experience
Screens
See it running.
The build
Why, and how.
The problem
The client wanted to stand out in a saturated fashion market. Standard e-commerce templates felt too sterile and didn't reflect the brand's avant-garde identity.
What I built
Engineered a completely custom Shopify theme that functions like a retro operating system, turning shopping into an interactive journey of discovery.
Under the hood
To achieve the "desktop OS" feel within Shopify's constraints, we utilized the HTML5 Drag and Drop API combined with GSAP for smooth window movement. We implemented a custom AJAX cart and page transition system that fetches HTML fragments, parsing them to update the DOM without a full page reload. This preserves the "OS state" (open windows, position) while navigating between collections.
Search
Despite the heavy visual experimentation, we maintained strict semantic HTML5 structure for screen readers and crawlers. We used canonical tags to prevent duplicate content issues often found in SPA-like architectures. Image optimization (WebP conversion, lazy loading) ensured that the "heavy" visual style didn't penalize Core Web Vitals scores.
How it was built
- Built a single-page application (SPA) feel within Shopify
- Used GSAP for smooth, high-performance animations
- Optimized heavy assets for instant loading
- Ensured full accessibility despite non-standard UI
What came of it
- Built a web experience people share
- Increased session duration by over 300% vs previous site
- Established a distinct, memorable brand identity
- Maintained high performance despite complex visuals
Want a build like this?
Tell me what you are trying to grow. I reply within 24 hours.