34
7 мин
Проблема обнаружилась не на главной. Администратор отеля загрузил новое меню в PDF, маркетолог добавил акцию, а подрядчик сделал страницу ресторана. Все задачи были решены, но каждая — немного по-своему. Разные подписи кнопок, разные отступы, два вида карточек и три способа показывать контакт.
Так сайт начинает расползаться. Не потому, что кто-то работает плохо, а потому, что у команды нет общего ответа на повторяющиеся вопросы. В этот момент полезна не огромная «дизайн-система», а небольшой рабочий набор правил.
Сначала считаем повторяющиеся решения
Мы открываем не только главную, но и страницы услуг, новостей, контактов, акций и форм. Выписываем элементы, которые повторяются хотя бы трижды: заголовок раздела, карточка, кнопка, цена, цитата, форма, предупреждение, галерея. Рядом отмечаем варианты, которые появились без ясной причины.
| Повторяется | Решение | Что остаётся редактору |
|---|---|---|
| Кнопка действия | 2–3 утверждённых назначения и вида | Текст и ссылка |
| Карточка услуги | Один порядок: название, смысл, условие, действие | Содержание и изображение |
| Акция | Состояния с датой и без даты | Срок, текст, кнопка |
| Контакты | Единая запись телефона, почты и мессенджеров | Актуальные данные |
| Документ | Название, формат, дата обновления | Файл и подпись |
Такой перечень уже снижает количество решений «с нуля». При редизайне сайта мы привязываем правила к реальным типам контента, а не рисуем универсальные компоненты на будущее, которые никто не использует.
История «Мандаринового Острова»
В проекте отеля «Мандариновый Остров» нужно было обновить главную, создать страницу ресторана, разделить контакты двух направлений, добавить английскую версию и дать сотрудникам возможность самостоятельно менять меню и акции. Отдельной задачей стала замена шрифта с неподходящей лицензией при сохранении узнаваемого характера.
Если бы каждый блок проектировался изолированно, следующая акция снова потребовала бы дизайнера. Поэтому важнее было договориться, как выглядят предложения, где находится кнопка бронирования, как подписываются контакты и какие части редактор меняет без риска сломать композицию. Клиент получил не только новые страницы, но и двенадцатиминутную видеоинструкцию по управлению.
Правило полезно, если новый сотрудник может применить его без созвона с автором макета.
Что не нужно превращать в систему
Мы не стандартизируем уникальный первый экран кампании только потому, что так проще положить его в библиотеку. Не заставляем разные типы контента жить в одной карточке. И не документируем декоративные исключения, которые больше не повторятся.
- Для небольшого лендинга часто хватает стилей текста, кнопок, полей и нескольких секций.
- Для корпоративного сайта добавляются типы карточек, таблиц, документов и состояний.
- Для сайта с редакторами особенно важны ограничения: допустимая длина заголовка, формат изображения, обязательные поля.
- Для нескольких языков заранее проверяются длинные слова и разные объёмы текста.
Строительным компаниям правила помогают регулярно добавлять планировки, фотографии хода работ и условия покупки. Примеры таких задач есть в разделе сайтов для застройщиков. Но начинать стоит с текущей редакционной работы, а не с мечты о платформе на десять лет.
Вопросы подрядчику перед приёмкой
- Покажите, как создать новую типовую страницу, не копируя старую вручную.
- Какие поля редактируются, а какие защищены от случайного изменения?
- Что произойдёт с карточкой, если заголовок станет вдвое длиннее, а изображения не будет?
- Где зафиксированы названия элементов и правила их использования?
- Как обновление общей кнопки или контактных данных попадёт на все нужные страницы?
Связать правила с будущей структурой помогает прототип сайта. На нём видно, какие элементы действительно повторяются и какие исключения важны для смысла.
Признак готового результата
Мы просим контент-менеджера без помощи разработчика собрать тестовую акцию, заменить фотографию и добавить длинный заголовок. Затем открываем страницу на телефоне. Если дизайн сохраняется, а сотрудник понимает последствия каждого поля, система работает. Если для каждой операции нужна инструкция от автора — проект пока зависит от конкретного человека.
Единые правила не делают все страницы одинаковыми. Они освобождают время для различий, которые действительно нужны клиенту, и убирают повторные споры о кнопке, отступе и подписи. В этом и находится экономия.
