Video-Driven Front-End for a Luxury Lingerie Store
Responsive storefront for a luxury lingerie and corsetry brand with hover video previews, advanced product filtering, dual-size selection, a multi-standard size chart and service worker caching.
| Industry: | |
| Location: | U.S.A |
| Services: |
About Client / Challange
Meriel is a luxury lingerie brand that creates handmade sets, corsets, dresses and bodysuits from silk, lace, leather and rhinestone-embellished fabrics and ships worldwide. With a large range of products, complex sizing and a strong focus on visual presentation, the brand needed a front-end that could deliver rich media and detailed product information while staying fast and easy to use.
- Delivers background and product videos smoothly without slowing the site down
- Supports detailed filtering and sorting across categories, materials, colours, stock status and dozens of sizes
- Handles complex sizing, with separate bra and panty selection and a multi-standard size chart
- Includes interactive elements such as a slide-out cart, live search and language and currency switchers
- Works flawlessly on desktop, tablet and mobile
Solution (what we did)
We developed the front-end for both versions of the Meriel store, turning each design into a responsive, interactive interface. The focus of the second version was performance with heavy media: video-first layouts, lazy behaviour for previews and caching to keep the store fast.
- Implementing a full-screen hero video and product cards that switch from photo to video on hover, with responsive video sources for different screen sizes.
- Building a collection page with a filter panel (category, stock or pre-order, material, colour, size) and sorting by popularity, price, name and date.
- Developing the product page with a Swiper gallery for photos and video, separate bra and panty size selectors, colour options, tabbed product information and a “Notify me” option for sold-out sizes.
- Creating a size chart modal that switches between centimetres and inches and covers EU, USA, FR, JP and UK standards for bras, panties, corsets and dresses.
- Developing custom selects, live search with product suggestions, a slide-out cart with quantity controls, language and currency switchers, favourites and modal windows.
- Optimising delivery with an SVG sprite for icons and a service worker for asset caching.
Impact / Result
Meriel received a fast, media-rich storefront that feels premium on every device. Customers can watch products in motion, narrow down a large range in a few clicks and choose the correct size with confidence, while caching and optimised assets keep the experience smooth despite the amount of video.
Two versions of the store, one codebase approach: we built the front-end for the original design and then for the full redesign, reusing proven components and adding the new video, filtering and sizing logic on top. Thanks to this continuity, the second release went live as an evolution of a familiar system rather than a rebuild from scratch.
