Сайт облачных решений hoster.by

hoster.by

Вместе переосмыслили услуги и запустили первый в Беларуси облачный маркетплейс для бизнеса.

Разработка сайта об облачных решениях для hoster.by, фрагмент изометрической иллюстрации об услугах.

Задача

Разработать каталог облачных услуг.

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

Пришло время спустить облака на землю и сделать отношение к ним проще. Хороший повод для этого — запуск 8 новых облачных сервисов hoster.by.

Сначала структура, затем дизайн

Раньше раздел cloud-услуг не был четко выражен на сайте. Найти облачный хостинг было просто, но чтобы познакомиться с такими сервисами как, например, облачная бухгалтерия или документооборот — приходилось покопаться. Наводим порядок:

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

Разводим информацию для технарей и управленцев

Облачные услуги нацелены прежде всего на руководителей и технических специалистов.

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

разводим преимущества на 2 группы;
рассказываем каждой про актуальные ей фишки;
не грузим нерелевантной информацией.

Фрагмент сайта с преимуществами облачных решений hoster.by для руководителей компаний.

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

Плитки с иллюстрациями и описаниями продуктов, которые предлагает hoster.by в рамках облачных решений.

Кликаем на карточку и переходим к странице продукта

Крупно показана плитка услуги «1С Бухгалтерия в облаке» с иллюстрацией и описанием.

Overlay

Рисуем облачные миры

Появляется идея визуализировать услуги. Это поможет и в навигации, и в продвижении.

Каждая категория становится тематическим островом. Весь «архипелаг» образует кластер из облачных сервисов.

Наброски иллюстраций, которые готовились при разработке сайта об облачных решениях компании hoster.by.

О развитии концепции островов скоро расскажем в мастерской

Иллюстрация с поиском графического решения для оформления облачных услуг компании hoster.by.

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

Получается эффектно, но чего-то не хватает...

Фирменные персонажи, оживляющие иллюстрации услуг на сайте hoster.by.

Заселяем острова колонистами

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

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

Заселяем острова колонистами

Выносим новую цивилизацию на обложку

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

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

Заряжаем генератор облачных миров

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

Пригодились графические элементы из общего редизайна hoster.by.

Иллюстрации комфортно себя чувствуют как на светлом, так и темном фоне.

Показываем, как работает 1С:Бухгалтерия в облаке

Для каждого облачного продукта собираем анимированные иллюстрации. Достаточно бегло взглянуть на картинку, где кипит офисная жизнь вокруг «священного кристалла» 1С, чтобы догадаться — тут будет речь о бухгалтерии в облаке.

Иллюстрация для страницы 1С: Бухгалтерия в облаке на сайте hoster.by.

Встраиваем лаконичные описания. Для акцентов используем графические элементы раздела.

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

Описание преимуществ для страницы 1С: Бухгалтерия в облаке на сайте hoster.by.

На странице может включаться блок с реальными историями компаний, которые перешли на рельсы облачных технологий hoster.by.

Реализованные проекты для страницы 1С: Бухгалтерия в облаке на сайте hoster.by.

Сюда же можно вывести фотогалерею

Раздел с фотографиями для страницы 1С: Бухгалтерия в облаке на сайте hoster.by.

...или видео по теме.

Видео-раздел на странице 1С: Бухгалтерия в облаке на сайте hoster.by.

Тут можно выбрать готовый тариф или создать свой собственный в конструкторе.

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

Описание тарифов и калькулятор услуг 1С: Бухгалтерии в облаке на сайте hoster.by.

Проектируем интерфейс калькулятора тарифов

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

Собираем адаптивный дизайн

Знакомство с продуктами и заказ должны проходить идеально со смартфонов и планшетов.

Разработали мобильную версию сайта облачных решений hoster.by.

Разработали версию сайта облачных решений hoster.by для планшетов.

Разработали версию сайта облачных решений hoster.by для мобильных телефонов.

Разработали адаптивную версию сайта облачных решений hoster.by.

Собираем адаптивный дизайн

Знакомство с продуктами и заказ должны проходить идеально со смартфонов и планшетов.

Выходим за пределы экранов

После успешного запуска мир облачных персонажей быстро перешел в оффлайн. Такого материала компании хватит на многие месяцы активного и нескучного маркетинга. Летай высоко, hoster.by!