GreenHata

Кейс для Online saler

О проекте

Оnline saler — сервис, который предоставляет владельцам сайтов программу онлайн-консультанта. То, что видит пользователь — диалоговое окно с сотрудником компании — лишь малая часть системы управления консультантом. Кроме неё есть ещё система слежения за действиями пользователя, робот-автоответчик и многое другое. Поэтому кроме сайта мы создали для Оnline saler панель управления, дизайн диалогового окна и лендинг-страницу в двух вариантах для тестирования. Смотрите, как это сделано.

Корпоративный сайт

Основное требование к сайту — «продающий» дизайн и высокий уровень информативности. Целевая аудитория — партнёры компании.

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

 

Главная страница

Описание преимуществ программы и переход к основным страницам сайта.

 

OnlineSaler_site_homepage_v6

 

Для SEO-специалиста

Информационная страница для одного с потенциальных партнёров программы — SEO-специалиста. Ему предлагается инструмент для аналитики сайта.

 

OnlineSaler_site_news_yandex_V2

 

Тарифы и услуги

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

 

onlinesaler_site_prices

Что это и зачем

Очень структурная и  информативная страница. Текст оптимально взаимодействует с графикой для удержания внимания пользователя при чтении.

 

OnlineSaler_site_sub_whatpage

 

Отзывы

Что лучше всего мотивирует заказчика? Хорошо оформленные и правдивые отзывы! На этой странице — текстовые и видеоотзывы от партнёров программы. Страница интерактивная: кроме просмотра контента можно ещё и управлять им (регулировать громкость звука и т. д.). Сделано красиво и нескучно.

 

 

 

Лендинг-страница

Для лендинга было разработано два варианта дизайна. Эффективность дизайна обеих страниц протестирована и выбран более подходящий вариант для достижения коммерческих целей.

 

Вариант 1

Эта страница выполнена красиво и креативно, но понятна ли кнопка воспроизведение видео для большинства пользователей? Так же для регистрации предусмотрена форма, которая появляется по клику на кнопку Call to actoin.

 

OnlineSaler_landing_v1

 

Вариант 2

Здесь более привычный дизайн для лендинга: контент в «ютубном» формате и поле для регистрации видно сразу.

 

OnlineSaler_landing_v2

Панель управления аккаунтом

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

управление одним или несколькими сайтами (не путать с системой администрирования);

контролировать работу и эффективность всех операторов;

подсчитывать стоимость каждого звонка конкретного оператора;

видеть содержимое всех диалогов;

вести статистику сайта;

подключать нового консультанта к системе;

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

 

 Время и стоимость звонков: данные по каждому из них
 

OnlineSaler_calls

 Управление диалоговым окном на сайте: выбор кнопок и форм в соответствии с цветовой палитрой страниц
 

OnlineSaler_customization_buttons

 

 

Редактор форм при добавлении чата нового оператора

 

OnlineSaler_edit_form_page_v2

 

«Большой Брат смотрит на тебя» ©
В этом окне менеджер узнает, кто вёл чат, о чём разговаривали, когда, на каком сайте за любой период времени.
 

OnlineSaler_dialogs_v3

 

 

Мобильная версия

 

OnlineSaler_mobile

 

 

Включаем оператора

 

OnlineSaler_operators_v2

 

Статистика переходов по партнёрской ссылке
 

OnlineSaler_partner_programm

 

Управление финансовой частью: оплата тарифа, пополнение счёта.

 

OnlineSaler_payments

 

 

Общая статистика оператора и таймлайн подключений

 

OnlineSaler_statistic

 

Дизайн онлайн-консультанта

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

Эта карта — из рабочего процесса, решили не переделывать, чтобы передать вам ещё атмосферу процесса;)

 

OnlineSeler_online_helper_v2