Техническое задание на справочник с конструктором оттиска
Пример ТЗ по кейсу «Штамп 29»: справочник описан таким, каким он работает на shtamp29.ru. Так выглядит документ, который мы составляем до начала работ: что на каждой странице, как строится и проверяется оттиск, что проверяем при приёмке.
1. Общие сведения
| Назначение | Справочник о печатях и штампах для Архангельска: какие бывают оттиски, как проверить макет до заказа, как делают клише, какая нужна краска, кому печать нужна по закону. |
|---|---|
| Аудитория | Руководитель ООО, предприниматель, врач, бухгалтер НКО — тот, кто заказывает печать или решает, нужна ли она вообще. |
| Главная задача | Увидеть оттиск таким, каким он останется на бумаге, и узнать, прочитается ли он; получить ответ «нужна ли печать» со ссылкой на закон. |
| Чем не является | Мастерской и магазином: цен, форм заказа и телефонов нет. В подвале: «Ничего не продаём и не изготавливаем»; на второй странице — «Это не юридическая консультация». |
| Язык | Русский. |
2. Структура сайта
- / — главная: оттиски, конструктор, клише, краска и уход, неудачные оттиски, вопросы
- /nuzhna-li/ — нужна ли печать: ответы по ситуациям, место печати, факсимиле, запреты
Навигация — круглая печать в углу экрана, разделы написаны по её ободку (четыре ссылки: Оттиски, Конструктор, Нужна ли печать, Краска и уход). В подвале — знак, подпись «Справочник о печатях и штампах для Архангельска» и те же четыре ссылки.
3. Главная страница
- Первый экран: заголовок «Печать должна читаться, а не красиво выглядеть в макете», фото с листом бумаги. Клик по листу ставит оттиск под случайным углом; на листе остаётся не больше шести последних.
- Какие бывают оттиски: восемь карточек — печать организации, печать ИП, прямоугольный штамп, угловой штамп, «Верно» / «Копия верна», датер, нумератор, факсимиле. Все оттиски — живой SVG. Клик раскрывает карточку слева на две строки: типовой размер, оснастка, где используется, на что смотреть в макете. Раскрыта одна карточка за раз, работает и с клавиатуры.
- Конструктор оттиска (раздел 4).
- Как делают клише: лазерная гравировка резины, фотополимер, флэш — с фото, ресурсом, детализацией и подходящей краской.
- Краска и уход: водная, спиртовая и масляная основа; четыре правила, чтобы оттиск оставался чётким.
- Почему оттиск не читается: шесть фото неудачных оттисков с причиной и решением.
- Полоса-переход на /nuzhna-li/ и шесть раскрывающихся вопросов.
4. Конструктор оттиска
4.1. Поля
| Поле | Значения | По умолчанию |
|---|---|---|
| Текст по верхней дуге | до 60 знаков | ООО «Северный ветер» |
| Текст по нижней дуге | до 40 знаков | г. Архангельск |
| Текст в центре | до трёх строк | Северный / ветер |
| ИНН, ОГРН | необязательно | ИНН 2900000000 |
| Диаметр | 40, 42 или 45 мм | 40 мм |
| Кольца | 1, 2 или 3 (в третьем варианте — декоративное кольцо 0,1 мм) | 2 |
| Шрифт | гротеск, узкий гротеск, с засечками | гротеск |
4.2. Построение
- SVG в миллиметрах: viewBox печати 40 мм — «0 0 40 40». Поэтому высота букв и толщина линий читаются прямо в миллиметрах.
- Верхняя строка идёт по дуге до 230°, нижняя — до 110°; кегль уменьшается, пока строка не поместится. Ширина строки меряется canvas тем же шрифтом; после загрузки шрифтов оттиск перерисовывается.
- Высота прописной буквы — 0,72 кегля. Реквизиты набираются узким гротеском под центром.
- Рядом — тот же оттиск в масштабе 1:1 с подписью диаметра. Поверх — фильтр зерна штемпельной краски.
4.3. Проверки
| Проверка | Порог | Что показывает сайт |
|---|---|---|
| Высота букв (самая мелкая строка) | ≥ 1,5 мм / 1,3–1,5 / < 1,3 | «Читается на бумаге» / «На грани: после нажима может слиться» / «Слишком мелко — сольётся в пятно» |
| Тонкая линия (самое тонкое кольцо) | ≥ 0,2 мм / 0,13–0,2 / < 0,13 | «Запас по толщине есть» / «На грани — при непрокрасе пропадёт» / «Скорее всего пропадёт» |
| Текст по дуге | кегль сжат ниже 75 % от возможного | «Набит плотно — сократите или возьмите диаметр больше» |
| Центр | прописная ≥ 2 мм | «Главное видно с первого взгляда» / «Мелко — уберите лишние слова из центра» |
Под конструктором — оговорка: это проверка читаемости, а не макет для заказа; пороги — требования мастерских к макету для лазерной гравировки, для гербовых печатей ГОСТ Р 51511 требует буквы не ниже 1,5 мм.
5. Страница «Нужна ли печать»
- Развилка «Кто вы?»: ООО, ИП, самозанятый, врач частной практики, НКО. Ответы лежат в HTML, скрипт только переключает; у каждого — свой адрес (#ooo, #ip, #npd, #vrach, #nko), ответ открывается и по прямой ссылке. У ответа — оттиск-вердикт, основание (закон и пункт) и оговорка.
- Где ставят печать: фото договора и две кнопки по ГОСТ Р 7.0.97-2016, п. 5.24 — «Рядом, не захватывая подпись» и «На месте МП»; оттиск переезжает по фото, пояснение меняется.
- Факсимиле: два столбца «Можно» и «Нельзя или рискованно» — счёт-фактура и УПД, декларация, доверенность, трудовой договор, первичные документы; основание — п. 2 ст. 160 ГК.
- Что нельзя на оттиске: герб России, герб Архангельской области, чужой товарный знак. Гербы показаны условными щитами — настоящий герб на сайте не рисуется.
- Что взять с собой в мастерскую: четыре шага. Четыре раскрывающихся вопроса.
6. Источники чисел и норм
Правовые ответы — по тексту закона; практика мастерских подписана как практика.
- Федеральный закон от 06.04.2015 № 82-ФЗ: печать ООО и АО по желанию, «(при наличии печати)» в отраслевых законах.
- 7-ФЗ о НКО, п. 4 ст. 3 в редакции 525-ФЗ — с 01.06.2024; 161-ФЗ, п. 3 ст. 2 — круглая печать унитарного предприятия.
- Приказы Минздрава № 1094н (рецепты) и № 972н (справки): личная печать врача, печать «Для рецептов».
- ГОСТ Р 7.0.97-2016: место печати (п. 5.24), отметка «Верно» и штамп для неё (п. 5.26).
- ГК РФ: ст. 160 — факсимиле, ст. 1484 — товарный знак; ФКЗ № 2-ФКЗ, ст. 4 и КоАП ст. 17.10 — Госгерб.
- ГОСТ Р 51511-2001: буквы не ниже 1,5 мм для гербовых печатей. Пороги для обычных печатей, ресурс клише, размеры оснасток — по сайтам мастерских и каталогам Trodat и COLOP.
7. Дизайн
Стиль «штемпельная мастерская»: белая бумага, штемпельный красный, чёрный; зелёный — только для «читается». Оттиски — живой SVG с зерном краски, геометрия кругов и рамок. Шрифты: Montserrat для заголовков и текста оттисков, Roboto для текста, Roboto Condensed для реквизитов. Фото первого экрана, клише, договора и неудачных оттисков — картинки; оттиски, меню-печать, иконки и щиты — SVG. Анимации: оттиск «шлёпается» на лист, конструктор «пристукивает» при смене диаметра и колец, блоки проявляются при прокрутке. При настройке «уменьшить движение» анимации отключаются.
8. Технические требования
- Статические страницы: HTML, CSS, JavaScript без библиотек; оттиски и проверки строятся в браузере.
- Шрифты и все файлы — на своём сервере, сторонних запросов нет.
- Адаптивность: контрольные точки 1180 и 760 px; конструктор в одну колонку, без горизонтальной прокрутки на 390 px.
- SEO: свой title и description у каждой страницы, canonical, schema.org (WebSite, WebPage), картинки для соцсетей 1200 × 630, sitemap.xml, robots.txt. Правовые ответы — в HTML, а не подгружаются скриптом.
- Доступность: один H1 на странице, alt у содержательных картинок, у SVG-оттисков — текстовое описание, карточки и кнопки управляются с клавиатуры.
9. Приёмка
| Проверка | Ожидаемый результат |
|---|---|
| Меню и галерея | 4 ссылки по ободку печати, 8 оттисков в галерее, раскрыта одна карточка |
| Оттиск по умолчанию | Высота букв и тонкая линия — «читается» |
| Три кольца | Декоративное кольцо 0,1 мм — «Скорее всего пропадёт» |
| Длинное название по дуге | Буквы «на грани» или «сольются», «Набит плотно» |
| Диаметр 45 мм | Подпись масштаба «45», viewBox оттиска «0 0 45 45» |
| /nuzhna-li/ без адреса и с #nko | По умолчанию ответ для ООО; #nko открывает НКО с датой 1 июня 2024 |
| Кнопка «Врач» | Свой ответ, упомянуты справки по приказу 972н |
| Место печати | Два варианта по ГОСТ; на странице нет формулировки «захватывая часть подписи» |
| Ширина 1440 и 390 px | Нет горизонтальной прокрутки, ошибок в консоли нет |
| Сторонние запросы | Нет ни одного |
Нужно ТЗ на конструктор для вашего сайта? Обсудим задачу.
Расскажите о задаче — уточним детали, предложим состав и назовём стоимость по опубликованному прайсу.
- Цена и состав — в договоре
- Три круга правок на этап
- Гарантия 12 месяцев на наш код
- Домен и исходники ваши, лицензия бессрочная