Дизайн интерфейса личного кабинета Hoster.by

Объединили множество услуг хостинг-провайдера под одной уютной крышей

Провайдер облачных решений и хостинга, который обслуживает более 60% всех белорусских сайтов.

Задача

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

Стало

Было

Hoster.by — провайдер для всех. Он предлагает хостинг и домены небольшим клиентам и оказывает комплексные услуги по созданию облачных сервисов и обеспечению надежности IT-инфраструктуры корпорациям. Старый кабинет клиентов Hoster.by перестал справляться с ростом компании, так как был спроектирован под меньший объем услуг и бизнес-процессы попроще.

Фокус нового кабинета: удобная оплата и простое управление.

Проектируем навигацию и унифицируем управление

Важное — вперед. Изучаем статистику, интервьюируем клиента и проектируем путь пользователя так, чтобы он легко ориентировался во всех продуктах и быстро находил нужное.

прокручиваем структуру

Все счета — в одном месте

Cамый частый сценарий использования кабинета — зайти, промониторить и рассчитаться. Раньше счета были разбросаны по разным панелям. Чтобы оплатить хостинг, продлить домен или купить SSL-сертификат, нужно было потратить время на поиски. В новом кабинете этой проблемы нет — все счета централизованы.
Единый список дает простой контроль и радует бухгалтеров

Упрощаем представление услуг

Хостинг, домены, VDS и облака различаются по составу функций, дополнениям и настройкам. Чтобы клиенты Hoster.by не тратили время на изучение интерфейса, все объекты приведены к единому виду и способу управления.

Упрощаем представление услуг

Хостинг, домены, VDS и облака различаются по составу функций, дополнениям и настройкам. Чтобы клиенты Hoster.by не тратили время на изучение интерфейса, все объекты приведены к единому виду и способу управления.

Простое управление услугами

Хостинг, домены, VDS и облака различаются по составу, функциям, дополнениям и настройкам. Чтобы клиенты Хостера не тратили время на изучение интерфейса, все объекты унифицированы к единому виду и способу управления.

Домены

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

Добавление услуг в контексте домена образовывает клиентов, помогает им ответственно управлять и защищать домен, а Hoster.by — успешно продавать сопутствующие услуги в востребованном месте.

Администратор контролирует безопасность и настройки приватности доменов

Сразу видны статус и срок действия каждого домена. Рядом кнопка для быстрой оплаты.

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

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

Для клиентов 80 lvl добавляем говорящие метки — индикаторы подключенных услуг.

Проектируем раздел таким образом, чтобы состояние услуг быстро считывалось

Для клиентов 80 lvl добавляем говорящие метки — индикаторы подключенных услуг

Настройка домена совмещена с платными услугами по безопасности и приватности.

Потерялись в настройках — загляните в контекстную помощь

icon

Не нашлось ответа в FAQ — поможет поддержка

Настройка домена совмещена с платными услугами по безопасности и приватности. Потерялись в настройках — загляните в контекстную помощь.

Виртуальный хостинг

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

Виртуальный хостинг

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

Система тактично и заранее предупреждает об истекающих услугах, заботится, чтобы остановка сайта не привела к остановке бизнеса. Услуги в «горящем» статусе клиент оплачивает в один клик без лишних переходов.

Нужно сменить тариф хостинга или пароль — идем на страницу «Управление»

Система тактично и заблаговременно предупреждает об истекающих услугах, заботится, чтобы остановка сайта не привела к остановке бизнеса
Услуги в «горящем» статусе клиент оплачивает в один клик без лишних переходов 

Если нужно сменить тариф хостинга или пароль — идем в раздел «Управление».

Нужно сменить тариф хостинга или пароль — идем на страницу «Управление». 

Подключить тариф помощнее, настроить сервер и зарегистрировать сайт в реестре можно в одном разделе — без очередей и «пожалуйста-ожидайте»

Хочется покупать еще

Стимулировать клиентов приобретать новые услуги компании — важная функция кабинета. Для этого разрабатываем игровую механику и кросс-продажи.

Клиент будет получать награды в виде ачивок* за покупку допсервисов и улучшалок: SSL-сертификат, скрытие данных Whois или дополнительная защита. Конечная цель — разблокировать все ачивки.

* Эта система еще не внедрена в кабинет Hoster.by, но планируется в будущем.

1
2
4
3

Хочется покупать еще!

Стимулировать клиентов приобретать новые услуги компании — важная функция кабинета. Для этого разрабатываем игровую механику и кросс-продажи.

Клиент будет получать награды в виде ачивок* за покупку допсервисов и улучшалок: SSL-сертификата, скрытие данных Whois или дополнительной защиты. Конечная цель — разблокировать все ачивки.

* Эта система еще не внедрена в кабинет Hoster.by, но планируется в будущем.

Облачный хостинг

Управление облаком и его тарификация отличаются от виртуального хостинга. Клиент оплачивает за юниты — единицы производительности сервера. Организовываем информацию так, чтобы все важное было на виду.

Сразу показываем баланс и затраты в текущем месяце. Пользователь может быстро пополнить счет или взять обещанный платеж

Облачные ресурсы расходуются равномерно и прогнозируемо — клиент спокоен
Резервные копии и бэкапирование потребляют ресурсы. Наглядность информации о глубине версионности, объеме занимаемого места и стоимости ресурса помогает администратору соблюсти баланс стоимости и резерва

Сразу показываем баланс и затраты в текущем месяце. Можно быстро пополнить счет или взять обещанный платеж.

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

В первую очередь отображается баланс счета и сколько уже было потрачено в текущем месяце. Есть возможность пополнить счет или взять обещанный платеж.

Облачные ресурсы расходуются равномерно и прогнозируемо — клиент спокоен.

Никакие форс-мажоры не страшны: можно быстро вернуться к проверенной версии сайта.

В этом разделе также создаем возможность для кросс-продажи: например, предлагаем пользователю подключить услугу “Администрирование”.

Внутри раздела все по полочкам

Легко масштабировать

У Hoster.by много сервисов, а амбиций — еще больше! Организовываем пространство так, чтобы новые услуги добавлялись быстро, а клиент легко ориентировался среди всего многообразия.

Легко масштабировать

У Hoster.by много сервисов, а амбиций — еще больше! Организовываем пространство так, чтобы новые услуги добавлялись быстро, а клиент легко ориентировался среди всего многообразия.

Доступно везде

Делаем кабинет Hoster.by адаптивным и удобным для использования со смартфонов. Без купюр по функционалу и компромиссов с комфортом.

Все — под одной крышей

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

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

Фанфары 🎉

Поговорим о деле

Заявка улетит в отдел продаж. Вам ответит кто-то из менеджеров, чтобы обсудить
детали. В рабочее время это занимает до получаса

Дизайн ремесленного маркетплейса Crafty.by
Смотреть следующий проект Дизайн ремесленного маркетплейса Crafty.by

Придумали, как с помощью дизайна привлечь ремесленников и покупателей в новый сервис