Кейс · Muse Clinic, Варшава · 2026
Магазин професійної косметики, з якою працюють косметологи клініки. Він витриманий у стилі Instagram Muse, а купувати в ньому так само просто, як у великих онлайн-магазинах.
Клієнтки довіряють косметологам Muse. Магазин переносить цю довіру додому: ті самі засоби, той самий стиль і підказка, що підходить саме її шкірі.
Кольори, шрифти й 3D-об’єкти взяті з Instagram клініки, бо саме там клієнти бачать Muse найчастіше.
Порядок покупки, кошик і оформлення ми звіряли з провідними магазинами косметики. Ціну, доставку й повернення видно ще до кнопки «Купити».
Підбір догляду за 10 питань складає рутину на ранок і вечір із засобів магазину. Якщо засіб потребує консультації, магазин пропонує записатися.
Основою став Instagram клініки, особливо нові пости. Із сайту ми взяли кольори й шрифти. Старий сайт не копіювали: магазину потрібні свої екрани для покупки.
Instagram Muse Clinic
Магазин
Світлий каталог
Кобальтова анкетаЕкрани покупки світлі: білий фон, світло-сірий під фото засобів. Так фото й ціни читаються чисто, як у каталозі. Кобальт залишили для моментів бренду: перший екран, анкета, консультація. Вони виглядають як пости клініки.
Кобальт — головний колір клініки. На світлих екранах він тільки на головній кнопці, щоб клієнт завжди бачив наступний крок. Жовтий, як в Instagram, з’являється рідко й позначає вигоду, наприклад економію в наборі.
Заголовки набрані Optima, як у постах і на сайті клініки: класичний спокійний шрифт з характером. Текст, ціни й кнопки — Lato, його легко читати на телефоні.
be yourСкляні панелі та 3D-об’єкти з постів клініки з’являються тільки на кобальті: у першому екрані, в анкеті й у результаті. Підпис «be your own muse» стоїть над головним заголовком, як в Instagram.
Тут головне з 16 екранів. Тексти в макетах польською, саме так їх побачать покупці. Усі стани (помилки у формі, порожній кошик, товар не в наявності, оплата BLIK) є у Figma.
Фото засобів із сайтів брендів, 8 рекомендованих засобів, склади наборів, ціна кур’єра, тексти юриста. Замінимо до запуску, питання про них нижче.
Перший екран — справжні засоби клініки на кобальті. Дві кнопки для двох типів покупців: «Zobacz produkty» для тих, хто знає, що шукає, і «Dobierz pielęgnację» для тих, кому потрібна підказка. Далі проблеми шкіри, рекомендовані засоби, готові набори, анкета й консультація.
Перший екран у двох варіантах. Який вам ближчий?
Покупець шукає не «сироватку», а рішення своєї проблеми. Тому проблеми шкіри стоять вкладками зверху, а етапи догляду й марки — фільтрами. Об’єм можна обрати прямо в картці.
Усе, що питають перед покупкою, стоїть біля кнопки: ціна з ПДВ і за 100 ml, коли відправимо, самовивіз у клініці, 14 днів на повернення, оригінал від офіційного дистриб’ютора. Засоби, які продаються лише після консультації, мають запис замість кошика.
Повний догляд однією кнопкою: ціна набору, скільки клієнт заощаджує і що всередині. Засоби, які вже є в кошику, двічі не додаються.
Оформлення на одній сторінці. Скільки бракує до безкоштовної доставки від 400 zł, видно одразу в кошику. Оплата BLIK, карткою або швидким переказом; кур’єр або самовивіз у клініці. Акаунт можна створити вже після оплати.
Замовлення з відстеженням посилки, повторне замовлення одним натиском, адреси й дані для фактури.
Етап 2 · головна відмінність магазину
Клієнт відповідає на 10 питань про шкіру й отримує рутину на ранок і вечір із засобів магазину. Біля кожного засобу пояснення «Dlaczego ten produkt?», кожен можна замінити або прибрати.
Правила підбору й тексти пояснень узгодимо з косметологом на етапі 2. У Figma модуль стоїть окремою колонкою праворуч.
Сторінки, порядок покупки, клікабельний сірий прототип
16 екранів на комп’ютері й телефоні
Розробка, засоби, оплата, доставка, листи
Анкета, результат, «Moja pielęgnacja»
Запис на консультацію через Altegio, бали
Програма лояльності, знижка для нових клієнтів, сторінка консультації із записом, текстові сторінки (доставка, повернення, Regulamin). Для них потрібні правила й тексти від клініки.
Щоб почати розробку без пауз, нам потрібні відповіді на кілька питань. Позначка «до запуску» означає, що від відповіді залежить перший етап. Відповісти можна коротко, вказавши номер питання.
таблиця і засоби
В останній версії таблиці немає жодного засобу HydroPeptide (Cleansing Gel, Hydroflora, Pre-Treatment Toner, Vital Eyes, Solar Defense Tinted). Водночас серед кандидатів у рекомендовані є Vital Eyes, Aquaboost і Eye Authority. Чи буде HydroPeptide у магазині?
Навіщо:Від цього залежить, скільки марок ми показуємо (на головній зараз написано «шість марок») і з чого обирати рекомендовані засоби.
Пані Майя запропонувала 11 кандидатів, у таблиці з них зараз є 8. Чи правильно ми зрозуміли, що «Advanced Night Repair» — це Medik8 Advanced Night Restore, а «Obagi Gentle Cleanser» — ZO Gentle Cleanser? Серед цих 8 чотири креми й немає тоніка. Можливо, краще обрати по одному засобу на кожен етап догляду, щоб покупець бачив цілу рутину?
Навіщо:Цей блок покупець бачить одразу після першого екрана. Ці засоби отримують значок «Polecany przez kosmetologów» і стоять першими в каталозі.
Які засоби продаємо тільки після консультації? Позначте їх, будь ласка, у таблиці.
Навіщо:На сторінці такого засобу замість кнопки «у кошик» буде запис на консультацію, як у прикладі з Bioclear Lotion.
Яку адресу показувати клієнтам для питань про замовлення: biuro@museclinic.com.pl з реєстру компанії чи окрему, наприклад sklep@museclinic.com.pl?
Навіщо:Адреса буде в підвалі сайту й у всіх листах клієнтам.
рішення
Який варіант першого екрана вам ближчий: справжні засоби на кобальті чи 3D-муза?
Навіщо:Обидва варіанти є у Figma, у першій секції.
Яку платіжну систему обираєте: Przelewy24 чи PayU? Якщо клініка вже працює з однією з них, можливо, зручніше взяти її?
Навіщо:Від цього залежить підключення оплати й логотипи на сторінці оформлення.
Скільки для клієнта коштуватиме кур’єр InPost і DPD? До котрої години замовлення відправляємо наступного робочого дня? Через який час замовлення готове до самовивозу в клініці?
Навіщо:Ці дані видно на сторінці засобу, у кошику й у листах. Зараз там приклад «od 19 zł».
У дизайні є посилання «Задайте питання косметологу безкоштовно, відповідаємо протягом 1 робочого дня». Чи зможе клініка так відповідати, і де зручніше приймати питання: форма на сайті, Instagram чи WhatsApp?
Навіщо:Посилання стоїть у п’яти місцях. Якщо так відповідати не вийде, ми його приберемо.
У дизайні три приклади наборів: зволоження, недосконалості, пігментація, зі знижкою близько 10%. Чи підходять такі набори для старту? Хто з косметологів міг би перевірити склад і знижку?
Навіщо:Склади й ціни зараз наш приклад, їх мають затвердити фахівці клініки.
Чи потрібна знижка для нових клієнтів, і яка саме?
Навіщо:Вона є в узгодженому обсязі робіт, але без умов ми її не малюємо.
Хто готує Regulamin, політику конфіденційності й тексти згод, і коли вони можуть бути готові?
Навіщо:Без них магазин не можна відкрити для покупців. Місця для цих текстів у дизайні вже є.
Як нараховувати бали і як їх витрачати?
Навіщо:Це третій етап, відповідь потрібна до грудня.
60 макетів: 16 екранів на комп’ютері й телефоні, у всіх станах. Модуль підбору — окремою колонкою праворуч. Правки й питання зручно залишати коментарями прямо біля потрібного місця.