Запис показує шлях нового користувача від external article-style лендінгу до cancel-форми. Продукт = EPICA Beauty (web/PWA, app.epica-beauty.com). У продукті є сильна AI-аналітика обличчя і шкіри + якісний контент, але воронка та flow має суттєві проблеми з довірою та self-service. Нижче — детальний розбір з посиланнями на конкретні моменти у відео.
Синтез 22 пунктів Manual Findings — згруповано за тематикою та критичністю. Критичні проблеми блокують довіру та конверсію; серйозні псують user experience у ключових місцях; косметичні впливають на сприйняття якості.
Найбільша частина проблем — у двох зонах: (а) trust на paywall (фейкові founder/timer/пайвол-копірайт + typo) та (б) cancel/refund flow (не працює технічно за 3+ діб). До цього додаються UX-структурні зломи в апці — епіки не клікабельні, nav bar не sticky, navigation stack не ізольований по табах, відео без fullscreen, гайди досі під старим брендом. Косметичні дрібниці окремо суми не роблять, але додають враження "сирого продукту".
Що справді працює: smooth перехід funnel→app, selfie + face-mesh AI аналіз, Skin Health Score з 5-метричним breakdown, конкретні product recommendations (La Roche-Posay, Eucerin, Lisa Eldridge), різноманіття формату контенту, article-style entry, bonus file у кінці уроку.
Це детальний прохід по моїх особистих коментарях. Кожна точка — таймкод у відео, конкретний скрін, що бачив користувач, що з цим не так і як виправити.
📷 Що бачить юзер: головна сторінка блогу з картками статей: "Lymphatic System and Healthy Skin: The Connection You Didn't Expect", "How to Get Rid of Blackheads: Treatments That Work", "Oscars 2026: The Beauty Looks That Gave One Thing Room", "Behind the Masquerade".
❌ Problem 1 — смислова нісенітниця у назві:
"Oscars 2026: The Beauty Looks That Gave One Thing Room" — фраза "give room for something" існує, але "Gave One Thing Room" звучить як машинний переклад або копірайтерський збій. На холодного юзера виглядає як "це AI написало".
❌ Problem 2 — гуляюча висота карток:
"Lymphatic System..." на 3 рядки, "How to Get Rid of Blackheads..." на 2 рядки, "Oscars 2026..." на 3 рядки — title-блоки "гуляють" по висоті, layout рваний.
❌ Problem 3 — брудне авторство:
"[avatar] · by Nataliia L. · Mar 06, 2026" — слово "by" зайве (аватарка + ім'я вже інтуїтивно зчитуються як авторство), перша точка між аватаркою і ім'ям виглядає як артефакт. Title не вирівняний по верху image-блока.
💡 Fix:
❌ Problem 1 — tab bar НЕ зафіксований (01:13):
Я проскролив сторінку — tab bar з кнопкою "назад" і progress-індикатором повністю зник угорі. Контент (фото моделі) тепер у позиції nav bar'а.
❌ Problem 2 — pull-to-refresh над tab bar'ом (01:09):
У моменті pull-to-refresh видно одночасно: нативний iOS Safari спінер угорі + порожня зона де має бути зображення (контент перевантажується). Жест захоплює зону над tab bar'ом — викликає reload браузера замість дій всередині квізу.
❌ Problem 3 — nav bar втрачає background + контент налазить на tab bar:
"WHAT IS YOUR SKIN TYPE?" з підкресленням "SKIN TYPE" зайшов на самий верх viewport. Background tab bar'а зник — лишився тільки back arrow "<" у самому лівому краї + ледь помітна progress-лінія. Заголовок налазить на зону, де мав би бути sticky nav bar. Без блюру/тіні під nav bar'ом і без відступу контенту, що дорівнює висоті nav bar'а.
❌ Problem 4 — прогрес-бар без відступу при появі тіні (2:43):
Коли з'являється тінь під nav bar'ом, видно що прогрес-бар немає падінгу до краю.
💡 Fix:
📷 Що бачить юзер: екран "SIMPLY FOLLOW YOUR PLAN BECOME YOUR BEST SELF" + фото моделі темне/затемнене.
❌ Problem: атмосфера екрану — мрачна. Beauty-категорія повинна викликати позитив, інспірацію. Цей екран викликає протилежне.
💡 Fix: замінити на світліше фото моделі (м'яке студійне освітлення).
❌ Problem: цифри відсотків стрибають при анімації. Це дратує око.
💡 Fix: використати monospaced для шрифту для цифр (tabular numerals).
📷 Що бачить юзер: heart-in-envelope іконка + headline "DO YOU WANT TO RECEIVE EMAILS WITH BEAUTY TIPS AND SPECIAL OFFERS?" + великий порожній простір + "SEND ME" / "NO THANKS" внизу. У самому верху leдь видно артефакт від попереднього екрана.
❌ Problem 1 — артефакт верху: у самому верху видно тонку темну смугу від попереднього екрана, який не повністю перекритий overlay'ом. Виглядає як bug.
❌ Problem 2 — нема обіцянки про частоту листів: юзер не знає, як часто прийдуть листи. Без цієї інфи руки автоматично йдуть на "NO THANKS". Якщо б було написано "We promise: max 2-3 emails per week" — було б краще.
❌ Problem 3 — велика порожнеча: між headline і кнопками ~50% висоти екрана пустого простору. Виглядає як unfinished дизайн.
💡 Fix:
❌ Problem 1 — на 7:01 ціни мелькнули на одну секунду:
На 7:01 ціни ($1.14 / $0.36 / $0.24 per day) промигнули за частку секунди до того, як з'явився counter-offer. Юзер не повинен був їх бачити — рендер цін мав бути заблокований до моменту прийняття рішення.
❌ Problem 2 — counter-offer виліз без анімацій:
Одразу після промигнутих цін з'явився counter-offer ("SPECIAL OFFER 80% OFF" / у моєму записі — "DEAL OF THE DAY 65% OFF") без анімацій, рвано. Жодного fade-in або scale-up — модал просто з'явився.
❌ Problem 3 — на 7:13 ті самі ціни що і до прийняття:
Після прийняття counter-offer — ті самі ціни ($1.14 / $0.36 / $0.24), без жодного візуального акценту "discount applied". Виглядає як "прийняття offer'у нічого не дало" → втрата довіри до знижки.
💡 Fix:
❌ Problem 1 — "What's included" блок: типографіка + типо (7:21):
Блок під фото iPhone з переліком фіч ("COMPREHENSIVE FACE ANALYSIS / PERSONAL MAKEUP ROADMAP / WEEKLY TREND UPDATES / SMART PRODUCT MATCHING") виглядає сирим: усі заголовки ALL CAPS bold + однаковий розмір тіла + описи і шрифт в блоках → відчуття незавершеного шаблону. Плюс на iPhone mockup'і у переліку видно typo: "CHECK YOU PALLETTE" замість "CHECK YOUR PALETTE".
❌ Problem 2 — Regan Brown: фейковий founder (7:23):
Цитата "AT EPICA BEAUTY, I CREATE ROUTINES..." + фото блондинки. Підпис: REGAN BROWN, Founder of Epica Beauty, Celebrities Makeup Artist. Я перевірив у Google — Google AI Overview каже: "no widely recognized public figure with the name Regan Brown who is the founder of Epica Beauty or a celebrity makeup artist". Ані LinkedIn, ані beauty-media її не знаходять. Це trust kill саме у moment-of-purchase.
❌ Problem 3 — Таймер фейковий (11:37):
На 7:21 таймер показував 09:42, на 11:37 — 09:33. Це означає, що за 4+ хв реального часу таймер "спустився" лише на 9 секунд. Очевидно ресетиться на reload/перехід. Будь-який юзер з мінімальним досвідом це помічає → trust kill.
💡 Fix:
❌ Problem 1 — account creation ПІСЛЯ оплати: юзер уже заплатив, але замість доступу до продукту бачить форму "Create your account" з 4-step індикатором (1✓ / 2 / 3 / 4). Це означає, що після акаунта попереду ще 3 кроки — відчуття "я заплатив, а мене ще ганяють по формах".
❌ Problem 2 — стек з 3+ upsells поспіль: після акаунта йдуть три upsell-екрани:
❌ Problem 3 — manipulative CTA copy: "SKIP WITHOUT PURCHASE" замість нейтрального "Maybe later" + "EXCLUSIVE LIFE-OFFER" (схоже на typo "lifetime") + ALL CAPS urgency. + кнопка "ADD TO MY PLAN" замість чесного "Buy now $XX".
❌ Problem 4 — reviews як буфер між upsells: після кожного skip користувач бачить блок з reviews "Customer Success Stories" → потім наступний upsell. Це класичний trust-loading patern, який юзер швидко розпізнає як маніпуляцію.
❌ Problem 5 — не зрозуміло чи можна купити пізніше: можна скіпнути, але без явної відповіді — чи зможу я отримати ці upsells пізніше? Може треба купити зараз?
💡 Fix:
❌ Problem: nav bar скролиться з контентом замість того щоб бути зафіксованим зверху. Стосується ВСЬОГО онбординг-флоу. На 25:25 — хочеться щоб лого бренду було завжди на виду.
💡 Fix: Закріпити nav bar зверху (sticky) + завжди показувати лого зліва.
❌ Problem: hero-image у хедері (фото очей "ROUND EYES WITH DOWNWARD CORNERS") — кути зображення гострі/без border-radius, тоді як нижні картки мають заокруглення. Помилка консистентності в дизайн-системі.
💡 Fix: Заокруглити кути контейнера та обрізати зображення під його межі.
❌ Problem: хочеться fullscreen-можливості на відео — не очевидно як розгорнути на весь екран. Плюс overlay поверх відео (subtitles / control / branding) перекриває контент і його не можна закрити.
💡 Fix: Використати плеєр з лессонів app-wide.
❌ Problem 1 — вільний scroll замість swipe-пагінації: карусель скролиться "вільно" — палець відпускає і слайд застигає у будь-якій проміжній позиції (півтора слайди / на третині). Хочеться swipe-пагінації: один swipe = один повний слайд з snap до краю, без проміжних станів.
❌ Problem 2 — фонове відео не паузиться при скролі: юзер скролить сторінку — відео залишається активним і продовжує грати поза viewport. Звукове / визуальне відволікання.
❌ Problem 3 — fullscreen відсутній: ані для зображень з каруселі, ані для inline-відео.
💡 Fix:
❌ Problem: letterboxing/pillarboxing на відео — чорні смуги по краях через невідповідність aspect ratio.
UPD: скрін буде замінений на інший у контексті skincare-онбордингу — проблема вирішується разом з оновленням контенту.
❌ Problem: Здається у rich-text блоці частина тексту фарбована не в той колор.
💡 Fix: Скинути inline-кольори в rich-text.
❌ Problem: placeholder для відео — це гіфка з ефектом "перемикання"; виглядає не дуже.
💡 Fix: краще нарешті почати використовувати пригенерейтед гарні кавери — технічно це давно готово.
❌ Problem: деякі inline-відео завантажувалися довго — на місці video player'а було просто пусте місце.
💡 Fix: додати shimmer-placeholder (skeleton-loader pattern) на час завантаження.
📷 Що бачить юзер: "Bonus File — Perfect Wing - 5 Ways to Shape and Lift" — текст з іконкою, але без візуальних affordance кнопки.
❌ Problem: виглядає як просто текст. Юзер не клікає, бо не знає, що це інтерактивно.
💡 Fix: обернути в card з border + hover-state + chevron справа. Або взагалі — primary button "Download bonus".
❌ Problem 1 — артефакт (девайдер/тінь) між карткою Beauty Plan і nav bar'ом:
Між nav bar'ом ("EPICA" логотипом) і карткою Beauty Plan видно тонку темну смугу — або зайвий divider, або тінь, що не повторює форму. Виглядає брудно, ламає чистоту layout'а.
❌ Problem 2 — nav bar з лого продукту не закріплений (25:18–25:22):
Логотип EPICA при скролі їде вгору разом з контентом і зникає. Хочеться щоб nav bar з брендом завжди був на виду — це якір ідентичності та консистентний UX-pattern для тривалого engagement.
💡 Fix:
❌ Problem 1 — деякі епіки на Home page не клікабельні (29:22–29:45):
На Home page деякі епік-картки не реагують на натиск. Також здається, що сторінка деталей епіка не актуальна — контент / шаблон може бути застарілим.
❌ Problem 2 — ВСІ епіки на Skin Type сторінці (skin scan) не клікабельні (26:50–27:00):
У результатах skin scan на сторінці Skin Type ВСІ картки епіків виглядають як інтерактивні (рамка, картинка, заголовок), але жодна не реагує на натиск. Юзер думає, що це баг.
❌ Problem 3 — ВСІ епіки на UV Index не клікабельні (27:30–27:40):
Та ж проблема на сторінці UV Index — усі картки епіків відображаються, але жодна не клікабельна.
💡 Fix:
❌ Problem: натиск на статтю блога з Home tab призводить до зміни selected-tab у bottom-bar (bo підвантажується content з Edits/Tutorials розділу). Кнопка "back" не повертає на Home.
💡 Fix: кожен tab — окремий navigation stack (React Navigation pattern). Перехід на статтю всередині Home залишає tab=Home. Кнопка "back" повертає на Home.
📷 Що бачить юзер: натискає "Sexy Makeup Tips" — відкривається сторінка з URL theskyfluence.com, з логотипом Skyfluence Beauty зверху + кнопкою "HELP & SUPPORT" у самому гайді, яка відкриває сторінку з URL theskyfluence.com. Нижче: "Take a short quiz and get a personalized makeup plan" + "Need help with Skyfluence Beauty?" + кнопка "CONTACT US" → теж редірект на Skyfluence support.
❌ Problem: guide-документи — у старій бренд-версії (Skyfluence). Юзер платив EPICA, отримує контент Skyfluence + всі support-кнопки ведуть на чужий бренд. Це brand-trust kill + визиває confused experience.
⚠️ Status: я це вже репортив раніше — пофіксили з Діаною (вже існують guide-версії з правильним посиланням на Epica support). Просто треба замінити в продукті.
💡 Fix: замінити URLs на нові guide-документи (вже існують у Епіка-версії). Перевірити автоматично — pre-prod hook що шукає "skyfluence" у будь-якому HTML/CSS/asset.
📷 Що відбулося: у кінці запису (33:00+) зробив refund-request через cancel-форму (Category: Refund request, Subcategory: Other, Message: "Development test"). Через 3 доби — ані refund, ані cancel не виконано. Підтверджую попередніх тестерів (Karpenko 25.04, Talakh 24.04, Ragozina 27.04).
Email 1 — Support refused refund, offered "alternative value":
Email 2 — Survey ПЕРЕД фактичним розв'язанням:
Email 3 — російською, "ми все уладили":
❌ Problem — після 3-х діб ані refund, ані cancel: попри 3 листи від support, фактичних дій (refund або cancel підписки) НЕ відбулося.
💡 Fix:
Synthesis daily-test звітів команди у каналі (Karpenko 21.04, Voitiv 22.04, Konoval 23.04 і 30.04, Talakh 24.04 і 01.05, Karpenko 25/26.04, Ragozina 27.04, Hrebinik 29.04).
Те, чого у звітах команди я не побачив. Усі речі нижче — або blockers, або conversion/trust-проблеми, які варто винести на product-strategy рівень.
Хронологічний перелік daily-test звітів команди у Slack-каналі #beauty-product, на основі яких побудовано секцію 4.
Аудит підготовлено за реальним 33-хвилинним user journey recording (28.04), синхронізовано з 10 daily-test звітами команди (21.04 → 01.05). 22 пункти Manual Findings + 16 AI Findings. Усі тверждення прив'язані до конкретних таймкодів.