Интернет-магазин · WordPress · 2025

Liliway — холистическая wellness-студия из NoMad, Манхэттен

Холистическая wellness-студия Лилианы Ганкевич в NoMad (Манхэттен) — фейшел и body-treatments, WooCommerce-каталог Biologique Recherche с gated-pricing, бронирование через GlossGenius.

WordPress

Хочу такой же проект Открыть сайт

Liliway — это не одна product-карточка с кнопкой «book now», а параллельная wellness-экосистема для NYC-клиентки: holistic-studio Лилианы Ганкевич в NoMad на 9-м этаже здания между Mama Mezze и IMPACT Kitchen плюс WooCommerce-магазин с 5 категориями и ~40+ SKU, где часть каталога — Biologique Recherche-продукты с gated pricing («Log in for price»), а другая часть — публичные retail-позиции с Afterpay-рассрочкой. Booking-флоу вынесен из WP в third-party GlossGenius (liliway.glossgenius.com), потому что WP+WC не закрывает appointment-management для spa-сервисов полноценно. Стек: WordPress + WooCommerce, Yoast SEO, jQuery, Afterpay-checkout, PayPal Smart Buttons с reCAPTCHA-v3 fraud protection, Klaviyo-style newsletter.

Hero «Personalized Holistic Wellness» — split фото-фокус вместо product-grid

Первый экран — full-bleed фото фейшел-сессии с тегом «a natural approach to healing» над H1 «Personalized Holistic Wellness», сериф-типографика белым по тёплому беж-приглушённому тону. Две CTA внизу: «Book Appointment» (ведёт на GlossGenius) и «Shop Products» (на /shop/). Над хедером — тонкая тёмная promo-bar «Free shipping over $100. Use code ‘HOLISTIC’ at checkout.», которая остаётся на всех страницах сайта как session-level промо. Nav split-layout: слева 5 пунктов (Home / Treatments / Shop / Explore / Contact), по центру — сериф-лого LILIWAY HOLISTIC STUDIO в две строки, справа — Search / Account / Cart(0) / outline-CTA «Book Appointment».

Услуги — split treatments на home, полная структура на /services/

Вместо одного листа сервисов — двухколоночный split на home: Facial Treatments («Customized down to the last detail to reveal a beautifully illuminated complexion») и Body Treatments («From Biodraineur and Wraps to Conturing Endermologie Treatments and more»). Каждая карточка имеет фото-превью реальной сессии, заголовок, описание и outline-CTA «Explore Treatments» с anchor-ссылкой на соответствующую якорную секцию /services/#facials или /services/#body-treatments. Между тегом «Holistic skincare treatments» и split-cards — большая body-копия: «By focusing on the body, mind, and spirit, our approach offers a renewed sense of confidence…» и CTA «Schedule My Session».

Liliway treatments split на home — две карточки Facial Treatments и Body Treatments с фото-превью сессий и outline-CTA «Explore Treatments» на anchor-якоря /services/#facials и /services/#body-treatments — Split-cards как входная точка вместо dropdown-меню — это намеренное решение для wellness-вертикали: клиент перед бронированием выбирает тип сессии по фотографии, а не по перечню пунктов. Фейшел и body — разные ритуалы с разной длительностью (90 vs 40 минут) и ценовыми точками, и split-layout делает выбор видимым на первом скролле. CTA *«Explore»* не ведёт на отдельную страницу — это `#facials` anchor в том же `/services/` со smooth-scroll до якорной секции. Один шаблон с двумя entry-points.

Страница /services/ — 6 сервисов в 3 группах с прозрачными ценами

На внутренней /services/ — три якорные группы: Facial Treatments, Body Treatments, Consultations. Каждая группа имеет заголовок, body-копию о «selecting the duration of your wellness session based on your goals» и CTA «Schedule My Session» на GlossGenius. Сервис-карточки — с фото сверху и описательным блоком снизу: Liliway Signature Facial Treatment $725 / 90 мин (performed exclusively by founder Liliana Gankevych), Customized Holistic Facial $195 / 60 мин или $250 / 75 мин, LPG Endermologie Facial $165 / 35 мин или $225 / 60 мин, Liliway Signature Body $395 / 90 мин (packages available), LPG Endermologie Body $275 / 40 мин или $320 / 60 мин (packages available), Virtual Consultation $175 / 50 мин (secure video call with founder). Каждая карточка имеет outline-кнопку «learn more» со стрелкой.

Liliway services page Facial Treatments — три карточки Signature $725 / 90 мин, Customized Holistic $195-$250 / 60-75 мин, LPG Endermologie $165-$225 / 35-60 мин с фото-превью и CTA «learn more» — Прозрачное ценообразование на сервис-карточках — редкое решение для NYC-spa-сегмента, где большинство студий прячут цены за «contact for pricing» или «book a consultation». Liliway показывает две длительности с двумя ценами в одной строке — *«$195 | 60 minutes / $250 | 75 minutes»* — и явно указывает, что Signature выполняет лично founder. Это устраняет первую гипотезу-сомнение («будет сюрприз за $700?»), у клиентки честные цифры ещё до нажатия «book». Tier-сегментация трёхуровневая: входная $165 (LPG-only, без personalized consultation), средняя $195-250 (Customized с founder-team), премиум $725 (Signature exclusively by Liliana). На consultation отдельная карточка — *Virtual $175* через secure video call, не in-person — это для клиентки из-за пределов NYC или той, что хочет skin-strategy без commitment to in-studio treatment.

Exclusive Products — Biologique Recherche carousel с gated pricing

Отдельная home-секция «Exclusive products» со ссылкой-фильтром «Shop Biologique Recherche» (ведёт на /shop/?product-brand=biologique-recherche) и горизонтальной slick-каруселью с 4 видимыми позициями: BIOKISS (Protective — Lipid-Replenishing — Repairing, 0.5 fl oz), MASQUE VISOLASTINE+ (Soothing — Hydrating — Moisturizing, 3.4 fl oz), MASQUE VIVANT (Soothing — Pore-Tightening — Regulating, 3.4 fl oz), MASQUE VIP O2 (Oxygenating — Detoxifying — Moisturizing, 3.4 fl oz). Вместо цен на каждой карточке — линк «LOG IN FOR PRICE» в том же ритме, где у retail-продуктов был бы price-rule.

Liliway Exclusive Products — Biologique Recherche carousel с 4 видимыми позициями (CREME CONTOUR YEUX BIOFIXINE, BIOKISS, MASQUE VISOLASTINE+, MASQUE VIVANT), каждая карточка имеет heart-wishlist сверху и CTA «Log in for price» вместо прайс-тега — Gated pricing на Biologique Recherche — это не trade-trick, а требование самого бренда: **Biologique Recherche** — профессиональная французская skincare-линия, которую дистрибьютор обязывает продавать только клиентам после консультации или in-studio appointment (иначе дилерское соглашение теряется). На уровне WooCommerce это реализовано через role-based price visibility: для unlogged-пользователя — текст-плашка *«Log in for price»* со ссылкой на `/my-account/`, для зарегистрированной клиентки (status *customer* после первой сессии) — реальная цена с кнопкой *Add to cart*. Это не Magento-плагин, не Shopify-trick — это аккуратная WooCommerce-конфигурация с условным `woocommerce_get_price_html` filter и custom-template для login-prompt. Heart-icon в верхнем углу — wishlist, работающий и для unlogged (сохраняется в cookie), и для зарегистрированных (синхронизируется с аккаунтом).

WooCommerce-каталог — 5 категорий, 40+ SKU, 3-фильтровая панель

Страница /shop/ — заголовок «Shop Holistic Products», intro-параграф «Welcome to the Liliway shop — a carefully curated collection of holistic skincare, body care, and wellness essentials chosen with intention» и три кастомных WC-фильтра над grid-ом: Category: All, Brands: All, Product type: All. Каталог — 4-колоночный grid с 12 продуктами на странице и 4 страницами пагинации (то есть ~45 SKU). Категории в футере: Skin Care, Body Care, Hair Care, Lifestyle, Gift Cards. Карточка каждого продукта: heart-wishlist сверху, большое фото-фит-в-квадрате, заголовок (CREME / MASQUE / SERUM-formula), descriptor-подстрока (Mattifying — Rebalancing — Sebo-Regulating), размер (0.3 fl oz | 1.0 fl oz), и либо цена (например $245.00 для After Dark – Restorative Night Serum, $238 для Éclat Extraordinaire) — либо «Log in for price».

Liliway shop catalog /shop/ — заголовок Shop Holistic Products, intro-параграф, три фильтра (Category/Brands/Product type), 4-колоночный grid с After Dark, BIOMAGIC MASQUE, Carres de soin, COLLAGENE ORIGINEL — Mix retail-prices и gated-prices в одном grid — это намеренный дизайн: **retail** позиции (After Dark Restorative Night Serum $245, Éclat Extraordinaire $238, ULTIMATE LIGHTENING Vitamin C $123, LUMINOSITY BOOSTING $135) — это линейки La Fervance, GRŌ, то есть бренды с public-distribution policy; **gated** позиции — Biologique Recherche-каталог (BIOKISS, MASQUE VIVANT, CREME PIGM 400, COLLAGENE ORIGINEL, DERMOPORE и т. д.) — профессиональная линия с role-based price visibility. Покупатель видит однородный визуальный ритм карточек и одновременно — два разных пути купить: сразу через Add to cart для retail или через login + first consultation для gated. Три фильтра (Category / Brands / Product type) — это не дефолтный WC-фильтр-плагин, а кастомные select-меню с URL-параметрами (`?product-brand=biologique-recherche`), дающие deep-linking на конкретную brand-страницу без перегруженного sidebar-а.

Карточка товара — multi-thumb gallery + Afterpay + accordion-описания

Страница /product/eclat-extraordinaire/ — двухколоночный layout: слева вертикальная 4-thumb gallery с большим product-изображением (jar-формат La Fervance Éclat Extraordinaire 50 mL), справа — H1 «Éclat Extraordinaire», цена $238.00, ниже под ценой — «or 4 interest-free payments of $59.5 with Afterpay» с brand-бейджем Afterpay, ещё ниже — 5-звёздочный rating с количеством отзывов (0), объём «50 mL |», два параграфа description, qty-counter с минус/плюс и textbox-числом, dark-red CTA «ADD TO CART» и outline-CTA «ADD TO WISHLIST». Под CTA — accordion с двумя секциями: Description и Ingredients (обе закрыты по умолчанию). Ниже на странице — Ratings & Reviews с кнопкой «write a review» и блок «You may also like» с 4-колоночным related-carousel.

Liliway product detail Éclat Extraordinaire — 4-thumb vertical gallery слева, большое фото jar по центру, справа заголовок, $238 с Afterpay 4×$59.5, rating, 50 mL volume, description, qty selector, ADD TO CART + ADD TO WISHLIST, accordion Description+Ingredients — Afterpay (BNPL) для $238-продукта — это намеренная стратегия для wellness-вертикали: профессиональная skincare часто упирается в psychological-bound *«$200+ за одну позицию»*, а $59.5 раз в 2 недели читается как «affordable». Интеграция — нативный Afterpay-Widget (не PayPal-as-Afterpay-clone), который показывает точную цифру 4-tranche расчёта на каждой продуктовой карточке, не только на checkout. Multi-thumb-gallery слева по вертикали (а не под product-image) — это французско-luxury-паттерн (Sephora-France, Caudalie, Galeries Lafayette), позволяющий глазам сканировать 4 ракурса без лишних кликов. Accordion на Description / Ingredients — не collapse-spam, а data-density-control: для skincare ingredient-list часто 30-50 строк с французскими названиями экстрактов, которые превратили бы product-страницу в 4-экранный wall-of-text.

Booking flow — GlossGenius отдельно от WooCommerce

Все CTA-кнопки «Book Appointment» / «Schedule My Session» / «book an appointment» ведут на liliway.glossgenius.com — third-party scheduler-платформу, где клиентка выбирает услугу, дату, время и вносит информацию перед визитом. WooCommerce-checkout используется только для retail-заказов product-каталога. Это намеренный архитектурный раскол: WC-Bookings (официальный WC-плагин для appointments) имеет слабый UX для wellness-сервисов — не умеет блокировать буфер-время между сессиями, не даёт двух-траншевых pricing-вариантов (60 vs 75 мин за разные цены), не связывает сессии с clinic-staff-availability. GlossGenius — индустриальный стандарт в NYC spa/wellness-сегменте: работает с PCI-compliant payment-флоу, отправляет SMS-напоминания за 24 ч, синхронизируется с Google Calendar founder-а. Раскол не путает клиентку, потому что «Book» визуально отличается от «Shop»-флоу.

Visit Our Holistic Studio — location callout как trust-signal

Предфутерная секция «Visit Our Holistic Studio» — фото интерьера студии с сухими цветами и boucle-креслом, full-bleed background, белый сериф-заголовок по центру и body-копия: «As a holistic care studio, we create customized spa treatment plans for each client that supports wellness on every level – body, mind, and spirit – revealing a beautifully illuminated complexion». CTA — outline-кнопка «Schedule My Session». Это не повторение сервис-CTA, а sensorial-перенос: до кнопки клиентка уже видит, что интерьер — это не клинический кабинет, а намеренно curated пространство (растения-сухие цветы, тёплые деревянные полы, мягкий освещённый тон).

Liliway Visit Our Holistic Studio — полноэкранное фото интерьера студии с сухими цветами и boucle-креслом, по центру белый сериф «Visit Our Holistic Studio», body-копия о holistic care studio и CTA «Schedule My Session» — Studio-interior как предпоследний блок перед футером — это инверсия дефолтного e-commerce-паттерна, где последней секцией обычно идёт newsletter или bestseller-grid. Здесь — sensorial-image, который говорит «приходите увидеть», а не «купите сейчас». Для wellness-вертикали это работает сильнее метрик conversion: studio-визит — это 90-минутное обязательство, требующее психологического разрешения зайти в пространство. Картинка интерьера даёт это разрешение до момента, как клиентка откроет календарь. NoMad-локация (между Mama Mezze и IMPACT Kitchen, 9-й этаж здания 1123 Broadway) — дополнительный trust-signal через географическую точность, опубликованную в футере и на /contact-us/.

Соцдоказательство — 12 customer reviews + Instagram-grid @liliwaystudio

Слайдер отзывов — 12 карточек (повторяются в loop): Tianna Wong («Best facial experience I have had in NY»), Meg H. («the space feels incredibly calming»), Kelly Wiet («I always feel incredibly comfortable»), Ruby Simmons («I trust with my skin more than Liliway»), Ali Driesman («one of a kind and truly the best of the best»), Lulu («INCROYABLE!»). Каждая карточка — body-копия цитаты с многоточием в конце и имя-подпись под ней. На /services/ — углублённый слайдер из 6 развёрнутых отзывов с заголовком (««My skin has never looked better.» — MARY KATE CARRAGHER», ««I won’t let anyone else touch my face.» — Kaitlin Kuhn», ««Felt like I was in a Paris» — ANN PETERS»). Последний блок перед футером — Instagram-grid «Follow us on instagram @liliwaystudio» с 12 видимыми постами (микс photo / carousel / video), каждый — кликабельная плитка, открывающая IG-deep-link.

Стек и технические решения

WordPress core с кастомной темой (no public theme indicator), Yoast SEO для meta+sitemap, jQuery+jQuery Migrate 3.4 для legacy-virtual-dependencies, WooCommerce с модифицированным checkout-template (Afterpay-button нативно вложен в product-page и checkout-step). Платежи — PayPal Smart Buttons с PayPal Fraud Protection (reCAPTCHA v3 invisible-token pre-generation на product-load, проходящий вместе с cart-submission). Lazy-loading в gallery-thumbnails, slick-carousel для exclusive/customer-favorites/testimonials/IG-grid, fancybox для product-gallery overlay. Newsletter signup — Klaviyo-формат (3-field signup без double-opt-in confirmation модалки на client-side), Sign-up-button лишь рендерит inline-success без redirect. GlossGenius — отдельный субдомен (liliway.glossgenius.com), не embed-iframe — это намеренно для полноценного booking-флоу без CSP/X-Frame-Options ограничений.

Что сделали

Раскол двух каталог-логик (gated Biologique Recherche + public retail) в едином /shop/-grid через role-based price visibility и кастомные select-фильтры — без добавления WooCommerce-Subscriptions или Memberships-плагинов, которые засорили бы schema и усложнили дамп базы. Интеграция Afterpay-Widget на product/cart/checkout без лишних CSS-конфликтов с custom-темой (Afterpay имеет tendency override-нуть font-stack на checkout-step, что здесь зачищено через scoped reset). Раскол WC-checkout от appointment-booking — GlossGenius как external scheduler без iframe-embed, что сохраняет WP-page-speed и не тянет 200-КБ scheduler-JS на every page-load. 5-категорийная навигация в footer с 3-anchor-ссылками на /services/# для seamless one-page UX. Yoast-SEO meta для head-схемы, JSON-LD Product schema на product-страницах и LocalBusiness schema на /contact-us/ для NoMad-локации.