Перейти к содержимому

Для согласования21 октября 2026

Этап 1 из 12 — согласован 21 октября

Этап 1 — фундамент

Общие детали, из которых соберём все 116 страниц ElevenHouse, — посмотрите и скажите, что поправить; после согласования начнём этап 2, путь клиента.

«Открыть» ведёт в живой макет: всё можно нажимать, окна закрываются клавишей Esc. Пунктирная полоса «Демо» вверху макета — служебная: в ней переключаются роли и состояния.

Что готово

Шесть частей — от общей азбуки до писем. Под каждым снимком — что это и на что посмотреть в первую очередь.

Дизайн-система

1 макет

Азбука всех страниц: цвета, шрифт, кнопки, поля, метки, окна. Утверждённое направление «Тепло».

Дизайн-система «Тепло» — 26 разделов

Всё, из чего собираются страницы, и всё, что платформа создаёт сама: деньги, реклама, письма и PDF. Каждый пример живой.

На что посмотреть

  • Карточка эксперта в трёх видах: обычная, с приоритетом по подписке — значок «eh» на синей плашке, без слова тарифа и без слова «Реклама», и рекламная — с меткой «Реклама».
  • Бейджи практик: человек назван одним словом — «Проверенный астролог», остальные практики — узнаваемыми значками.
  • Логотип и знак «eh»: где ставим «eleven house», а где — вашу монограмму.

Оболочки и шаблоны страниц

4 макета

Шапка и меню для каждого, кто приходит на ElevenHouse, и заготовки страниц: список, подробная, форма, пустая. В каждом кабинете — не больше восьми разделов.

Гость — публичные страницы

Шапка сайта, каталог, страница эксперта и подвал с документами.

На что посмотреть

  • Шапка: «Найти эксперта», «Практики», «Темы», «Как это работает», «Для экспертов».
  • Подсказка у метки «Реклама»: кто рекламодатель и почему эту карточку показали.
  • «Ещё фильтры» → «Условия записи»: найти тех, у кого бесплатная отмена или перенос.

Клиент — кабинет клиента

Шапка из семи разделов, колокольчик и меню под фото.

На что посмотреть

  • Консультации: дата, эксперт по специализации — «Астролог Марина Соколова», формат и статус словом.
  • Меню под фото: настройки, оплаты и чеки, помощь, выход. Перехода в кабинет эксперта нет — аккаунты раздельные.
  • Если разделы не помещаются в строку, лишние уходят в «Ещё».

Эксперт — кабинет эксперта

Меню из восьми разделов слева; поиск, помощь, колокольчик и «+ Создать» сверху.

На что посмотреть

  • Меню зависит от модулей: без модулей практик раздел «Инструменты» исчезает.
  • Внизу меню — специализация словом и бейджи других практик, статус страницы и «До каталога 2 шага».
  • Свёрнутое меню — со знаком «eh» вместо логотипа.

Сотрудники ElevenHouse — админка

Меню админки, вкладки разделов и таблицы: заказы, выводы, тарифы, комиссия, удержание и вывод.

На что посмотреть

  • Статус денег — одним словом: «Удержано до консультации», «Доступно к выводу», «Вне платформы».
  • Модератор видит меньше разделов, чем администратор.
  • Поиск по людям и заказам в верхней строке — ждёт вашего «да», см. решение 8.

Уведомления и сообщения

3 макета

Как ElevenHouse сообщает о том, что случилось: страница «Уведомления», шторка по колокольчику, всплывающие сообщения и плашка cookie.

Страница «Уведомления»S1

Разделы слева, лента событий справа, действие прямо в строке. У клиента и у эксперта — свои ленты.

На что посмотреть

  • Если в действии есть деньги, сначала вопрос в той же строке: «Принять заявку на 6 500 ₽? Да, принять · Нет».
  • Новое событие встаёт сверху с меткой «Новое» — лента не прыгает, пока вы читаете.
  • «Реклама», «Проверка и модерация», «Тариф и команда» — только у эксперта; у «Платформы» вместо значка — знак «eh».

Шторка и всплывающие сообщения

Последние события — в шторке справа, короткие сообщения — внизу экрана.

На что посмотреть

  • В шторке — «Прочитать все», «Все уведомления» и «Настроить уведомления».
  • Сообщения: «Сохранено», ошибка с «Повторить», действие с «Отменить».
  • Во время консультации ничего не всплывает — растёт только счётчик на колокольчике.

Одна строка внизу при первом визите и два равных выбора.

На что посмотреть

  • «Только необходимые» и «Разрешить аналитику» — одинаковые кнопки, без подталкивания.
  • «Настройки cookie» в подвале — выбор можно поменять в любой момент.
  • Пока человек не выбрал, работают только необходимые cookie.

Инструменты кабинета эксперта

4 макета

То, что всегда под рукой в верхней строке кабинета: поиск, «+ Создать», помощь и шторка «Записать клиента».

Шторка «Записать клиента»

Записать человека на консультацию за четыре шага: клиент, услуга, время, оплата.

На что посмотреть

  • Клиент, пришедший через ElevenHouse, платит только по ссылке — так и написано: «Пришла через ElevenHouse».
  • Своего клиента можно записать с оплатой по ссылке, вне платформы или без оплаты.
  • Пересечение с другой записью подписано словом прямо на времени.

Клиенты, записи, сообщения и настройки — с любой страницы, в том числе клавишами ⌘ K.

На что посмотреть

Кнопка «+ Создать»

Быстро начать новое: записать или добавить клиента, услугу, расчёт, расклад, публикацию, рекламную кампанию.

На что посмотреть

  • Пункты зависят от модулей: нет модуля раскладов — нет и «Расклада».
  • «Рекламная кампания» — только когда страница «В каталоге».
  • «Добавить клиента» — короткая шторка без записи на время.

Помощь «?»

Подсказки к экрану, на котором вы сейчас, клавиши и вход в поддержку.

На что посмотреть

  • На «Сегодня» — три подсказки именно к этому экрану, а не весь справочник.
  • Карточка «Начало работы»: пока шаги не пройдены — первая, потом опускается вниз.
  • Внизу шторки — «Все ответы» и «Написать в поддержку».

Служебные страницы

3 макета

Чтобы человек не оказался в тупике: страницы ошибок, нет связи, отписка от писем.

Тупики и сбои — один шаблонS4

Тринадцать случаев: страницы нет, ссылка устарела, нужно войти, доступ ограничен, модуль выключен, ошибка оплаты и другие. Всегда понятно, что случилось и куда идти дальше.

На что посмотреть

Нет интернетаS4

Полоса под шапкой; всё, что человек ввёл, остаётся на странице.

На что посмотреть

  • «Проверить связь» проверяет по-настоящему, дальше страница проверяет сама каждые 10 секунд.
  • Когда связь вернулась, ничего не отправляем сами: оплату и ответы человек отправит сам.
  • Пока связи нет, кнопки отправки выключены с подсказкой «Нет соединения».

Отписка от писемS5

Отписаться от необязательных писем в один клик и без входа.

На что посмотреть

  • Открыли ссылку из письма — уже отписаны, а «Вернуть подписку» — на той же странице.
  • Ниже — другие письма этого аккаунта переключателями. Письма о записях и оплатах приходят всегда.
  • Отписка действует только на один аккаунт — вид эксперта свой.

Письма

1 макет

Всё, что ElevenHouse присылает на почту, — с нашей айдентикой на любом тарифе.

Шаблон письма и восемь писем одной записи

Почтовый ящик клиентки Ирины и астролога Марины: от кода для входа до просьбы оставить отзыв. Ниже на странице — все события и какое письмо приходит всегда.

На что посмотреть

  • Логотип сверху, знак «eh» вместо аватара отправителя, подвал с документами.
  • Тема начинается с главного: «482 915 — код для входа…», «Синастрия 23 октября подтверждена…».
  • Новая заявка у эксперта: сколько заплатит клиент, комиссия и когда деньги откроются.

Что мы решили сами

Там, где в ваших ответах и в документах не было готового ответа, мы выбрали сами. Если что-то не так — скажите, это меняется одной правкой.

  1. Приоритет по подписке — значок «eh», а не слово

    Карточки Team Pro и Studio в каталоге отмечены значком подписки: знак «eh» на синей плашке, без слова тарифа и без золота (так решили 22 октября вместо линии сверху). Метка «Реклама» — только у кампаний из рекламного кабинета.

    Посмотреть

  2. Практики — бейджами, специализация — словом

    Основная практика названа словом: «Проверенный астролог». Остальные — кружками со своим значком и цветом, название — по наведению. Розетка в уголке значит «проверено ElevenHouse».

    Посмотреть

  3. Отписка от писем — сразу, без лишней кнопки

    Нажали «Отписаться» в письме — уже отписаны. На той же странице есть «Вернуть подписку», если нажали случайно.

    Посмотреть

  4. Деньги — только после «Да»

    Если действие в уведомлении касается денег, сначала вопрос в той же строке: «Принять заявку на 6 500 ₽?». Без денег действие выполняется сразу, с кнопкой «Отменить».

    Посмотреть

  5. Во время консультации — тишина

    Пока идёт консультация, сообщения не всплывают и ничего не отвлекает — растёт только счётчик на колокольчике.

    Посмотреть

  6. Совпал телефон — имя не показываем

    Если эксперт вводит телефон человека, который уже приходил к нему через ElevenHouse, имя мы не раскрываем: просто предлагаем записать его с оплатой через платформу.

    Посмотреть

  7. Администратор команды не видит денег

    Ему видны только записи и сообщения тех экспертов, которые открыли доступ. Записать клиента он может только с оплатой по ссылке — «вне платформы» и «без оплаты» отмечает сам эксперт.

    ПосмотретьЖдёт вашего «да»

  8. Поиск в админке

    Сотрудникам в верхней строке админки — поиск по людям, заказам и номерам записей. В карте страниц его не было. Если не нужен — уберём, колокольчик переедет в меню.

    ПосмотретьЖдёт вашего «да»

Документы

Обновлены до версии 3 по вашим ответам: все три круга уже внесены.

Карта страниц, версия 3

Что нового

116 страниц вместо 109: рекламный кабинет эксперта и четыре новых раздела админки — реклама, настройки рекламы, комиссия, удержание и вывод.

Правила платформы, версия 3

Что нового

Условия отмены задаёт эксперт; неустойка и скидка клиенту при срыве; свои клиенты вне платформы; гибкая комиссия; приоритет без метки «Реклама»; рекламный кабинет; бейджи практик. Начните с «Коротко» — это один экран.

/Users/blackking/Project/11/docs/2026-10-21-policies.md

Что дальше

После вашего «да» по этапу 1 начинаем этап 2. Мобильную версию делаем последней, 12-м этапом.

Этап 2 · 14 страниц

Путь клиента: от поиска до заявки

Сердце маркетплейса: как человек находит эксперта, выбирает время и отправляет заявку. Начинаем с главной и каталога — они уже есть в концепции.

  1. ГлавнаяG1
  2. Каталог экспертовG2
  3. Страница практикиG20
  4. Страница темыG3
  5. Страница экспертаG4
  6. Страница услугиG14
  7. Оформление записиG5
  8. «Заявка отправлена»G6
  9. Оплата по ссылкеG7
  10. Вход и регистрацияG8
  11. Как это работаетG10
  12. Как мы проверяем и сортируемG11
  13. Помощь и контактыG12
  14. ДокументыG13

Как идёт работа над каждой страницей

  1. 1ЧерновикРисуем страницу на этом фундаменте
  2. 2Ваши замечанияКак сейчас — по этапу 1
  3. 3ЧистовикПоправили — показываем снова
  4. 4«Согласовано»И берёмся за следующую страницу

Из этапа 1 осталось

Экран «Техобслуживание» (S6) — дорисуем первым делом на этапе 2.

Выбор «Я клиент / Я эксперт» — нарисуем вместе со страницей «Вход и регистрация».