Брифинг для дизайна

OneClient · Conversion UX

Что рисовать, в каком моменте пользователь это увидит, и почему мы решили делать именно так. Запуск 15 июля.

RU объяснения и контекст
EN production-строки — оставляем как есть в финальном дизайне
Что это и как читать

Привет, Макс 👋

Этот документ — твоя часть запуска. Тут собрано всё, что тебе нужно понимать о новом conversion UX: какие экраны нарисовать, в каком моменте пользователь их видит, что он чувствует, и какие именно слова должны быть на экране.

Правило: английские строки в production-copy блоках — это финальный текст, который пойдёт в продукт. Не переводи их. Русский — это контекст и объяснения для тебя.

Документ — sister к большому CONVERSION_UX.html (там полный план для всей команды). Этот — только твоё.

Контекст продукта

Что такое OneClient

OneClient — это booking app для соло beauty-pros. Не для салонов, не для команд — для одного мастера, который работает на себя: бровист, лаш-мейкер, нейл-артист, колорист, эстетист, MUA. Они получают свою красивую страницу-визитку с записью на услуги.

Кто пользователь

Соло beauty-pro в США, Европе, Австралии. Чаще всего женщина 23-40 лет, работает индивидуально, ведёт IG, общается с клиентами через DM, хочет выглядеть как настоящий бренд, а не "девочка с услугами в директе".

В чём отличие от конкурентов

Fresha, Booksy, Vagaro — это софт для салонов с 12 креслами. Calendly — generic-планировщик. OneClient — единственный, где центр продукта это красивая страница как бренд, а не функционал управления.

Бизнес-модель

$24/мес (годовая) или $29/мес (месячная). Первые 100 пользователей становятся Founders и платят $12/мес навсегда. 14 дней бесплатно при подписке.

Запуск

15 июля 2026. Rolling launch — приложение появляется в сторах когда Apple одобрит, 15 июля включаем ads и публикуем оффер Founder 100.

Голос бренда

Тон и стиль

Это самая важная часть. OneClient — это премиум-редакторский бренд. Не SaaS-лендинг, не корпоративная утилита, не дешёвый info-product.

Представь: Юлия рассказывает подруге за кофе про свой продукт. Тёплый, уверенный, без давления. Никаких "BUY NOW!", никаких countdown-таймеров, никаких "не упусти шанс!".

Визуальный мудборд (направление)

Слова в копи — да и нет

Эти строки в дизайн копируем как есть (англ.). Не паразитируй и не упрощай.

✗ Никогда не используем
  • "Trial"
  • "Subscribe"
  • "Upgrade"
  • "Free trial ending"
  • "Sign up for X"
  • "Buy now"
  • "Limited time offer"
  • "Don't lose access"
  • "X days left in trial"
✓ Используем
  • "Founder"
  • "Founder Member"
  • "Founder #[N]"
  • "Lock in"
  • "Open your studio"
  • "Your studio is open"
  • "First billing [DATE]"
  • "Locked at $12/mo forever"
  • "Your studio is yours"
Главная идея стратегии

Membership, not Trial

Это центральный сдвиг, и от него зависит вся визуальная коммуникация.

Раньше: "Trial: Day 5 of 14" — пользователь чувствует, что он в режиме примерки и думает "стоит ли мне это покупать?".

Теперь: "Founder Member · First billing July 8" — пользователь чувствует себя уже Founder'ом, и просто видит, когда календарно произойдёт первое списание.

Психологически это переворачивает всё. Они уже подписались (картa на руках), они уже Founder, у них уже есть студия. Первое списание $12 через 14 дней — это просто календарная дата, не момент решения "брать или нет".

Везде в дизайне — никаких countdown-баннеров, никаких "trial ending soon" в красном. Только календарно-честные ссылки на дату следующего списания. Уверенно, спокойно, по-премиум.

Четыре фазы пути пользователя

14 дней Founder Membership — это journey из 4 фаз, у каждой свой эмоциональный центр.

Фаза 01 · День 0
Activate

Студия открывается миру. Большой эмоциональный момент — Face ID и празднование.

Фаза 02 · Дни 0-3
Delight

Видят, как красиво всё получилось. Дофамин от своей же работы.

Фаза 03 · Дни 3-11
Expand

Вкладываются дальше — больше услуг, фото, шер. Endowment effect.

Фаза 04 · Дни 11-14
Commit

Календарь подходит к 15 июля = первое списание. Без драмы.

Что если они скипнут Face ID

Private Mode

После онбординга мы показываем pre-prompt экран с предложением "Lock in Founder rate" (через Face ID). У пользователя есть две опции:

Завершают onboarding
→
Видят pre-prompt
→
Lock in Founder → Studio Opens
или
→
Continue setting up first → Private Mode

Private Mode — это режим, когда студия построена, но ещё не открыта публично. Они могут продолжать настраивать всё внутри (темы, услуги, фото), но публичный URL не работает — он показывает страницу "Studio opening soon" вместо реальной странички с бронированием.

Это честное ограничение, не наказание. Метафора: студия в процессе подготовки. Она откроется, когда они нажмут Face ID и заплатят. До этого момента — она в private mode, потому что они её ещё не открыли.

Почему так: если бы мы давали полный доступ всем без оплаты, 90% людей просто скипали бы. А если бы заставляли подписаться — потеряли бы половину тех, кто ещё не уверен. Private Mode — это middle path: можешь строить, но опубликовать может только Founder.
Твоя зона

Что нужно нарисовать

11 экранов / компонентов / анимаций. Порядок ниже — по приоритету. Самые важные сверху. Все английские строки в production-блоках копируй как есть.

M1

Pre-prompt screen (конец onboarding)

КРИТИЧНО
Когда: После Step 5 (Completion) в onboarding. До Face ID. Эмоция: Пользователь только что увидел "Your studio is ready!" — на пике инвестиций и эмоций. Это лучший момент для commit. Цель: Дать всю информацию заранее, чтобы Face ID был просто механическим подтверждением, а не моментом решения.
Это самый важный экран во всём приложении. От его дизайна зависит, какой процент людей нажмёт "Lock in Founder rate". Должен быть премиальным, уверенным, спокойным. Никакой паники, никакого давления.

Кнопка "Lock in Founder rate" — primary, большая, центральная. Триггерит Face ID (или Polar checkout на web). Кнопка "Continue setting up first" — маленькая, текстовая ссылка под основной CTA. Она ведёт в Private Mode.

Счётчик "73 of 100 Founder spots remaining" — должен быть виден, но не кричать. Честный факт, не fake-urgency.
Production copy (use exactly)✨ Your studio is ready to open. Lock in your Founder rate to open the doors. 💛 14 days free starting today 📅 First charge July 8 — $12/mo 🔒 Locked forever as a Founder ✉️ We email 3 days before any charge 🎯 Cancel anytime in Settings [X] of 100 Founder spots remaining [ Lock in Founder rate ] [ Continue setting up first ]
M3

Studio Opens — celebratory animation

КРИТИЧНО
Когда: Сразу после успешного Face ID / Polar checkout. Это первое, что они видят, став Founder'ом. Эмоция: Эйфория. Они только что заплатили, их студия буквально открылась, они теперь Founder #47. Цель: Большая эмоциональная разрядка. Это "unboxing moment" продукта. Должно ощущаться как момент, который хочется вспоминать.
Это "unboxing moment" — главная эмоциональная точка в product flow. Думай Apple keynote, Linear's "First cycle planned", какое-то ощущение праздника.

Анимация может быть короткой (1-2 секунды), но должна ощущаться значимо. Может быть какой-то particle effect, плавное появление их URL, badge Founder появляется на screen, soft sound.

Это не просто confirmation screen — это момент, когда студия открылась. Если он зайдёт в анимации — пользователи будут шерить скриншоты и говорить "вот как я стала Founder'ом".
Production copyYour studio is open. ✨ [Their actual URL displayed] [ Share with one person today → ]
M2

Post-confirmation screen (Welcome Founder)

ВАЖНО
Когда: Сразу после анимации M3. Это первый "статичный" экран в роли Founder'а. Эмоция: Только что эйфория от анимации улеглась — теперь они видят, что их статус реальный, у них есть номер, есть дата следующего списания. Цель: Дать чувство официальности и принадлежности. Они — Founder #47, не просто очередной user.
Должен ощущаться как welcome letter из премиум-бренда. URL студии — крупно. Их Founder number — заметно (это identity claim). Дата следующего списания — спокойно, фактически.
Production copyWelcome, Founder #[N] ✨ Your studio: 1client.app/[nickname] 📅 First charge: [DATE] — $12 ✉️ Receipt sent to [email] 💛 You'll never lose this rate [ Open my studio → ]
M7

First-booking celebration animation

ВАЖНО
Когда: Когда у Founder'а появляется ПЕРВОЕ реальное бронирование от настоящего клиента. Эмоция: "Господи, оно реально работает! Мария реально записалась через мою страницу!" Цель: Второй после Studio Opens пиковый эмоциональный момент. Это доказательство, что продукт работает.
Может быть похоже на M3 по интенсивности, но другая эмоция — там было "я открыла студию", тут "у меня клиент!". Можно confetti, можно что-то более sophisticated. Главное — это должен быть момент, который пользователь хочет заскринить.
Production copyYour first booking ✨ [Client name] booked [Service name] for [Date/time] Your studio is operational.
M5

Home dashboard contextual card

ВАЖНО
Когда: Всегда виден на home dashboard. Контент меняется в зависимости от состояния. Эмоция: "Что-то происходит / что-то нужно сделать дальше". Цель: Один слот, 5 разных state'ов. Никогда не выглядит пустым или мёртвым.
Один компонент на dashboard, который адаптируется под состояние пользователя. Цель — чтобы пользователь, открыв приложение, всегда видел что-то "живое" или направляющее.
State 1 — setup incomplete
Your studio is 40% open · progress bar · "Add 2 more services to open"
State 2 — setup complete, no shares yet
Share your studio · URL + QR + 3 ideas where to share
State 3 — shared but no bookings yet
Your studio is open · "8 visitors so far this week"
State 4 — first booking received
Maria booked Classic Lashes for Friday. · "Your studio is operational."
State 5 — established (5+ bookings)
Studio Insights · visitors, bookings, top services, sharing tips
M4

Getting Started Checklist polish

ВАЖНО
Когда: Уже есть на home dashboard — 6-шаговый checklist с iconами. Нужно добавить визуальные celebrations. Эмоция: "Я двигаюсь вперёд, делаю прогресс". Цель: Каждое выполненное действие должно ощущаться как маленькая победа. Завершение всех 6 — большая.
Сейчас checklist существует, но без celebration. Нужно добавить:
· Анимацию каждого checkbox когда выполняется (не просто галочка, а satisfaction)
· Прогресс-индикатор сверху (анимирующийся)
· Celebration при завершении всех 6 шагов (типа "Your studio is ready" с особой анимацией)

Юлия отдельно перепишет названия шагов с премиум-голосом (например "Build your menu" вместо "Add services"). Получишь финальные строки от неё.
M9

Trial-ending modal (Days 11-13)

NORMAL
Когда: На 11-й, 12-й, 13-й день — soft напоминание, что через X дней первое списание. Эмоция: "А, точно, скоро спишется. Хорошо, что напомнили заранее". Цель: Календарно-честная коммуникация, не паника. Никакого "TRIAL ENDING SOON!" в красном.
Spokoyno, факт. "В 3 днях твоё первое списание $12". Premium-warm воспоминание, а не панический баннер.

Должны быть видны две опции: "Continue as Founder" (просто закрыть, ничего не делать) и "Manage subscription" (зайти в настройки). Без подталкивания.
Production copyYour first charge is in 3 days. You've built something real. Lock in your $12/mo Founder rate to keep your studio. [ Continue as Founder ] [ Manage subscription ]
M8

Calendar-honest billing indicator

NORMAL
Когда: Виден всегда, начиная с Day 1. Маленький, ненавязчивый. Эмоция: "Я Founder, моё следующее списание тогда-то". Цель: Заменить trial-countdown премиум-индикатором даты следующего платежа.
Маленький badge или text в навигации / в settings header. Никакого красного, никакого urgency-эмоджи. Просто факт.
Production copyFounder Member · First billing [Date]
M10

Private Mode public landing

NORMAL
Когда: Когда кто-то посещает URL студии, которая в Private Mode (Founder ещё не commitнул). Эмоция (для посетителя): Не разочарование, а интерес — "О, скоро откроется". Цель: Soft "coming soon" страница с email-capture, чтобы будущие клиенты этого мастера могли подписаться на уведомление.
Это публичная страница, которую видят клиенты Founder'а, если он шерит URL до того, как commit'нет.

Должна быть красивой, on-brand, не выглядеть как ошибка или "page not found". Это фича, не баг — даже в Private Mode URL может быть полезным: визиторы попадают на email-capture, который становится waiting list для будущего открытия студии.
Production copy✨ [Studio Name] This studio is opening soon. [ Notify me when it opens ] Powered by OneClient
M6

Studio Tips card

NORMAL
Когда: Появляется на home dashboard, ротируется еженедельно. Эмоция: "О, полезный insight, и сразу понятно где это применить". Цель: Premium content positioning без info-product-вайба. Заменяет идею PDF-бонусов.
Карточка с факт + advice форматом. Premium-feel, как редакторская колонка, а не "TIP OF THE DAY 🎉".

Юлия напишет 10 первых tips. Тебе важно сделать дизайн карточки таким, чтобы любая её надпись выглядела элегантно.
Example tip (для понимания формата)💡 Tip of the week Beauty pros who require deposits see ~40% fewer no-shows. Set yours in Booking Rules → Cancellation.
M11

In-app notification center foundation

NORMAL
Когда: Базовая UI-структура для notification center. Полноценный functionality — Tier 2. Эмоция: "О, у меня уведомления — что-то нужно проверить". Цель: Только UI shell — список notifications, иконка-bell, базовые states. Контент будет позже.
Сейчас в Settings есть placeholder "Notifications coming soon". Тебе нужно нарисовать сам компонент notification center (с открытием из bell-иконки) и базовые шаблоны notification types (новое бронирование, новый visitor, milestone reached, etc).

Функционал того, какие именно notifications приходят — это Tier 2 (после запуска). Сейчас просто нужна красивая основа.
Reference

Все production-строки в одном месте

Все английские строки, которые я разбросал по задачам выше — собраны здесь для удобного reference. Это финальный copy, без перевода.

Pre-prompt screen (M1)✨ Your studio is ready to open. Lock in your Founder rate to open the doors. 💛 14 days free starting today 📅 First charge July 8 — $12/mo 🔒 Locked forever as a Founder ✉️ We email 3 days before any charge 🎯 Cancel anytime in Settings [X] of 100 Founder spots remaining [ Lock in Founder rate ] [ Continue setting up first ]
Post-confirmation (M2)Welcome, Founder #[N] ✨ Your studio: 1client.app/[nickname] 📅 First charge: [DATE] — $12 ✉️ Receipt sent to [email] 💛 You'll never lose this rate [ Open my studio → ]
Studio Opens celebration (M3)Your studio is open. ✨ [Their actual URL displayed] [ Share with one person today → ]
First-booking (M7)Your first booking ✨ [Client name] booked [Service name] for [Date/time] Your studio is operational.
Trial-ending modal (M9)Your first charge is in 3 days. You've built something real. Lock in your $12/mo Founder rate to keep your studio. [ Continue as Founder ] [ Manage subscription ]
Calendar-honest indicator (M8)Founder Member · First billing [Date]
Private Mode public page (M10)✨ [Studio Name] This studio is opening soon. [ Notify me when it opens ] Powered by OneClient
Private Mode banner (M10 / в приложении)Your studio is in private mode. Lock in your Founder rate to open it.
Dormant state (Day 14+ для skip'нувших)Your studio is paused. All your work is saved. Lock in your Founder rate anytime to reopen.
Как работаем

Процесс и приоритеты

Приоритет работы

Сначала M1 (Pre-prompt) и M3 (Studio Opens) — это два самых важных экрана, от них зависит весь conversion. Можешь начать параллельно.

Дальше M2, M7, M5 — премиум-моменты праздника и контекстуального dashboard.

В последнюю очередь M4, M6, M8, M9, M10, M11 — полировка и второстепенные экраны.

Файлы и формат

Делаем в Figma как обычно. Если нужны Lottie-анимации (для M3, M7) — можем созвониться чтобы обсудить как лучше реализовать с Дмитрием.

Joint reviews

Когда нарисуешь M1 и M3 — собираемся втроём (ты, Юлия, Дима), смотрим вместе на реальном устройстве, обсуждаем. Это критичные экраны, лучше один раз пересмотреть.

Главное правило: если сомневаешься — спрашивай Юлию. Этот документ покрывает 80% контекста, но в продакшене всегда вылезают детали. Лучше уточнить, чем сделать наугад.