ООО «Формджет» разрабатывает российскую установку Binder Jetting — трёхмерную печать по слою порошка со струйным нанесением связующего. Заказчики продукта — вузы, НИИ и корпоративные исследовательские подразделения. Сайт нужен был раньше самой установки: чтобы объяснять, о чём проект, и собирать обращения, пока идут испытания прототипа.
Задача
За полминуты объяснить человеку, который в теме, но не знает конкретно этот проект: что за установка, кому она нужна и как устроен рабочий механизм. И дать написать команде — одной формой, без лишних шагов.
Что на сайте
- Первый экран — что это, для кого, целевая стоимость установки и оговорка о том, что характеристики уточняются по результатам испытаний.
- Как работает Binder Jetting — технология по шагам, без учебника и без рекламы.
- Рабочий механизм — аксонометрическая схема установки с выносками, открывается в полный размер: на обычной ширине подписи к десяти узлам не прочитать.
- Материалы — металлы и техническая керамика, с чем работает установка.
- Применение — образование и прикладные исследования.
- Форма обращения во всплывающем окне, с выбором интереса и согласием на обработку данных.
Чем этот проект отличался
Жёсткими правилами раскрытия. Продукт в разработке, поэтому любые характеристики на сайте подаются только как целевые — это не осторожность ради красоты, а условие, без которого страницу нельзя публиковать. Ни одного абсолютного утверждения вроде «первый в России». Ни имён, ни фотографий команды. И отдельное требование: ни почты, ни телефона — ни на странице, ни в разметке, ни в скриптах. Связь только через форму.
Тексты всех блоков заказчик передал утверждёнными, часть — с пометкой «публиковать без смысловых изменений». Приёмка шла по чек-листу из двенадцати пунктов, составленному до начала работы. Это редкий и, честно говоря, приятный случай: когда бриф отвечает на вопросы раньше, чем они возникают.
Как сделано
- Без CMS. Семантическая вёрстка, немного JavaScript, никаких сборщиков — так страница грузится быстрее всего.
- Все тексты и параметры в одном файле конфигурации. Правка текста — одна строка и одна команда сборки, лезть в разметку не нужно.
- Форма — небольшой обработчик на PHP: проверка на стороне сервера, ловушка для роботов, ограничение частоты отправки. Адрес получателя лежит в переменной окружения на сервере и в код не попадает.
- Шрифт Onest подключён локально, по свободной лицензии — страница не зависит от чужих серверов.
- Отдельная папка для заказчика: относительные пути, открывается двойным щелчком на любом компьютере, без сервера и интернета. Показать коллегам до публикации.
Сроки
Каркас и первый вариант страницы — за день после разбора брифа. Потом заказчик прислал свои изображения — снимки изделий в порошковой постели, концепцию корпуса и готовую схему механизма, — и они заменили мои схемы: настоящие материалы всегда сильнее нарисованных. Проверено на ширинах 1440, 1200, 768, 390 и 360 пикселей, форма проходится с клавиатуры.
