1. Главная
2. Кейсы
3. Anna Priakhina
4. Техническое задание

Техническое задание на интернет-магазин украшений

Пример ТЗ по кейсу Anna Priakhina: магазин описан таким, каким он работает на annapriakhina.shop. Так выглядит документ, который мы составляем до начала работ: что есть на сайте, как ведёт себя каждая страница и как проверить, что всё сделано.

1. Общие сведения

Назначение	Интернет-магазин бренда украшений ручной работы из стекла и металла: витрина изделий и коллекций, продажа с оплатой на сайте и доставкой по России.
Аудитория	Покупатели по всей России; часть изделий существует в одном экземпляре, часть делается под заказ.
Главная задача	Покупатель сразу видит, можно ли купить изделие сейчас или его сделают под заказ, и проходит путь от коллекции до оплаты на сайте, без звонка в мастерскую.
Язык	Русский.
Кто наполняет	Владелец магазина — через панель управления: изделия, цены, статусы, коллекции, записи журнала, тексты страниц.

2. Структура сайта

• Главная
• Каталог: Кольца, Серьги, Колье, Аксессуары, Коллекции (каждая коллекция — свой раздел), Арт-объекты
• Блог (журнал бренда): записи о показах и новых коллекциях
• Индивидуальный заказ
• Информация: О нас, Уход за изделиями, Доставка и оплата, Контакты
• Служебные: Корзина, Личный кабинет, Политика конфиденциальности, Обработка персональных данных

Шапка: логотип, меню с выпадающими «Каталог» и «Информация», корзина с суммой и кнопкой «Оформить». Подвал: дубль меню, адрес (город), почта, ссылки на документы о персональных данных.

3. Главная страница

1. Первый экран: название бренда и подзаголовок «Украшения из стекла и металла. Носимое искусство, ручная работа», кнопка в каталог.
2. Разделы каталога плитками со ссылками.
3. «Новые поступления» — последние добавленные изделия карточками (как в каталоге, п. 4.2).
4. Коллекции и коллаборации — плитки с названием и ссылкой на раздел коллекции.
5. Блок о бренде — короткий текст владельца.
6. «Наш журнал» — последние записи блога и ссылка «Все записи».

4. Каталог

4.1. Разделы

Разделы по типам изделий и отдельный раздел «Коллекции», внутри которого у каждой коллекции своя страница со списком её изделий. Одно изделие может быть и в разделе по типу, и в коллекции.

4.2. Карточка в списке

Фото, название, статус наличия, цена, кнопка действия. Кнопка зависит от статуса (п. 4.3).

4.3. Статусы наличия

Статус	Что видит покупатель	Кнопка
В наличии	Метка «В наличии», цена	«В корзину»
Под заказ	Метка «Под заказ», цена	«Под заказ» — открывает форму обращения (п. 8.1), в корзину не кладётся
Нет в наличии	Метка статуса	Как «Под заказ»: корзины нет, есть обращение

Статус выставляет владелец в панели управления у каждого изделия.

5. Карточка изделия

• Галерея фотографий.
• Название, цена, статус наличия.
• Краткое описание.
• Коллекция или коллаборация, к которой относится изделие, с текстом о ней.
• Вкладки: «Информация» (материалы), «Доставка», «Оплата».
• Кнопка по статусу (п. 4.3).
• Ссылка «Нужна помощь?» — на страницу контактов.

6. Корзина, доставка и оплата

6.1. Корзина

Мини-корзина в шапке показывает сумму, обновляется без перезагрузки страницы. Страница корзины — список изделий, количество, итог. Пустая корзина — сообщение и кнопка «Перейти в магазин».

6.2. Регион доставки

Покупатель выбирает регион в окне «Выберите регион доставки»: Мурманск, Мурманская область, Россия. Выбор сохраняется для посетителя и применяется ко всему сайту.

6.3. Оформление заказа

Перед оформлением система проверяет каждое изделие в корзине:

• хватает ли его в наличии — если нет, форма заказа блокируется с сообщением о количестве;
• доступно ли оно в выбранном регионе — если нет, форма блокируется с сообщением о регионе.

Оформление — контактные данные покупателя, способ оплаты и обязательная отметка согласия на обработку персональных данных.

6.4. Доставка

Курьерская служба СДЭК. Стоимость и срок рассчитываются для города покупателя индивидуально; на сайте автоматически не считаются. Покупатель получает трек-номер.

6.5. Оплата

Онлайн на сайте: банковская карта, ЮKassa, ЮMoney.

7. Личный кабинет

• Регистрация: телефон, пароль, ФИО, электронная почта, отметка о принятии пользовательского соглашения. Телефон приводится к формату +7 при вводе.
• Вход по телефону и паролю, восстановление пароля.
• Избранное — только для зарегистрированных; гостю показывается подсказка зарегистрироваться.
• Сравнение изделий.

8. Формы и персональные данные

8.1. Формы

Форма	Поля	Где
Обращение по изделию «Под заказ»	Имя, контакты (обязательно), сообщение; название изделия подставляется само	Карточка и список изделий со статусом «Под заказ»
Заказать звонок	Телефон	Всплывающее окно

Обращение «Под заказ» и «Заказать звонок» сохраняют страницу, с которой отправлены.

8.2. Персональные данные

• Ни одна форма не отправляется без отметки «Даю согласие на обработку персональных данных» со ссылкой на документ.
• Страницы «Политика конфиденциальности» и «Обработка персональных данных» — в подвале на всех страницах.
• Уведомление о файлах cookie со ссылкой на политику и кнопкой «Принять».

9. Контентные страницы

• Индивидуальный заказ — приглашение и контакты мастерской: почта и Telegram.
• Уход за изделиями — правила ношения и хранения стеклянных украшений, условия ремонта.
• Доставка и оплата — те же условия, что в разделах 6.4–6.5.
• Блог — список записей и страница записи с фото.
• О нас, Контакты — тексты владельца.

10. Технические требования

• Адаптивная вёрстка: все сценарии разделов 4–8 проходятся с телефона.
• Человекопонятные адреса страниц разделов, изделий и записей.
• Сайт работает по HTTPS.
• У каждой страницы — свои заголовок и описание для поисковиков.

11. Приёмка

Работа принимается, когда каждый сценарий проходит на компьютере и на телефоне:

#	Сценарий	Ожидаемый результат
1	Изделие «В наличии» → «В корзину»	Сумма в шапке обновилась без перезагрузки, изделие на странице корзины
2	Изделие «Под заказ» → кнопка	Открылась форма обращения с названием изделия; в корзину ничего не добавилось
3	Положить больше, чем есть в наличии	Оформление заблокировано, видно сообщение о количестве
4	Сменить регион на тот, где изделие недоступно	Оформление заблокировано, видно сообщение о регионе
5	Оформить и оплатить заказ картой	Платёж прошёл через ЮKassa, владелец получил заказ с регионом доставки
6	Отправить любую форму без отметки согласия	Форма не отправляется
7	Гость нажимает «В избранное»	Подсказка зарегистрироваться; после входа изделие добавляется
8	Владелец меняет статус изделия в панели	Метка и кнопка на сайте сменились