← всі звіти · banner-open-design-2026-05-02.md

title: "Menopace 300×600 — open-design конкурс на 10 редизайнів" date: 2026-05-02 audience: "Сергій Верещак, Digital Lead Deltamedical" brief: "Прогнати baseline-banner Менопейс через 10 design systems з nexu-io/open-design, обрати топ-3 під DV360 для жінок 40+"

Menopace 300×600 — Open-Design конкурс (10 варіантів)

TL;DR

Завантажив nexu-io/open-design — там 131 design system (а не 72, як заявлено: 57 design skills + 70 product systems + 4 starter). З них під «жіночий wellness 40+, premarket UA, БАД-комплаєнс» відібрав 10 найрелевантніших. Контент 1-в-1 з baseline (menopace_v4_real_packs.html): 6 питань, 3 packshots з menopace.ua, 2 CTA, легал DM.UA.MEN.26.05.01. Усі 10 файлів дають HTTP 200 і містять <img class="pack-photo">×3.

Що відкинуто (і чому)

З 131 систем виключив усе, що бʼється з БАД-комплаєнсом, аудиторією та трасттоном:

Топ-10 систем — обґрунтування

# System Категорія Чому під wellness 40+ UA
01 warm-editorial Starter / Editorial Терракотова палітра + GT Sectra serif + parchment #FAF7F2 — найточніший fit для menopause editorial. Магазинний New-Yorker tone, restraint, female-friendly.
02 kami (紙) Editorial & Print Warm parchment + ink-blue + serif weight 500 — zen-spa печатний філ. Унікальний — нагадує японський Murata/Shiseido white-paper.
03 notion Productivity & SaaS Warm minimal: yellow-brown undertone, ультра-тонкі межі, серіфні заголовки (Lora) — тепло без сахарності. Trust+approachability.
04 apple Media & Consumer SF Pro, бінарна композиція black/light, pill-CTA — premium pharma-trust сигнал. Якщо хочемо «ніби Apple Health».
05 stripe Fintech & Crypto Weight-300 SF-like Inter + navy heading + violet accent — фінансова надійність на бенефіт wellness. Whisper authority — не «продає», а інформує.
06 mintlify Productivity & SaaS Atmospheric green-white gradient hero + 9999px pill CTAs — clean medical/doc, асоціація з «Healthline + Headspace».
07 starbucks E-Commerce & Retail Warm cream #f2f0eb + чотири-tier зелений + full-pill — cozy retail wellness. Ідеально якщо позиціонувати «купуй у звичайному продажі/аптеці без стресу».
08 pinterest Media & Consumer Warm-white + sand-toned neutrals + Pinterest Red, лайфстайл-magazine vibe. Female-discovery DNA — найближче до «Cup of Jo / Goop».
09 intercom Productivity & SaaS Warm off-white #faf9f6 + Fin Orange + Lora serif companion. Sharp 4px radius — editorial conversational.
10 airbnb E-Commerce & Retail Rausch coral gradient, Cereal-like Inter 800, photography rounded 14-20px — warm consumer trust. «Travel-magazine»-приємність переноситься на здоровʼя.

Каталог банерів

# System Файл / лінк Pаlette / тон Радіус CTA Серіф?
01 warm-editorial menopace_od01_warm-editorial.html Parchment + terracotta + forest 12px ✅ Cormorant
02 kami menopace_od02_kami.html Parchment + ink-blue 0px (sharp) ✅ Source Serif
03 notion menopace_od03_notion.html Warm white + Notion blue 8px ✅ Lora heads
04 apple menopace_od04_apple.html Black + pale gray + #0071e3 980px pill ❌
05 stripe menopace_od05_stripe.html White + navy + violet 6px ❌ (weight 300)
06 mintlify menopace_od06_mintlify.html White + green wash 9999px pill ❌
07 starbucks menopace_od07_starbucks.html Cream + 4-tier green + gold 50px pill ✅ Lora
08 pinterest menopace_od08_pinterest.html Warm-white + Pinterest Red 16px ✅ Lora
09 intercom menopace_od09_intercom.html Off-white + Fin Orange 4px sharp ✅ Lora
10 airbnb menopace_od10_airbnb.html White + Rausch coral gradient 14px ❌

Усі 10 — 300×600, drop-in для DV360 IAB Half-Page; той самий JS-flow (intro → 6Q → result з 3 packs + 2 CTA), той самий легал DM.UA.MEN.26.05.01.

Рекомендація: Топ-3 для продакт-менеджера

  1. warm-editorial (01) — топ-фейворит. Серіф + терракота + parchment — це візуальна мова wellness-magazine для жінок 40+ (Goop, Cup of Jo, Aktiia). Делікатно, premium, без агресії, відмінна читабельність UA-тексту, БАД-комплаєнс ідеально проходить.
  2. pinterest (08) — найжіночніший консьюмерський tone з топа: warm sand neutrals + червоний accent, generous 16px radii, серіфні заголовки. Легко проходить як UGC-friendly Display, добре впишеться в Inspire-feed mood.
  3. stripe (05) — premium-trust контр-карта: weight 300 + navy + violet. Якщо МР хоче «ми як медичний бренд міжнародного рівня» — ця 100%. Менш «жіноча», але максимальний trust-сигнал, виглядає як Pfizer/Aktiia/Whoop.

Альтернативи для AB-тесту: mintlify (06) як «clean medical» benchmark vs. starbucks (07) як «cozy retail» benchmark.

Перевірка

$ for f in /srv/reports/menopace_od*.html; do curl -s -o /dev/null -w "%{http_code} $f\n" "http://localhost/reports/$(basename $f)"; done
200 menopace_od01_warm-editorial.html
200 menopace_od02_kami.html
200 menopace_od03_notion.html
200 menopace_od04_apple.html
200 menopace_od05_stripe.html
200 menopace_od06_mintlify.html
200 menopace_od07_starbucks.html
200 menopace_od08_pinterest.html
200 menopace_od09_intercom.html
200 menopace_od10_airbnb.html

Кожен файл містить рівно 3 <img class="pack-photo"> з реальними URL menopace.ua/wp-content/uploads/2025/04/Menopace_*_2025_TopFront_Straight*.webp.

Що далі (ваш next step)