
Aquarum — WooCommerce-магазин немецкого производителя систем водоподготовки
WooCommerce-магазин немецкого производителя RO-систем, умягчителей и мембран — 340+ SKU, 28 категорий, фасетная фильтрация с собственными product-атрибутами и CPT-услугами
Aquarum — немецкий производитель и онлайн-магазин систем водоподготовки промышленного и бытового класса: пром-RO-системы (AMRO/SLIM серии), умягчители, мембраны Hydranautics, дозирующие станции, фильтрующие материалы, картриджи, регулирующие клапаны, UV-лампы, диспенсеры. Тема — кастомный WooCommerce-стек: 28 продуктовых категорий, 340+ SKU (38 страниц архива по 9 единиц), CPT services с 4 инженерными услугами, фасетная фильтрация с собственными product-атрибутами (производительность l/Tag, давление bar, тип насоса, степень очистки, метод фильтрации, тип подключения), VDI-2035-ориентированный контент для теплотехники, полностью немецкая локализация и собственный Yoast-SEO-стек с 10 sitemap-индексами включая product attributes (pa_abflussleitungsanschluss, pa_arbeitsdruck-bar, pa_produktivitat-m³-h-bis).
Hero с 4-канальным переключателем категорий — один лендинг на 4 buyer persona
Первый экран — slick-карусель из 4 фоновых сцен, каждая подчёркивает отдельный сегмент: умягчители для дома, индустриальные RO-системы, картриджи и фильтрующие материалы, бытовой RO-осмос. Активный слайд имеет полный промо-блок: короткий tagline над H1, сам H1, лид-абзац, синяя CTA «Alle anzeigen» на конкретный product-category архив, а справа — annotated product visualization с callout-линиями. На скрине ниже — AMRO SLIM RO Series: на одном рендере отмечены три ключевых компонента инженерным способом — «Hochwertige italienische Lowara-Pumpen», «Hydranautics 4040 — weltweit führender Hersteller», «Steuerung: Intelligenter Controller Aquarum Contro». Это не маркетинг-картинка, это инженерный паспорт RO-станции на главной.

«Suche nach Kategorie» — 9 топ-категорий с продуктовыми визуализациями, не иконками
Вторая секция главной — grid 3×3 с 9 самыми важными категориями каталога: Umkehrosmose für den Haushalt, Industrielle Umkehrosmose, Dosierpumpen und -stationen, Wasserenthärtungsanlagen, Kohlefilter, Membranen Hydranautics, Ultrafiltrationssysteme, Steuerventile, Wasserenteisenungsfilter. Каждая карточка — минималистичный rounded-rectangle с тонким border, рендером РЕАЛЬНОЙ продукции слева (не stock-иконка) и названием категории справа. Под grid — outline-CTA «Mehr sehen» → /suche-nach-kategorie/ (отдельная страница с полным перечнем 28 категорий с изображениями, поскольку в footer-меню они не помещаются). Это отдельная SEO-страница, которая сама по себе позиционируется под long-tail запрос «Wasserfilter Kategorien».

«Dienstleistungen» — CPT services, не WC-продукты
Секция Dienstleistungen содержит 4 услуги: Beratung & Planung von Wasseraufbereitungssystemen, Installation & Inbetriebnahme von Umkehrosmose- und Wasseraufbereitungssystemen, Modernisierung bestehender Wasseraufbereitungssysteme, Wasseranalyse. Каждая услуга — отдельный пост в CPT services (URL /services/<slug>/) с собственным sitemap-индексом (services-sitemap.xml, 4 URL), а не custom-taxonomy на products и не страницей. Это позволяет каждой услуге иметь свой полноценный SEO-лендинг с тегами, описанием и lead-формой, не смешиваясь с WooCommerce-структурой. Карточки выглядят как 2×2 grid: слева — широкое фото-иллюстрация (инженер под раковиной с фильтрами, стакан с водой на синем фоне, иллюстрированный дизайн с человеком в синей рубашке), справа — иконка категории (стек дисков, водопроводный кран, шестерёнки, лабораторные пробирки), H3, лид и outline-CTA «Mehr lesen».

«Über das Unternehmen» — два industrial-фото + счётчики без анимации
About-блок разделён на две полосы. Верхняя — текст о компании + фото мембран RO-стенда (вертикальные белые мембранные баки в синих корпусах с подведёнными трубопроводами и фитингами). Нижняя — фото power-станции с 6+ синими буферами и насосной группой + текст о международных контрактах и три счётчика: 2 000+ Fertige Projekte, 50+ Expert Team-Mitglieder, 2 500+ Ihre zufriedenen Kunden. Счётчики не анимируются при скролле — статичные крупные цифры с синим «+», что нетипично для 2024+ макетов (все любят CountUp.js). Это выбор в пользу скорости загрузки и ясности — не нужно ждать завершения анимации, чтобы прочитать число.

«Warum sie uns vertrauen» — 4 USP-карточки с одним активным состоянием
Trust-секция выполнена как grid из 4 карточек (Umfangreiche Berufserfahrung, Fertige und individuelle Lösungen, Schnelle Lieferung und Installation, Eigenproduktion). Первая карточка всегда в активном состоянии — полная заливка синим (#0070C0), белый текст, белая иконка человека на синем фоне. Остальные три — светло-серый border, тёмный текст, синяя outline-иконка. На hover (и на mobile-tap) активное состояние переключается. Это психологический приём: у глаза всегда есть один якорь-блок, на который автоматически падает внимание — и именно он говорит о главном USP компании («многолетний опыт»), а не «быстрая доставка». Доставка — нужна, но вторична для B2B-клиента pharma/heizung-сектора. Опыт — primary.

Shop archive: 28 категорий в фиксированном сайдбаре + кастомная пагинация 9/18/24
Страница /shop/ — глобальный каталог 340+ SKU, разделённый на 38 страниц по 9 единиц (стандартный WC-default). Левый сайдбар — sticky-список из 28 категорий без иконок, только текстовые ссылки в одну колонку. Над grid — три интерактивных контрола: Produktfilter (открывает overlay с фасетами, о котором ниже), Sortiere nach (6 пресетов: Standardsortierung, Beliebtheit, Durchschnittsbewertung, Aktualität, Preis aufsteigend/absteigend) и Elemente auf der Seite (9/18/24 — клиент сам выбирает плотность). Карточка продукта — фото сверху, бейдж «Neu» (синий, скруглённый pill) в верхнем левом углу для новых позиций, heart-иконка wishlist в правом верхнем, name внизу, цена синим bold. Никакого старого WC-стандарта: «Add to Cart» прямо из карточки, рейтинг звёздами, описательная лента — всё отсутствует. Это каталог-grid, не e-commerce-grid: кликни → перейди на PDP → там принимай решение.

Фасетный фильтр с product-attributes: цена, производительность l/Tag, тип насоса, метод фильтрации
Клик по «Produktfilter» в shop или category-page открывает правый slide-out overlay с полным набором фасетных фильтров. На скрине ниже — Industrielle Umkehrosmose: Preis (EUR) с range-slider 2799–43560, Produkt Rabatt (checkbox «Nur mit Rabatten»), Produkt Produktivität (5 диапазонов l/Tag: bis zu 190 / von 190 bis 285 / von 384 bis 864 / von 864 bis 1560 / von 1560 bis 2275), Produkt Filtrationsverfahren (Läuft, Ultrafiltration, Umkehrosmose), Produkt Pumpentyp (Ohne Pumpe, Pumpe), Produkt Reinigungsgrade (4, 5, …). Каждое поле — отдельный WP product-attribute с собственным sitemap-индексом (pa_produktivitat-m³-h-bis-sitemap.xml содержит URL для каждого значения производительности — это добавляет отдельную SEO-поверхность для long-tail запросов вроде «RO Anlage 500 l/Tag»).

Product single — галерея, breadcrumbs с product_cat, 3-таб описания и 15-полевая spec-таблица
Страница продукта (на примере Aquarum HeatControl PRO KOMPLETT — Heizungsbefüllung & Nachspeisung Komplettsystem mit Mischbett-Harz, Leitfähigkeitskontrolle und Druckminderer) — двухколоночный layout: слева галерея с thumbnail-лентой (вертикально), справа — H1, in-stock-индикатор (зелёный pin), 5-звёздочный рейтинг (пока 0 рецензий), цена 744,00 EUR жирным, qty-степпер, синий full-width CTA «Im Korb», рядом outline-heart wishlist, ниже — блок «Lieferung, Garantie» с 3 trust-сигналами: kostenlose Lieferung ab 400 Euro, kostenlose Rücksendungen, 30 Tage für eine Rückerstattung. Breadcrumbs: Home → Shop → Vollentsalzung & Heizungswasser Aufbereitung → [Produktname] — то есть product_cat интегрирована в навигацию.

Таб Eigenschaften — это 15-полевая spec-таблица в формате key:value pairs, каждая строка — отдельная строка с divider-линией. Поля: Produkttyp, Funktion, Anschluss, Kapazität, Einsatzbereich, Wasseraufbereitung, Überwachung, Messparameter, Durchflussanzeige (Ja/Nein), Druckregelung, Manometer, Anwendung, Wartung, Energieversorgung, Herkunft. Это не WC-стандартный «Additional information» с 2 атрибутами — это полноценный technisches Datenblatt прямо на странице, пригодный для принятия B2B-решения без email-обмена с sales. Поле «Herkunft: Made in Taiwan (Elektronik) / Systemmontage EU» — это честное раскрытие происхождения: контроллер тайваньский (нормально для электроники этого класса), система собрана в ЕС (важно для compliance и CE-маркировки).

Checkout — 3-шаговая страница без отдельной /cart/, с городским автокомплитом и 2 типами банковского перевода
В отличие от стандартного WC /cart/ + /checkout/, у Aquarum URL /cart/ мгновенно редиректит на главную — корзина доступна только через дропдаун-иконку в шапке и одношагово ведёт в /checkout/. Сама страница чекаута — компактная 3-секционная форма в левой колонке: 1. Persönliche Daten (Vor- und Nachname, Telefonnummer с маской +4989 (___) ___-__-__, E-Mail), 2. Lieferung (автокомплит «Wählen Sie Ihre Stadt» с четырьмя quick-chip-подсказками — Hamburg / München / Frankfurt am Main / Köln, дальше radio с 3 типами — Selbstabholung kostenlos / Lieferung an die neue Postfiliale / Adresszustellung + textarea «Kommentar»), 3. Zahlung (2 опции — Bei der Überweisung handelt es sich um ein Girokonto по умолчанию и Banküberweisung с предоплатой). В правой колонке — sticky-миникорзина с фото товара, qty-степпером и прозрачной раскладкой Zwischensumme / Versand / Zwischensumme. Без Stripe-iframe или PayPal-кнопки — это B2B-каталог, где крупные заказы идут через банковский перевод, а не мгновенную кредитку.

Category-page = магазин + SEO-полотно под фичей «Worauf sollte man beim Kauf achten?»
Страница /product-category/<slug>/ — это не просто grid продуктов. Под самим листингом и пагинацией идёт полноценная SEO-страница: H1 «Industrielle Umkehrosmose», 2 лид-абзаца, H2 «Was ist industrielle Umkehrosmose?», H2 «Wie funktioniert eine Umkehrosmoseanlage?» с нумерованным списком этапов (Vorfilterung → Aktivkohlefilterung → Membranfiltration → Nachbehandlung), H2 «Vorteile», H2 «Anwendungsbereiche» (Lebensmittel, Pharma, Energie, Halbleiter, Landwirtschaft), H2 «Worauf sollte man beim Kauf achten?» с HTML-таблицей из 5 строк (Kapazität / Membranqualität / Energieeffizienz / Anpassungsfähigkeit / Wartungsfreundlichkeit), H2 «FAQ» с 4 вопросами и ответами (периодичность обслуживания, кастомизация, ресурс мембраны 3-5 лет, экологичность). Это category-page-as-pillar-content — стратегия, которую Yoast предлагает как «cornerstone», а большинство сайтов забывает реализовать на e-commerce-категориях. Здесь сделано правильно.
Блог «Neueste Artikel» — слайдер с 4 видимыми статьями, не grid
Раздел блога на главной — slick-карусель с 4 видимыми карточками одновременно. Каждая карточка: дата в синем круглом бейдже (21.04, 14.04, 09.04) в левом верхнем углу product-фото, полное название статьи как H4, первые 60 символов body текста с ellipsis-truncation, outline-CTA «Mehr lesen». Это не grid — это horizontal-scrolling carousel, который не требует вертикального скролла и позволяет показать больше статей в ограниченном visual budget. Видимые статьи покрывают VDI 2035 vollentsalzung, industrielle RO-anlagen, ionenaustauscherharz comparison, hauswasserfilter im hausanschluss — это НЕ lifestyle-блог, это technical reference content, который помогает инженерам принимать решения и одновременно поднимает category-page rankings в Google по техническим long-tail.

FAQ — 3 карточки в конце главной, безбордерный accordion-style
Перед футером — секция Häufig gestellte Fragen с 3 вопросами, каждый в отдельном светло-сером rounded-rectangle: «Was ist der beste Wasserfilter?», «Wie erkennt man, welcher Wasserfilter benötigt wird?», «Was sind Wasserfilter?». Все 3 раскрыты по умолчанию — это не accordion с click-to-expand, это pure-text FAQ-блок. Это позволяет Google Search Bot сразу прочитать всё FAQ-содержание для FAQPage-schema и потенциальных rich-results. Классическая ошибка — прятать FAQ за clicker-accordion с aria-expanded=false — там схема работает, но CTR в SERP ниже.

Мобильная вёрстка 390 — burger-меню, sticky-search, полноэкранный hero без обрезки
На viewport 390×844 (iPhone 13) layout перестраивается: top-bar с телефоном переходит в компактную строку, главная навигация схлопывается в burger-иконку слева (3-line stack), поисковый input становится full-width, корзина и wishlist остаются видимыми в правом нижнем углу как floating action elements. Hero показывает полностью слайд 1 (Umkehrosmose-Systeme, тот же, что desktop слайд 1, только здесь уже AMRO SLIM с вертикальным product visual внизу), синий CTA «Alle anzeigen» центрирован и полной ширины. Никаких desktop-only артефактов (горизонтальный скролл, обрезанные элементы) — полноценная mobile-first перестройка, не desktop-с-zoom.
SEO-стек: 10 sitemap-индексов включая product-attribute archives
Yoast SEO сгенерировал 10 отдельных sitemap-XML: post, page, product, services (CPT, 4 URL), category, product_cat (28 URL), pa_abflussleitungsanschluss (атрибут типа подключения к дренажной линии), pa_arbeitsdruck-bar (рабочее давление), pa_produktivitat-m³-h-bis (производительность м³/ч), author. Включение product-attribute archives в sitemap — это дополнительная SEO-поверхность, редко включаемая Yoast по умолчанию. Каждое значение атрибута (например, «5 m³/h», «10 bar», «3/4″ Anschluss») получает собственный archive-URL с листингом продуктов, имеющих это значение. Это снимает необходимость вручную создавать «landing-page для всех RO-систем 500 l/Tag» — Yoast автоматически генерирует эту страницу из продуктов, имеющих pa_produktivitat=500.
Kontakte как отдельная страница с адресом, графиком и Google-Map iframe
В отличие от шаблонной «контактной формы по анкору в футере», Aquarum имеет полноценную страницу /kontakte/ с 4-карточным header-блоком: Adresse (Steinerother Str. 1, 57518 Betzdorf — малая община в Rheinland-Pfalz, что сигнализирует о реальном немецком юр-резиденте, не «виртуальном офисе в Берлине»), Telefon с кликабельной tel-ссылкой, Email info@aquarum.de и Arbeitsplan Mo-Fr 08:00–16:00 Uhr. Ниже — full-width Google-Map embed с пин-маркером, ещё ниже — повторный lead-form блок «Ausrüstung auswählen» (Ihr Name / Phone с маской / E-Mail / Ihre Nachricht + Schicken) с DSGVO-дисклеймером. Отдельно в шапке и футере — wishlist-страница /wunschzettel/ (heart-иконка) с собственным заголовком и состоянием «Die Favoritenliste ist leer» для новых посетителей — это не дропдаун, а персистентная страница, где B2B-procurement неделями накапливает позиции к тендеру.

Итог
Aquarum — это B2B-каталог с характером industrial-engineering: полноценный WooCommerce-магазин на 28 категорий и 340+ SKU, интегрированный с CPT services для инженерных работ, фасетная фильтрация с 6+ продуктовыми атрибутами, technical content на category-страницах как cornerstone, честные spec-таблицы без маркетингового мусора, минималистичный flat-UI без визуальных чужеродных надстроек. Все дизайн-решения (4-канальный hero, активная синяя trust-карточка, фиксированные диапазоны l/Tag вместо slider, floating-thumb-zone wishlist на mobile) выглядят как решения человека, который ежедневно видит, как клиенты-инженеры комбинируют поиск, чтение specs и запрос quote. Это сайт, где не пытались продать фантазию — пытались сделать так, чтобы купить было просто.


