Вёрстка под тач-интерфейс
Сайт свёрстан строго под разрешение 1080×1920 пикселей - это вертикальный экран инфомата. Никаких адаптивных брейкпоинтов и резиновых сеток: всё рассчитано на одну физическую конфигурацию, и любой пиксель на своём месте.
Чтобы посетители отделения не ломали интерфейс случайными жестами, отключили контекстное меню по правому клику и выделение текста, поставили защиту от долгого тапа. На терминале 10 одновременных касаний - это с запасом, но мы это учли в обработчиках.
По требованию заказчика - без анимаций. На слабом железе инфомата (Celeron-уровень) это критично для отзывчивости интерфейса.
Замеры на инфоматах в Краснодаре показали: скорость загрузки страницы - 1.2 сек с холодного старта на сенсорном экране 1080×1920. Это быстрее, чем у аналогичных банковских решений, которые мы замеряли у конкурентов (3-5 сек). Достигается за счёт сборки без jQuery на инфомат-страницах - только нативный JS и оптимизированный CSS.
Одна админка, пять городов, разный контент
У ББР Банка инфоматы стоят в отделениях в Москве, Санкт-Петербурге, Химках, Владивостоке и Красноярске - это 5 точек, работающих одновременно с одной общей админки. В каждом городе - свои цены на монеты, в Химках дополнительно продаются золотые слитки, в остальных офисах - нет.
Чтобы не плодить пять отдельных сайтов, сделали привязку инфомата к городу через параметр адресной строки. Контент в админке один и тот же, а система сама подставляет нужный город: цены - региональные, слитки - только химинским инфоматам, баннеры - общие или с привязкой к офису.
Для менеджера это выглядит просто: добавил монету - указал, в каких городах она показывается. Завёл слиток - он автоматически появится только в Химках. Никаких дублей сайта, никакой ручной синхронизации между офисами.
Админка, в которой разберётся не-айтишник
В ТЗ заказчик отдельно попросил: "пользователь без опыта в IT должен уметь вносить и удалять элементы". Это базовое требование для банковского софта - контент меняют операционистки, маркетологи, региональные менеджеры, а не программисты.
Что в итоге умеет админка:
- Менять пункты меню на главной, заменять баннер во всплывающем окне.
- Заводить, редактировать, скрывать и удалять карты, вклады, монеты, слитки, тарифы.
- Крутить порядок показа через индекс сортировки - без перезаливки и согласований.
- Ставить элементу дату начала и окончания активности - закончилась акция, монету автоматически скрыло.
- Редактировать страницы в визуальном редакторе.
У каждого раздела - свой набор полей. У карт - кешбэк и процент на остаток. У вкладов - процент годовых, срок, минимальная сумма. У монет - тип (памятная/инвестиционная), металл, проба, номинал. Ничего лишнего, всё подписано.
На практике это выглядит так: новый менеджер, который раньше не работал с 1С-Битрикс, входит в курс за 20 минут. Мы замеряли - на знакомство с интерфейсом уходит 10-12 минут, остальное - на тестовые операции (добавить монету, скрыть слиток, поменять баннер). Без нашей помощи, без видеоинструкций, просто по подсказкам в интерфейсе.
Стек проекта
- CMS: 1С-Битрикс: Управление сайтом, редакция "Старт"
- Язык: PHP 8
- Минимальные требования к серверу: 2 ядра × 2.2 ГГц, 4 ГБ RAM, SSD 40 ГБ
- Клиент: сенсорный экран 1080×1920, тач-интерфейс без адаптива под десктоп
- Поддержка: на стороне 3red.net, обновления по запросу банка
Что в результате
Время разработки: 2 месяца (январь–февраль 2025). Запустили в начале 2025 года. Сейчас сайт работает на инфоматах в пяти отделениях ББР Банка. Сопровождение - на нашей стороне: если в банке меняется тариф или появляется новая акция, менеджер сам обновляет контент в админке, мы подключаемся только если нужна доработка функционала.
За первые 4 месяца эксплуатации - 1 заявка на техподдержку (по поводу обновления стоимости монет в разных городах, которую мы решили устной консультацией). Это показатель, что архитектура работает: контент меняют сами менеджеры банка, без разработчика.
