Сайт дизайн-студии интерьеров нужен не только для демонстрации красивых фотографий. Он должен отсеивать неподходящие запросы, объяснять порядок работы и подводить человека к разговору о проекте. Если в задании написано «современный дизайн, удобная навигация, портфолио», подрядчик заполнит пробелы своими догадками. Ниже перечислено, что стоит зафиксировать до начала разработки.
Какие задачи сайта студии записать в первую очередь
Начните не со структуры, а с вопроса: что должно произойти после визита на сайт? Для студии это обычно заявка на консультацию, запрос на расчёт или заполнение анкеты-брифа. Выберите одно главное действие и одно-два дополнительных. Отдельно напишите, какие обращения вам не подходят. Например, вы не берёте объекты меньше определённой площади или не работаете в другом городе. Тогда на сайте появятся пояснения, а в форме появятся поля, которые помогут отсеять лишнее.
Опишите два-три типичных сценария посетителя: владелец квартиры в новостройке, заказчик дома за городом, предприниматель с помещением под кафе. Для каждого укажите, что он должен найти за первую минуту: похожие объекты, состав услуг, порядок работы, способ связаться. Эти сценарии потом станут основой структуры страниц.
Как описать портфолио, чтобы оно работало на заявки
В ТЗ портфолио часто занимает одну строку, хотя это самый сложный раздел. Пропишите, из чего состоит карточка проекта и по каким признакам проекты можно отфильтровать: тип объекта, площадь, стиль, город, статус. Статус «реализован» или «визуализация» лучше выводить явно, чтобы не вводить посетителя в заблуждение.
Добавьте требования к материалам: сколько фотографий в проекте, нужны ли планировки до и после, есть ли описание задачи заказчика. Определите, кто готовит фото и тексты и в какие сроки. Для мобильных устройств укажите требование к загрузке: у страницы с несколькими десятками снимков должны быть оптимизированные изображения и подгрузка по мере прокрутки.
Услуги, этапы и стоимость: что вынести на страницы
Посетителю важно понять, что именно он получит. Опишите услуги по этапам: обмеры, планировочное решение, концепция, рабочая документация, комплектация, авторский надзор. Для каждого этапа назовите результат (например, альбом чертежей), а не только название. Если вы работаете по пакетам, определите их состав.
Решение о цене нужно принять заранее. Можно показывать ориентир вида «от … за кв. м», можно не показывать цифры, но объяснять, от чего зависит расчёт и что прислать для оценки. В ТЗ запишите выбранный вариант и того, кто будет обновлять эти данные.
Формы и заявки: какие поля и куда они приходят
Короткая форма даёт больше обращений, но среди них больше случайных. Определите набор полей: имя, телефон или мессенджер, тип объекта, площадь, стадия (ключи получены, идёт ремонт, пока выбор квартиры). Решите, какие поля обязательные. Пропишите, куда уходят заявки (почта, CRM, чат), кто на них отвечает и какое сообщение видит человек после отправки. Формулировки согласия на обработку персональных данных согласуйте с юристом. Отдельно перечислите события для аналитики, например в Яндекс.Метрике: отправка формы, клик по телефону, скачивание брифа.
Пример фрагмента ТЗ: страница проекта в портфолио
Условный пример описания шаблона страницы «Квартира 74 м²»:
- Верхний блок: название, город, площадь, тип объекта, год реализации, метка «Реализован».
- Блок «Задача»: 3–5 предложений о составе семьи, пожеланиях и ограничениях объекта.
- Галерея: 8–15 фото, у каждого подпись помещения; первое фото — для карточки в списке.
- Планировка «до» и «после» в виде двух изображений с переключателем.
- Блок «Что вошло в работу»: список этапов, выполненных на этом объекте.
- Кнопка «Обсудить похожий проект», открывающая форму с уже подставленным типом объекта.
- Внизу: три проекта похожей площади или стиля.
Такое описание подрядчик может оценить по трудоёмкости, а вы — проверить на готовность материалов.
Проверочный список перед отправкой задания подрядчику
- Назван главный целевой сценарий и перечислены нежелательные обращения.
- Описаны 2–3 типа посетителей и их вопросы.
- Определены поля карточки проекта и фильтры портфолио.
- Решено, показывать ли цены, и назначен ответственный за их обновление.
- Для каждой услуги указан результат для клиента.
- Расписаны поля форм, получатели заявок и текст после отправки.
- Названы события для аналитики.
- Указано, кто и к какому сроку готовит фото, планировки и тексты.
- Есть требования к скорости загрузки и отображению на телефоне.
- Определено, кто сможет добавлять новые проекты без помощи разработчика.
