---
# System prepended metadata

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

---

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

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

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

![](https://i.imgur.com/cwSrowW.png)

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

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

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

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

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

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

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

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

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

---

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

![](https://i.imgur.com/bWKcR4Q.png)

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

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

### SEO

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

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

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

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

---

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

![](https://i.imgur.com/bION2ju.png)

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

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

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

![](https://i.imgur.com/Frp4dyC.png)


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

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

---

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

![](https://i.imgur.com/0ppxqSP.png)

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

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

---

## Галерея

![](https://i.imgur.com/dfjxQLJ.png)

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

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

---

## Отзывы

![](https://i.imgur.com/9U8AOLN.png)

### Дизайн и SEO

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

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

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

---

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

![](https://i.imgur.com/0MpL4fD.png)

### Дизайн

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

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

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

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

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

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

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

--- 

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

![](https://i.imgur.com/QyOTQ6T.png)

### Дизайн

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

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

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

---

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

![](https://i.imgur.com/2qXif4F.png)

### Дизайн

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

### SEO

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

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

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

---

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

![](https://i.imgur.com/ktY6Zgp.png)

### Дизайн

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

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

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

---

## Футер

![](https://i.imgur.com/9vdnpSz.png)

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
















