Milamay — каталог люксового белья на WooCommerce, Лондон

Обзор проекта

Milamay — лондонский бренд белья: бюстгальтеры, трусики, пояса для чулок, платья и купальники в небольших именных коллекциях — Poppy Sparkle, Gold Sparkle, Grace, Belle, Green Jade. Бренд продаёт через живое общение, а не через корзину: покупатели выбирают модель, спрашивают о посадке и заказывают одним сообщением.

Поэтому сайт — это каталог, который ведёт себя как бутик. WooCommerce хранит 33 товара с цветами, размерами и ценами в фунтах, но онлайн-оформление заказа отключено: каждая страница товара заканчивается запросом в WhatsApp или на e-mail, где уже указаны модель, цена и ссылка. Вокруг — редакционный дизайн в фирменной фуксии: заголовки с засечками, крупные фото из рекламных кампаний на всю ширину и много воздуха.

Моя роль в проекте

Я лично работал над этим проектом от дизайн-брифа до запущенного магазина. Направления, которые я вёл и выполнял непосредственно:

• Кастомная тема WordPress mila, построенная вокруг WooCommerce, — без конструкторов страниц, собственные скрипты темы на чистом JavaScript
• WooCommerce как каталог: 33 вариативных товара с атрибутами цвета и размера, пять категорий, акционные цены, оформление заказа отключено
• Заказ сообщением вместо корзины: запросы в WhatsApp и на e-mail с заранее заполненными названием товара, ценой и ссылкой
• Поля ACF для слайдов и секций главной, чтобы контент магазина можно было обновлять без кода
• AJAX-функции на эндпоинтах с защитой nonce: живой поиск, быстрый просмотр, вкладки категорий и страница избранного
• Структурированные данные: Organization и WebSite с поисковым действием на главной; Product, Offer и BreadcrumbList на каждой странице товара

Что я сделал

• Строка объявлений (бесплатная доставка по всему миру, подарочная упаковка каждого заказа) и закреплённая шапка с матовым фоном, поиском и избранным
• Hero-слайдер на Swiper с фото из кампаний на всю ширину, стрелками и индикаторами прогресса
• Карусель «Signature Pieces»: бейджи скидок, старая и новая цена и «сердечко» избранного на каждой карточке
• «The Milamay Wardrobe»: вкладки категорий — All, Bras, Dresses, Knickers, Suspenders, Swimwear, — которые меняют сетку товаров без перезагрузки страницы
• Быстрый просмотр: любой товар из сетки можно открыть во всплывающем окне, не уходя со страницы
• Магазин с шестью фильтрами (категория, цена, цвет, две размерные сетки, теги), счётчиками вариантов, «чипами» активных фильтров и четырьмя вариантами сортировки
• Страница товара: фотогалерея с зумом, кнопки размеров, всплывающая таблица размеров, избранное, кнопка «Поделиться» (родное меню шеринга на телефоне, копирование ссылки как запасной вариант) и блок заказа через WhatsApp / e-mail
• Избранное без аккаунта: сохраняется в браузере, есть отдельная страница, которая подгружает сохранённые модели
• Живой поиск в полноэкранном оверлее
• Блок «The Milamay promise» (доставка по миру, подарочная упаковка, лёгкий возврат), подписка на рассылку и тёмный футер с Instagram, Facebook и TikTok

Тема работает на едином наборе дизайн-токенов — цвета, шкала шрифтов, отступы, — общем для всех шаблонов: Cormorant Garamond для заголовков, Bodoni Moda для логотипа, Jost и Hanken Grotesk для подписей и основного текста. Слайдеры — на Swiper, всё остальное — на чистом JavaScript, а фото товаров отдаются в WebP с ленивой загрузкой.