У вигаданої сервісної компанії кілька напрямів. У загальному шляху «реклама → послуга → звернення» потрібно допомогти людині звузити вибір. Демонстрація показує ділянку з каталогом; рекламна кампанія та передавання звернення до CRM до неї не підключені.
До вибору прикладів
НАВЧАЛЬНИЙ ПРИКЛАД
Каталог послуг із пошуком
Введіть запит і знайдіть послугу серед чотирьох прикладів. Очистіть рядок пошуку, щоб повернути весь список без перезавантаження.
Полотно:
Це ширина демонстраційного полотна. Вона не замінює перевірку справжнього пристрою.
DEMO / catalog
Каталог послуг із пошуком
У вигаданої сервісної компанії кілька напрямів. У загальному шляху «реклама → послуга → звернення» потрібно допомогти людині звузити вибір. Демонстрація показує ділянку з каталогом; рекламна кампанія та передавання звернення до CRM до неї не підключені.
Відкрити робочу демонстрацію
CATALOG / LOCAL SEARCH04 ITEMS
Пошук вмикається з JavaScript; усі картки доступні нижче.
- Сайт послугиПропозиція та форма звернення
- Онлайн-записПослуга, дата й час
- Передавання в CRMДані потрапляють у робочий процес
- Рекламна зв’язкаЗапит → оголошення → сторінка
Чотири послуги в демонстраційному каталозі
Лише текст, без HTML. Зміни залишаються у вкладці.
Список із чотирьох демонстраційних послуг із короткими поясненнями.
Перевірити різні запити, відсутність збігів і повернення повного списку після очищення рядка, зокрема керування з клавіатури.
Завдання в цьому сценарії
У вигаданої сервісної компанії кілька напрямів. У загальному шляху «реклама → послуга → звернення» потрібно допомогти людині звузити вибір. Демонстрація показує ділянку з каталогом; рекламна кампанія та передавання звернення до CRM до неї не підключені.
Як побудовано рішення
- Показуємо чотири приклади послуг із назвою та коротким поясненням: сайт, онлайн-запис, передавання в CRM і рекламний зв’язок. Підключень до цих сервісів у каталозі немає.
- Фільтруємо список за введеним текстом і оновлюємо кількість збігів. Наприклад, запит «сайт» залишає пов’язані з ним картки.
- Якщо збігів немає, показуємо повідомлення. Весь список повертається після очищення рядка пошуку; окремої кнопки скидання немає.
Проміжні матеріали
- Початкове завдання та обмеження → У вигаданої сервісної компанії кілька напрямів. У загальному шляху «реклама → послуга → звернення» потрібно допомогти людині звузити вибір. Демонстрація показує ділянку з каталогом; рекламна кампанія та передавання звернення до CRM до неї не підключені.
- Склад рішення → Список із чотирьох демонстраційних послуг із короткими поясненнями.
- Перевірка перед запуском → Перевірити різні запити, відсутність збігів і повернення повного списку після очищення рядка, зокрема керування з клавіатури.
Що перевірити перед запуском
- Перевірити різні запити, відсутність збігів і повернення повного списку після очищення рядка, зокрема керування з клавіатури.
- Перед додаванням на наявний сайт погодити джерело послуг і перевірити сумісність із поточною навігацією та системою керування.
Що входить у приклад
- Список із чотирьох демонстраційних послуг із короткими поясненнями.
- Пошук за текстом і лічильник знайдених послуг.
- Повідомлення за відсутності збігів і повернення списку після очищення запиту.
Технічний паспорт
DevPilot 1.5.2 · Охоплення перевірок, вихідний код і дата свідчень
- Статус
- DEMO · Вигадана компанія й навчальні дані
- Матеріали
- Власні HTML/CSS/SVG, вихідний код і локальні алгоритми. Фотографії клієнтів не використовуються.
- Обробка
- Демонстрація виконується в браузері. Відкриття прикладу не створює заявку чи оплачений проєкт.
- Докази
- Вміст і локальні перевірки відокремлені від справжнього браузерного, хостингового та комерційного приймання.