# FT-2065 Новый конверсионный путь

- [Хлебные крошки](#Хлебные-крошки)
- [Визард-превью](#Визард-превью)
- [Как работает сервис](#Как-работает-сервис)
- [Как мы собираем кухни](#Как-мы-собираем-кухни)
- [Галерея](#Галерея)
- [Отзывы](#Отзывы)
- [Почему Руки](#Почему-Руки)
- [Контроль заказа](#Контроль-заказа)
- [Ответы на вопросы](#Ответы-на-вопросы)
- [Другие услуги](#Другие-услуги)
- [Футер](#Футер)

## Хлебные крошки


### Дизайн (вопрос)

В целом, остается как на макете выше, но надо подумать как отображать хлебные крошки с длинными названиями категорий/объектов/услуг.

**ВОПРОС:** Что если для пользователей хлебные крошки дублировать и снизу страницы?

### SEO (вопрос)

Никита выразил желание показывать хлебные крошки снизу страницы, чтобы роботы видели их в самом конце.

**ВОПРОС:** Почему роботам важно видеть хлебные крошки снизу?

> Камиль: Мое подозрение что на многих сайтах хлебные крошки можно найти внизу страницы просто чтобы пользователю не надо было пролистывать вверх. Вряд-ли связано с SEO.

### Разработка

Можно верхние хлебные крошки обернуть в `NB`, а нижние показывать всегда, как вариант. Зависит от ответов на вопросы выше.

---

## Визард-превью


### Дизайн (Нужна доработка)

Оставляем все как в дизайне, но надо подумать что делать с услугами без уточнений по составу работ.

### SEO

Шорткаты могут вести на страницу с параметрами, это не страшно.

### Разработка

Есть модель с очень широким названием Field (```bus/bus/models/field.py```), у которой есть поле description.
Можно создать поле (аля ```descriptionList```) в GQL типе, которое будет отдавать ```description.split('.').replace('.', '')```. Ну или сделать это на фронте

fragment SlideFragment on WizardSlideType {
  answers {
    field {
      label <--- вот он заголовок
      price {
        amount <--- вот она цена
        unit <--- вот она ед.изм.
      }
      description <--- вот он текст
    }
  }
}

---

## Как работает сервис


### Дизайн (Вопрос)

Оставляем все как в дизайне

Куда девать вот этот текст? У нас 884 услуги и только 54 без него


### Разработка

* Сделать компонент, куда будет пробрасываться текст изменяемых величин. Надо посмотреть откуда эти величины можно забрать.
* Вынести время выполнения работ в переменные???

---

## Как мы собираем кухни


### Дизайн и Разработка (вопрос)

**ВОПРОС:** Можно пропустить в первой версии?

---

## Галерея


### Дизайн, SEO и Разработка (вопросы)

**ВОПРОС 1:** Куда ведет "Ещё"?
**ВОПРОС 2:** Откуда брать текст "Мы собираем обратную связь.."?
**ВОПРОС 3:** Что за кругляшок сверху слева? Он нажимаемый? Куда ведёт? Можно пренебречь им в первой версии?

---

## Отзывы


### Дизайн и SEO

- Важно иметь фильтры
- Важно иметь возможность подгружать отзывы

### SEO (вопрос)

**ВОПРОС:** Избавляемся от страницы со всеми отзывами по услуге или нет?

---

## Почему Руки?


### Дизайн

- Важно уметь использовать цветовую палитру темы текущей страницы для цвета инструментов

### SEO (вопрос)

- Важно показывать количество мастеров для конкретной улсуги

**ВОПРОС:** Что если мастеров мало?

> Если меньше 100 мастеров по услуге (например 5), пишем "меньше 100 мастеров" [источник](https://ruki-team.slack.com/archives/C016J8ANE1F/p1665477286235279?thread_ts=1665472201.320969&cid=C016J8ANE1F)?

### Разработка

- Прокидываем кол-во мастеров добавляем if на < 100
- Делаем SVG не файлами, а компонентами, принимающими цвета для рук и инструментов.

---

## Контроль заказа


### Дизайн

- текст говорит неправду, надо поменять

### Разработка

Этот блок статичен на всех страницах, разработка легкая

---

## Ответы на вопросы


### Дизайн

Как на макете, отличия с нынешним блоком на сайте что превый вопрос закрыт

### SEO

Убедиться что роботам видны ответы

### Разработка

Переиспользовать FAQ, закрыть первый вопрос

---

## Другие услуги


### Дизайн

- Добавить возможность отображать 10+ ссылок
- Добрать количество фото
- Для каждого объекта (111 штук) надо сделать SVG - объект на прозрачном фоне. Это подойдет для всего нашего сайта. Будем использовать маски на фронте и этого должно хватить для любого кейса.

### Разработка

- Брать картинки из объектов/категорий. Как будет работать: идем за картинкой к услуге, не нашли -> идем в объект
- Нашел решение для наших SVG: https://caniuse.com/?search=mask.

---

## Футер


тут ничего нового