Хабрахабр

Представляем Vepp — новую панель управления сервером и сайтом от ISPsystem

Сначала мы хотели просто обновить интерфейс ISPmanager 5, но на этапе проектирования поняли: интерфейсом не обойтись, нужно менять подход к задачам пользователя. Vepp — это наша новая панель для управления сервером и сайтом. Фактически это означало, что надо делать новый продукт.

Под катом объясним, почему нельзя было просто апгрейдить ISPmanager 5 и покажем, что получилось в результате его глобальной переработки.

Если некогда читать и хотите всё увидеть сами, переходите на сайт Vepp. Сначала немного истории, а ниже — обзор текущих и будущих возможностей Vepp.

Что было до

В марте 2004 года компания ISPsystem выпустила первый публичный ISPmanager. Все началось 15 лет назад (на самом деле немного раньше, но не суть). Вот он: Помните его?

Одна из первых версий ISPmanager: не консоль, и ладно

Таким он и был: помогал настроить LAMP и cron, мониторить нагрузку, управлять IP-адресами. В обзоре продукта говорилось: «ISPmanager — панель для управления сервером, работающая через веб-броузер». И всё это — мышкой и в браузере, а не командами и в консоли.

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

В 2007 году вышел новый дизайн ISPmanager — Sirius. В 2006 году вышла версия ISPmanager 4, в которой, как писали тогда на сайте, было «множество коренных изменений». Такой многие и запомнили панель:

К 2010 году аудитория интернета выросла в десятки раз. Тем временем мир не стоял на месте. Для них ISPmanager оказался сложным. Сайты стали делать не только подкованные админы или энтузиасты, готовые со всем разобраться, но и новички. Они заваливали поддержку провайдеров вопросами по самым простым операциям: «Как создать сайт?», «Как подключить домен?», «Как настроить почту?».

У нее была другая архитектура, обновлённый дизайн, но кроме этого, в ISPmanager появились мастеры настройки, где пользователю надо было только ввести данные. В ответ на это в 2013 году мы выпустили новую версию панели — ISPmanager 5. По идее, это должно было помочь неопытным пользователям, сохранив все возможности для админов. Многие формы стали доступны в двух вариантах: для новичков и опытных пользователей.

ISPmanager 5: чтобы проще, но по-прежнему гибко

Вопросы провайдерам продолжали сыпаться. Но как показало время, этого упрощения оказалось недостаточно. Многие из них без опыта. В 2017 году мы проанализировали аудиторию ISPmanager и выяснили, что большая часть аудитории ISPmanager 5 — владельцы одного или нескольких личных сайтов.

Глядя на статистику ушедших клиентов, мы видели, что у многих из них не подключен домен, не настроена почта, не установлена CMS — то есть не решены самые базовые задачи. То есть панелью пользуются в большинстве не админы или веб-студии, а частные владельцы сайтов.

Потому что соцсети, поиск, медиа и другие массовые сервисы приучили пользователей к интерфейсам, с которыми не надо разбираться — они по-настоящему интуитивны. Почему? В них пользователи решали базовые задачи, но это были не новички. ISPmanager, да и другие панели управления хостингом не такие, на знакомство с ними нужно время. Новички уходили, это не нравилось ни нам, ни провайдерам.

Новая задача: построить интерфейс вокруг сайта

Самое очевидное — интерфейс. В общем, было ясно: пора что-то менять. Но прежде, чем приступить к его переделке, мы проанализировали рынок, аудиторию и текущие возможности ISPmanager.

Панель должна была эффективнее решать пользовательские сценарии по созданию и управлению сайтом на сервере — особенно для клиентов, не являющихся техническими специалистами. Мы поставили себе цель двигаться от изменившихся потребностей пользователей.

Продакт Vepp Анастасия Вукмирович

Тут лучше дать слово Алексею Сорокину, руководителю отдела UX в ISPsystem: Что это такое: «пользовательские сценарии», и на какой из них ориентировались мы?

Обычно создаётся 1-2 сайта для собственного использования. Cегодня типичный сценарий «хочу свой сайт на VDS» выглядит так: пользователь покупает VDS с панелью управления (часто это ISPmanager), и уже в ней устанавливает CMS, то есть как-то добирается до цели «создать сайт».

Функционально это доступно, но нужные кнопки в интерфейсе найти непросто. Мы проанализировали путь создания сайта и поняли, что сегодня его сложно пройти не только в ISPmanager 5, но и в любой другой панели. Чтобы сильно упростить эти пользовательские задачи, мы решили построить интерфейс вокруг сайта, его свойств и настроек. Мы пошли дальше и проанализировали всю работу панели, связанную с созданием и управлением сайтами.

Крайний за UX Алексей Сорокин

Новые фичи встраивались в устоявшийся интерфейс из таблиц, форм и списков. ISPmanager 5 фактически был набором инструментов по управлению сервером, где возможности для сайта были только одними из многих. Решение построить интерфейс вокруг сайта требовало всё глобально переделать. Можно сказать, что вокруг этих таблиц и форм интерфейс и строился.

Этой теме мы посвятим отдельную статью, здесь скажем коротко: Но радикально изменить интерфейс при текущей архитектуре было технически невозможно.

Оба этих факта сильно ограничивают возможности по изменению интерфейса, буквально превращая каждую новую фичу в подвиг. ISPmanager — это монолит, а внешний вид его форм и списков определяет API. И мы на это пошли. Чтобы воплотить новый подход, надо было поменять практически весь продукт: API, структуру приложения, методы взаимодействия с серверным ПО.

Руководитель разработки Александр Брюханов

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

Теперь сайт — это просто

Представляем Vepp!

На скриншоте выше — главная страница новой панели, откуда начинается тот самый путь пользователя «хочу свой сайт на VDS».

При этом у пользователя-вебмастера остается возможность создать сайт без CMS и всё настроить по своим потребностям. Для новичка мы сделали очень простой мастер по созданию сайта из трёх шагов, где пользователь выбирает шаблон CMS, указывает домен и получает установленный сайт с CMS WordPress.

Алексей Сорокин

Тут и домены, и почта, и SSL, и файлы, и бэкапы… Когда сайт создан, всё, как и планировалось, начинает «крутиться вокруг него»: главной страницей становится карточка сайта с информацией обо всем, что его касается.

Если нужны детали, то они рядом — во вкладке «Настройки сайта». Помня про новичка, на первой странице карточки сайта мы разместили только самое важное, с прямыми ссылками на раздел, где можно исправить проблему или перейти к настройкам.

Если приглядеться, слева за фоном видны все вкладки настроек Форма создания записи на странице «Домены».

Внутри каждого раздела все построено по той же логике, с заботой: что может быть преднастроено, уже преднастроено, что может быть упрощено, упрощено, если где-то сложность неизбежна, показываем подсказки.

Например, автоматическая авторизация в WordPress, автоматический перевод на HTTPS, актуальный скриншот сайта на карточке, ошибка 403 и 503 в одном клике — всего не перечислишь. В панели много приятных мелочей. Когда откроете, увидите сами.

О планах расскажем ниже, а здесь — список текущих возможностей Vepp.

2 до 7. Веб-сервер: Apache и Nginx.
PHP: PHP в режиме CGI, версии от 5. Можно настроить: временную зону, отключение функций, вывод ошибок, изменение размера загружаемого файла, памяти, объёма отправляемых данных на сайт.
База данных: MariaDB, поддержка phpMyAdmin. 3. Если нет домена, Vepp создаст технический.
Почта: Exim, создание ящиков, управление через почтовый клиент.
Бэкапы: полные.
Поддержка CMS: WordPress (последняя версия), поддержка каталога шаблонов.
SSL-сертификат: выпуск самоподписанного сертификата, установка Let’s Encrypt, автоматическое переключение на HTTPS, добавление своего сертификата.
FTP-пользователь: создается автоматически.
Файловый менеджер: создание, удаление файлов и папок, скачивание, загрузка, архивирование, разархивирование.
Установка в облако: протестировано на Amazon EC2.
Мониторинг доступности сайта.
Работа за NAT. Можно переименовать, удалить, добавить пользователя, создать дамп, загрузить дамп, удалить базу данных.
Управление доменами: редактирование и создание записей: A, AAAA, NS, MX, TXT, SRV, CNAME, DNAME.

Сейчас Vepp подойдет только тем, кто хочет управлять своим сайтом на WordPress без погружения в продвинутые настройки и администрирование. Обращаем внимание владельцев ISPmanager 5, что пока Vepp не является его полной заменой. Мы поддерживаем ISPmanager 5 и выпускаем обновления безопасности. Возможности для профессионалов появятся позже. Поэтому вы можете продолжать пользоваться панелью как раньше.

Что дальше

За настройкой веб-сервера и подключением почты следует много работы, и с ней пользователям тоже нужна помощь. Мы понимаем, что работа с сайтом не ограничивается его созданием.

Именно эти инструменты мы и будем добавлять в него в ближайшем будущем. Мы планируем сделать Vepp мощным сервисом для защиты, аналитики и продвижения сайта. План до конца года такой: Дорожную карту развития Vepp смотрите на доске в Trello.

  1. Антивирус для сайта.
  2. Покупка домена для сайта.
  3. Импорт WordPress-сайта в Vepp.
  4. Интеграция с Google Analytics.
  5. Импорт сайта из ISPmanager 5.
  6. Расширенные бэкапы в Google Drive.
  7. Поддержка Ubuntu 18.

Для опытных пользователей будем добавлять продвинутые возможности. Для провайдеров виртуального хостинга планируем выпустить отдельную версию.

Распространение и цены

Это удобно по нескольким причинам. Vepp можно купить у провайдеров хостинга вместе с виртуальным или выделенным сервером. Во-вторых, у провайдеров прямо из панели можно покупать домены (а это избавляет ото всех проблем по их привязке или установке). Во-первых, панель уже подключена к серверу. Ну и в-третьих, у провайдеров дешевле, чем при прямой покупке у нас.

Провайдеры с Vepp (список активно пополняется)

Запуск продаж запланирован на октябрь. На нашем сайте панель будет стоить 10 евро/месяц или 108 евро/год. Пока же панель работает на промо-тарифе — можно посмотреть.

Попробуйте одним из первых!

Сейчас у подключивших Vepp хостинг-провайдеров проходят промо-акции и сервер с новой панелью можно арендовать по выгодной цене.

Зарегистрируйтесь на my.vepp.com и подключите виртуальный или выделенный сервер. Если вы хотите только посмотреть на новую панель, воспользуйтесь промо-тарифом Vepp на нашем сайте. Подробнее — в статье Как подключиться к Vepp. Если нет сервера, можно воспользоваться тестовым, доступ к нему открывается на форме подключения, после подтверждения почты.

Поэтому мы намерены тщательно работать с фидбэком и пользователями. Я верю, что нельзя создать отличный продукт без итераций и нескольких циклов сбора обратной связи.

Присоединяйтесь к нашей программе раннего тестирования, оставляйте свои предложения внутри самого Vepp — будем развивать продукт и находить лучшие решения вместе.

Продакт Vepp Анастасия Вукмирович

Vepp для провайдеров

Подробно об этом мы рассказали в статье Vepp для провайдеров. С выходом Vepp для провайдеров появляются новые возможности и меняется схема установки и выдачи лицензий. Здесь коротко.

Новые возможности

Vepp проще и удобнее традиционных панелей, поэтому, предлагая его своим клиентам, провайдер повысит качество сервиса и получит преимущество в конкуренции с сайтбилдерами.

Уже сейчас доступна покупка домена у провайдера напрямую из Vepp. Кроме того, через панель можно будет продавать дополнительные услуги. Со временем это вырастет в маркетплейс с возможностью добавлять свои услуги. До конца года добавим покупку SSL от провайдера.

Новая схема установки и выдачи лицензий

Много серверов — много панелей. Традиционно панель управления устанавливается на сервер, на каждую панель выдаётся лицензия. Vepp работает иначе. Много панелей — много лицензий.

Она устанавливается один раз и только на оборудование провайдера. Вместо множества панелей и лицензий провайдер получает платформу Vepp. Сервера клиентов к ней подключаются.

За обновление и стабильность панели отвечает он, а не клиенты. Таким образом у провайдера один продукт и одна лицензия.

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

Новый маркетинг

Задолго до анонса, когда образ новой панели только начал вырисовываться, стало ясно: продукт получается настолько другим, что называть его и в целом позиционировать по-старому нельзя. А теперь вернемся немного назад. Тут лучше дать слово Павлу Карповскому, руководителю отдела маркетинга ISPsystem. Почему?

По сути это означало отказаться от старых подходов и внедрить новые. Было важно подкрепить концепцию продукта во всех маркетинговых каналах. Так, помимо броского названия — Vepp (что созвучно с «web» и «app»), панель получила:
— свой уникальный брендинг — непохожий на остальные продукты ISPsystem;
— свою модель коммуникации — дружелюбная и неформальная;
— отдельный сайт vepp.ru, а не скромный раздел в рамках сайта ISPsystem.

Но мы сознательно не стали делать все сами, а пошли дальше. У нас в компании своя профессиональная команда дизайнеров, людей, которые отвечают за креатив. Так мы исключили риск самоповторов и замыленности с нашей стороны. Хотелось пропустить концепцию Vepp через чужую призму. В нем, с одной стороны, был набор жестких рамок уровня «шаг влево, шаг вправо — расстрел», с другой — требование предоставить креатив, непохожесть. Выбрали студию и пришли туда с «легеньким» заданием. Но в итоге получили отличный дизайн логотипа и сайта.

Павел Карповский, руководитель отдела маркетинга

Теги
Показать больше

Похожие статьи

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Кнопка «Наверх»
Закрыть