Сайт юридической фирмы «Ваше право» каталог услуг и новая навигация
Смотреть сайтМетрики появятся после запуска новых страниц
каталог услуг · vashe-pravo.pro/services
Вводные
Проект
Юридическая фирма в Москве и области. Сайт собирала на Tilda. Было 9 услуг — списком в хедере, футере и на главной.
О кейсе
Показываю одну задачу из проекта — каталог услуг.
Моя роль
Дизайнер. Структура, дизайн, сборка на Tilda. Нестандартные блоки писала кодом в T123 с Claude.
Запрос
После сдачи сайта клиент попросил добавить ещё 10 услуг.
Проблема
20 услуг списком в хедере, футере и на главной не читаются. У половины новых услуг пока нет страниц.
Решение
Перестроила навигацию по направлениям и сделала отдельную страницу каталога с поиском и фильтрами.
Гипотеза
Клиент ищет по своей ситуации, а не по юридическому термину. Поэтому группировка — по ситуациям, поиск — по словам клиента.
Как работала
- 1
Изучила каталоги и фильтры на Mobbin
- 2
Разбила 20 услуг на 5 направлений
- 3
Собрала прототипы, согласовала с клиентом
- 4
Сверстала каталог, хедер, главную и футер в T123 с Claude
- 5
Собираю с Claude прототип шаблона страницы услуги
Каталог услуг
Отдельная страница /services: все услуги с поиском, фильтрами и ценами.
выбрано направление
поиск по синонимам
Проблема → решение
проблема
решение
20 услуг одним списком
5 направлений по жизненным ситуациям, у каждого счётчик
Клиент не знает юридического названия своей проблемы
Поиск по синонимам: «увольняют», «не платит страховая», «приставы»
Услуги для частных лиц и бизнеса вперемешку
Фильтры «Для кого» и «Направление», сброс в один клик
Цены только внутри страниц услуг
2–3 цены «от» прямо на карточке
На телефоне 20 услуг — длинная прокрутка
Вкладки направлений с горизонтальным скроллом, поиск и фильтры в шторке
Услуги будут добавляться дальше
Новая услуга — одна карточка, счётчики пересчитываются сами
моб · выбрано направление
моб · шторка фильтров
что удобно на телефоне
Три состояния карточки
У половины новых услуг пока нет страниц. Каждое состояние карточки ведёт к заявке.
обычная · страница готова
«скоро» · страницы ещё нет
пустая выдача
Навигация: до и после
Хедер, блок на главной и футер перестроила под 5 направлений. Все три ведут в каталог.
Хедер
до · меню «Услуги»
после · мега-меню
Блок услуг на главной
до
после
Футер
до
после
Шаблон страницы услуги: в разработке
Старые страницы услуг я собирала из Zero-блоков вручную. Для 10 новых собираю с Claude прототип шаблона: 6 блоков T123 в дизайне старых страниц. Шаблон в процессе разработки.
шаблон страницы · прототип в работе
как будет устроен
Итог
Вывод
Клиент просил добавить 10 услуг. Я перестроила навигацию: теперь новая услуга — это карточка в каталоге. Следующий шаг — шаблон страницы услуги.
