Мы сделали PWA-визитку. Нет, это не новый вид клея

(или как перестать искать контакты компании в трёх разных файлах)

Признание в цифровой нелюбви

Знаете, есть такая болезнь: сидишь в почте, нужно отправить кому-то реквизиты, и начинаешь лихорадочно искать файл «Реквизиты_окончательные_2 (3).docx» в папке «Документы → Контрагенты → Входящие → Разное». Потом понимаешь, что у тебя два юрлица — и файлов тоже два. И в одном из них устаревший счёт.

А потом ты ещё должен добавить в подпись к письму ссылки на сайт, на канал в MAX, на отзывы в Яндексе, на статьи в Дзен, на Рутуб… И в итоге подпись занимает полэкрана, а её всё равно никто не читает.

Мы решили эту проблему. И не по-инженерному, а красиво.

Что такое PWA и при чём здесь индукция?

PWA — это Progressive Web Application. Если перевести с языка гиков: веб-страница, которая умеет притворяться приложением.

Она живёт в браузере, но её можно «установить» на телефон или компьютер — появится значок на рабочем столе. Она открывается без адресной строки, с логотипом и поддержкой офлайн-режима. Никаких App Store и Google Play — просто сайт, который работает как приложение.

Мы сделали такую визитку для «Проминдуктора».

Теперь у нас есть страница pwht.ru/online, на которой есть всё, что нужно для связи:

• Телефоны (многоканальный и сервисный).

• Email (основной и бухгалтерия).

• Адрес офиса и производства.

• Ссылки на все сайты компании.

• Каналы в соцсетях: MAX, Telegram, RuTube, Дзен, Яндекс-отзывы.

• И самое главное — реквизиты двух юрлиц: ООО «Проминдуктор ТМ» и ООО «ПромТВЧ».

И всё это — с возможностью копировать данные в буфер обмена, скачивать в Word и распечатывать на бумаге.

Зачем это вам (кроме того, чтобы мы казались «модными»)?

Во-первых, больше не нужно собирать контакты по кусочкам.

Один раз открыли pwht.ru/online — и все данные под рукой. Можно сохранить страницу на главный экран телефона, и она будет выглядеть как отдельное приложение.

Во-вторых, офлайн-доступ.

Мы добавили Service Worker — это такая «магия», которая кеширует страницу. Даже если вы вышли в поле, где интернет ловит только ветер, визитка всё равно откроется. Контакты и реквизиты будут доступны всегда. Идеально для удалённых объектов, где связь нестабильна.

В-третьих, реквизиты — без переписывания.

На страницах реквизитов можно кликнуть по любому полю — ИНН, ОГРН, банковский счёт — и оно скопируется в буфер обмена. Бухгалтеры и снабженцы оценят.

А если нужен полноценный документ — есть кнопка «Скачать Word». Генерируется чистый .doc-файл, который можно открыть в любом редакторе. Или «Распечатать» — получится аккуратная карточка на листе А4.

А что с подписью в письмах?

Мы тоже устали от подписей-эпопей. Поэтому теперь в письмах будет только короткая строка:

Все контакты и реквизиты компании: pwht.ru/online

И всё. Остальное — по ссылке. Там и сайты, и соцсети, и телефоны, и реквизиты, и даже идентификаторы ЭДО. И никаких рисков, что письмо улетит в спам из-за кучи ссылок.

Как это выглядит в реальной жизни?

1. Открываете pwht.ru/online в браузере на телефоне.

2. Нажимаете «Поделиться» → «На экран "Домой"».

3. На рабочем столе появляется значок «ПромИндуктор».

4. Нажимаете на него — открывается визитка в полноэкранном режиме, без браузерных кнопок и лишней информации.

5. Выбираете нужное юрлицо → копируете ИНН → вставляете в договор. Всё заняло 15 секунд.

Или, если вы на ПК, просто сохраняете страницу в закладки или добавляете как приложение через Chrome (значок установки в адресной строке).

Мы не только греем металл, но и упрощаем жизнь

Мы понимаем, что для промышленного оборудования важнее всего надёжность, а не «модные фишки». Но когда эти фишки делают жизнь проще — почему бы и нет?

PWA-визитка — это не про «мы в тренде». Это про то, чтобы наши контакты и реквизиты всегда были у вас под рукой. Даже если вы потеряли интернет посреди стройки.

Ссылка: pwht.ru/online

Сохраните её. Пригодится.

P.S. А если у вас что-то не открылось?

Технически это обычная страница на HTML+CSS+JS — без CMS и лишних плагинов. Должна открываться на всех современных браузерах, включая Safari на iOS и Chrome на Android.

Если что-то пошло не так — пишите, мы поправим. Мы ведь инженеры, а не только дизайнеры. 😉