DJM Shop

DJM Shop’s customers come from Instagram and TikTok, where they’re used to video, vertical scrolling and something new every day. We designed the logo and identity and built a shop that speaks the same language: it updates itself, it moves, and it holds up under the waves of visitors a single story can bring in a few minutes. Everything extra the shop does runs through BeezWoo Pro, the WooCommerce plugin we develop ourselves.

What we built

• Logo and visual identity. We designed the shop’s brand and its visual style, together with the website that carries them.
• A hero that updates itself. At the top of the page, the Fashion Carousel from our BeezWoo Pro plugin pulls in the latest products uploaded: when the staff publish something new, it appears in the hero within a minute, with no need to edit the page. The photos alternate over a background video, with cinematic transitions that change at every pass and a colour filter that gives them a consistent look.
• Video in the categories. The category showcase is a mosaic of vertical clips. The video uploaded for a category is trimmed and re-edited on the server into a forward-and-back loop with no jumps and no sound, compressed so that it starts playing while it downloads. The clips run slightly slowed down on mobile too.
• Video as the product cover. Every product can have a video that takes the place of the cover photo, uploaded to the site or linked from a video platform. In the grid it plays on mouse-over, and on mobile with a tap; until someone starts it, nothing is downloaded. The fallback image is taken from the first frame, and the server can prepare a slow-motion version with interpolated frames.
• A feed-style quick view. From the grid, the quick view opens by enlarging the tapped card into the centre of the page; on mobile it fills the whole screen. Inside are photos to swipe through, colours stacked in a column that change the image, and wishlist and sharing at the side: the same grammar as a feed. Once the item is in the basket, it closes by itself.
• Guided selection and one-step purchase. Size and colour are chosen step by step, with sold-out combinations already marked: this is our plugin’s guided selection. The Buy now button goes straight to payment and asks whether to keep the rest of the basket or buy just that item. On one-size products, the size is preselected by an automation written for the shop.
• A checkout designed for Instagram. Anyone opening the site in Instagram’s or Facebook’s in-app browser is invited at checkout to switch to their phone’s browser, with a direct link on Android. If the hand-off to the external payment page doesn’t start, a button appears to open it manually. An item held by a shopper’s own unfinished order becomes available again: anyone retrying with cash on delivery doesn’t find it sold out.
• Infrastructure for waves of visitors. A dedicated server in Germany with a content delivery network in front and an in-memory object cache. Cached pages refresh every minute, and a component written for the shop clears the affected pages as soon as a stock level changes.
• Automatic checks and closures. Every fifteen minutes a check measures the site’s health and response times and sends an alert to a phone and by email if something slows down. For holidays, a closure mode leaves only cash on delivery active, suspends in-store collection and shows notices on the site and in emails; on the reopening date it restores everything by itself.

What we add

The detail that sets this shop apart is in the checkout. Customers arrive from Instagram’s in-app browser, where an external payment may fail to start: the checkout invites them to open their phone’s browser and shows a button to start the payment manually.

When it makes sense. If you sell fashion through Instagram and TikTok, your shop has to move like a feed and hold up under waves of visitors: the two need to be designed together.