МС22
← все проекты

МС22

сайт сопровождение 2025
клиентМС22, менеджер соединений, АБП2Б
направлениеВеб · сопровождение
роль студииРедизайн сайта, анимированный фон hero, сборка, развитие
особенностьСайт для инженеров — аудитория проверяет каждое слово
сайтмс22.рф↗
над проектом работали
01 — контекст

задача

ит и технологии

Российский аналог PuTTY, MobaXterm и SecureCRT в одном окне. Покупатель здесь — инженер, и маркетинговый текст он закрывает быстрее, чем дочитывает.

У продукта широкая функциональность: терминал и файловый менеджер, удалённый рабочий стол, базы данных, автоматизация и дюжина утилит — от генерации SSH-ключей до анализа трафика. Всё это нужно показать, не превратив страницу в перечень.

Вторая сложность — сравнение. Инженер приходит с вопросом «чем это лучше того, чем я пользуюсь сейчас», и уходит, если ответа нет. Импортозамещение само по себе аргументом не работает.

02 — стиль

живой фон

анимация из hero

Для интерфейса выбрали язык, знакомый инженеру: тёмная тема, монотипный шрифт в окне приложения, фиолетовый акцент вместо привычного корпоративного синего. Фон hero — не статичная картинка, а медленно падающие символы под мягкой дымкой: деталь, которую считывает именно та аудитория, для которой сделан продукт.

Отдельного брендбука в проекте не было — фирменный стиль держится на сайте: акцентный фиолетовый, тёмная тема по умолчанию и терминальная эстетика в UI.

Тот же фон, что и в hero сайта — живой, с падающими символамианимация
#8777E0
фиолетовый

Кнопки, ссылки, акценты — цвет бренда.

#A79BFF
светло-фиолетовый

Хайлайт в заголовке и подсветка полей.

#62C584
мятный

Статус «активно» и индикаторы в интерфейсе.

#0B0B10
почти чёрный

Фон hero и окно приложения.

03 — работа

что сделали

5 решений
01

Начали с того, что заменяет пять программ

Первый экран отвечает на главный вопрос инженера: что именно перестанет быть нужным после установки.

02

Развернули утилиты списком, а не общими словами

Скрипты, генерация ключей, DNS, трассировка, скан портов, анализ трафика, HTTP, SNMP, LDAP, калькулятор подсетей, сравнение файлов. Инженер ищет конкретный инструмент — и находит его название.

03

Сделали честную таблицу сравнения

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

04

Отдельно объяснили безопасность

Мастер-пароль, шифрование учётных данных, локальное хранение, политика нулевого разглашения — блоком, а не сноской.

05

Ведём сайт вместе с продуктом

Новые утилиты и версии добавляются в существующую структуру.

04 — до и после

было и стало

2 версии до, 2 после
Сайт МС22 до редизайна: версия с 3D-иллюстрацией
Сайт до: версия с 3D-иллюстрациейдо
Сайт МС22 до редизайна: более ранняя версия с сеткой
Сайт до: более ранняя версиядо
Сайт МС22 после редизайна: главный экран с живым фоном
Сайт сейчас: главный экранпосле
Сайт МС22: окно приложения на главном экране
Окно приложения на главном экранепосле
05 — итог

результат

что можно проверить
01
Первый экран отвечает на вопрос «что это заменит», а не «кто мы такие», и говорит с инженером на его языке — вплоть до фона.
02
Двенадцать утилит показаны поимённо — инженер ищет по названию, а не по маркетинговой формулировке.
03
Сравнение с аналогами построено на функциях, а не на импортозамещении.
смотреть работумс22.рф
↗
06 — связь

свяжитесь с нами

похожая задача?
телефон+7 931 709 9307 телеграм@ohmy_design whatsapp+7 931 709 9307 почтаhi@ohmy.design