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

Согласовано 22 октябряЧасти 2 и 3Части 4 и 5

Согласовано 22 октября

Этап 2 — путь клиента · часть 1 из 5

Первые три страницы пути клиента — главная, каталог и страница эксперта — согласованы. Здесь остаётся, что в них вошло: снимки, состояния и наши решения.

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

Что готово

Как человек находит эксперта и выбирает время. У каждой страницы — что это, на что посмотреть, все её состояния и что мы решили сами.

ГлавнаяG1

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

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

  • Первый экран: поиск, «Кто нужен», темы — и уже виден первый ряд карточек.
  • Витрина из шести человек, по одному каждой практики: первая карточка — реклама с «i», вторая — приоритет по подписке (значок «eh» без слова тарифа).
  • Клиент, который уже был у нас, видит ближайшую консультацию строкой сверху, а за 10 минут до начала главной кнопкой становится «Подключиться».
  • ♡ у гостя открывает короткий вход по коду: человек остаётся на том же месте, а выбранный астролог уже в избранном.
Открыть

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

  1. В витрине — по одному человеку каждой практики

    Так гость сразу видит все шесть практик. Если правило не нужно — уберём.

    Согласовано

  2. «Подберём за минуту» — справа от «Кто нужен»

    В карте страниц ссылка стоит под рядом. Справа она не занимает строку, и первый ряд карточек помещается на первый экран.

  3. На плитках «Кто нужен» нет чисел

    Один человек ведёт несколько практик, и сумма по плиткам не сходилась с общим числом. Число осталось только у «Любой — все 164».

  4. Короткий верх для того, кто уже был у нас

    Клиент с историей видит «Найти эксперта», поиск и «Записаться снова» — без приветственного заголовка и строки про проверку.

  5. После входа по ♡ страница не прыгает

    Карточка остаётся на месте и отмечена ♡. Ближайшая консультация появится сверху при следующем заходе.

Состояния 12

Каталог экспертовG2

Выбрать эксперта нужной практики: фильтры простыми словами и карточки, которые легко сравнить по цене, ближайшему окну и отзывам.

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

  • Верх — в две строки: «Кто нужен» и фильтры. Первый ряд карточек виден целиком, а при прокрутке фильтры прилипают под шапкой.
  • Три вида карточки: приоритет по подписке — значок «eh» без слова тарифа, реклама — метка «Реклама» и «i» с рекламодателем. Реклама всегда первой, но не больше одного ряда (сколько мест — настройка суперадминки), за ней приоритет по подписке, потом остальные.
  • Значки «Бесплатная отмена» и «Бесплатный перенос» прямо на карточке: нажмите — покажем условие.
  • Ничего не нашлось — подсказываем, какой фильтр убрать и сколько людей тогда будет.
Открыть

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

  1. Три карточки в ряд на большом экране, две — на ноутбуке

    Карточки везде одного размера и не сжимаются, поэтому на экране 1280 их в ряду две.

  2. «Кто нужен» — всегда одной строкой

    Если практики не помещаются, ряд листается вбок, а выбранная практика всегда видна.

  3. Фильтры прилипают под шапкой

    Число найденных и порядок не прилипают — так закреплённая полоса остаётся тонкой.

  4. Новые значки условий

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

  5. Угадали тему — она сразу в фильтре

    Вопрос «стоит ли менять работу» превращается в фильтр «Похоже: Карьера и деньги ×». Крестик убирает догадку.

  6. Над карточками — одна строка про проверку

    «Все в каталоге проверены ElevenHouse». Про оплату после подтверждения говорим на главной и при записи.

Состояния 13

Страница экспертаG4

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

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

  • Выберите услугу — в панели справа появятся шесть ближайших окон. Выберите окно — появится одна кнопка «Записаться».
  • Условия отмены видны до записи — вместе с тем, что они значат для выбранного окна.
  • Своё оформление на Team Pro: обложка в цвете темы, логотип команды, видео-приветствие. Порядок блоков и кнопки записи — как у всех.
  • Тупиков нет: окон нет — «Сообщить, когда появятся окна»; на паузе — «Напомнить 3 ноября» и похожие астрологи.
Открыть

Ещё:Что мы проверилиВсе отзывыОб услуге

«Записаться» теперь ведёт в оформление записи — оно в части 3.

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

  1. Время выбирается прямо в панели записи

    После выбора услуги окна появляются справа, рядом с кнопкой. Календарь на 14 дней — ниже, для тех, кто хочет посмотреть все окна.

  2. «Записаться» — только когда всё выбрано

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

  3. Ближайшее окно — одним нажатием

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

  4. Под ценой не пишем «разово»

    Только другой способ оплаты, если он есть: «или 3 за 12 000 ₽».

  5. Бейджи практик в шапке — 32 px

    Так в правилах (решения третьего круга), а в карте страниц написано 24 px. Предлагаем поправить карту.

  6. «Похожие» — три одинаковые карточки

    Окна и цены стоят на одной линии. Значков условий на них нет: условия — на странице каждого человека.

Состояния 18

Общее для трёх страниц

Эти детали теперь одинаковые везде и записаны в дизайн-систему. Три из них меняют то, что вы уже согласовали в этапе 1.

  1. Одна карточка эксперта на всех страницах

    Две строки о человеке, ниже — формат значком и словом, ближайшее окно с подписью и цена с «Выбрать время». Так карточка выглядит теперь и в дизайн-системе, и в шаблонах этапа 1.

    ПосмотретьМеняет этап 1

  2. ♡ у гостя — короткий вход на месте

    На всех страницах ♡ открывает одну шторку «Вход для клиентов»: телефон или почта, код — и человек остаётся там же. Раньше ♡ в шапке вела на отдельную страницу входа.

    ПосмотретьМеняет этап 1

  3. Приоритет — значок «eh» вместо линии

    По вашему решению 22 октября линию сверху и цвет оформления на карточке убрали. Карточку, поднятую подпиской, отмечает значок — знак «eh» на синей плашке, без слова тарифа. Рекламные карточки стоят первыми.

    ПосмотретьМеняет этап 1

  4. Форматы — одинаково везде

    Значок и слово: «Видеоконсультация · 60 мин». Новые значки — у вопроса в чате, сопровождения, вебинара, материала и курса.

    Посмотреть

Что дальше

Части 2 и 3 приняты 22 октября с правками — обзор. Части 4 и 5, последние в этапе, готовы — посмотрите их. Мобильную версию делаем последней, 12-м этапом.

Этап 2 · 14 страниц · 5 частей

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

Каждую часть показываем так же, как эту: снимки, состояния и наши решения.

  1. Часть 1Согласована

    Найти и выбрать

    • ГлавнаяG1
    • Каталог экспертовG2
    • Страница экспертаG4

  2. Часть 2Принята с правками

    Куда приходят из Яндекса и Google и куда ведёт ссылка на услугу · открыть

    • Страница практикиG20
    • Страница темыG3
    • Страница услугиG14

  3. Часть 3Принята с правками

    От выбора времени до оплаты · открыть

    • Оформление записиG5
    • «Заявка отправлена»G6
    • Оплата по ссылкеG7

  4. Часть 4Сейчас у вас

    Вход по коду и страницы доверия · открыть

    • Вход и регистрацияG8
    • Как это работаетG10
    • Как мы проверяем и сортируемG11

  5. Часть 5Сейчас у вас

    Ответы и правовые тексты · открыть

    • Помощь и контактыG12
    • ДокументыG13

Где сейчас эти три страницы

  1. Пройдено:ЧерновикНарисовали и проверили сами
  2. Пройдено:Ваши замечанияЗначок «eh», реклама первой, новый логотип
  3. Пройдено:ЧистовикПоправили и показали снова
  4. Пройдено:«Согласовано»22 октября

Пока не готово

  • Страница эксперта нарисована для Марины Соколовой: карточки других людей пока не открываются.
  • Данные в макетах ещё не сведены: на главной в каталоге 164 человека, в каталоге — 38; клиентка Ирина на главной и в каталоге видит время по Москве, а на странице эксперта — по Самаре, и только там у неё в шапке есть «Лента».
  • Из этапа 1: экран «Техобслуживание» (S6) ещё не нарисован; выбор «Я клиент / Я эксперт» нарисован на странице входа — часть 4.