web-site
О проекте
Сайт для сервиса Konget — удобная экосистема, объединяющей приложения для лидогенерации, конструктора роботизированных исходящих звонков, а также комплекс статистики и аналитика для маркетинга.
Задача
Создать интерактивный сайт для онлайн-сервиса, который привлекает клиентов и рассказывает чем Konget лучше аналогов.
Разработка
Разработку сайта мы начали с главной страницы, потому что на ней есть все элементы, которые помогли определится с дальнейшей стилистикой.
Иллюстрации
Простые и выдержанные в одном стиле иллюстрации подчеркивают простоту использования сервиса
Яркие, градиентные карточки призывают пользователя подробнее ознакомиться с основными функциями сервиса
Карточки
Иконки
Оформленные в одном стиле иконки помогают донести до пользователя глубину продукта
Паттерн
Волнистая структура стала основным паттерном, который объединяет весь сайт в единую концепцию
Страницы решений
Для основных решений сервиса мы создали отдельные страницы. Для них нарисовали и анимировали иллюстрации, которые раскрывают их функционал
Виджет
Виджет обратного звонка — это инструмент позволяющий связывать посетителя сайта с отделом продаж.
Разработали конструктор дизайна четырех форматов виджета: горизонтальный, квадратный, вертикальный и от края до края!
Разработали конструктор дизайна четырех форматов виджета: горизонтальный, квадратный, вертикальный и от края до края!
Виджет
Лидогенератор
Конструктор исходящих звонков
Мобильная версия виджета
Страницы решений
Для основных решений сервиса мы создали отдельные страницы. Для них нарисовали и анимировали иллюстрации, которые раскрывают их функционал
Лидогенератор
Лидогенератор представляет собой ряд всплывающих форм для посетителей сайта. Он учитывает поведение посетителя и предлагает выполнить действие: заказать звонок, отправить заявку или откликнуться на акцию!
Виджет
Лидогенератор
Конструктор исходящих звонков
Мобильная версия виджета
Страницы решений
Для основных решений сервиса мы создали отдельные страницы. Для них нарисовали и анимировали иллюстрации, которые раскрывают их функционал
Конструктор исходящих звонков
PromoCalls позволяет быстро собрать из блоков-действий последовательный сценарий контроля качества. Например: позвонить клиенту → задать вопрос → распознать голосовой ответ и так далее
Виджет
Лидогенератор
Конструктор исходящих звонков
Мобильная версия виджета
Страницы решений
Для основных решений сервиса мы создали отдельные страницы. Для них нарисовали и анимировали иллюстрации, которые раскрывают их функционал
Мобильная версия виджета
Разработали дизайн виджета для мобильной версии с сохранением основного функционала
Виджет
Лидогенератор
Конструктор исходящих звонков
Мобильная версия виджета
Страницы решений
Для основных решений сервиса мы создали отдельные страницы. Для них нарисовали и анимировали иллюстрации, которые раскрывают их функционал
Виджет
Виджет обратного звонка — это инструмент позволяющий связывать посетителя сайта с отделом продаж.
Разработали конструктор дизайна четырех форматов виджета: горизонтальный, квадратный, вертикальный и от края до края!
Лидогенератор
Лидогенератор представляет собой ряд всплывающих форм для посетителей сайта. Он учитывает поведение посетителя и предлагает выполнить действие: заказать звонок, отправить заявку или откликнуться на акцию!
Конструктор исходящих звонков
PromoCalls позволяет быстро собрать из блоков-действий последовательный сценарий контроля качества. Например: позвонить клиенту → задать вопрос → распознать голосовой ответ и так далее
Мобильная версия виджета
Разработали дизайн виджета для мобильной версии с сохранением основного функционала
Страница тарифов
Проблема прозрачности тарифов сейчас, как никогда актуальна. Поэтому мы создали максимально простой и понятный вид отображения стоимости выбранных инструментов На этой же странице можно рассчитать стоимость минуты обратного звонка. Иллюстрации поддерживают контекст формы и помогают пользователю определиться с функционалом
Иконки
Для большего понимания представленной информации мы отрисовали три типа иконок. Они помогают грамотно расставлять акценты на сайте и направлять внимание пользователя на целевые действия
Подсказки
Несмотря на простоту и интуитивность сайта, мы понимаем, что не все потенциальные клиенты хорошо погружены в особенности данной отрасли. Чтобы решить эту проблему мы использовали подсказки. Это особые сообщения, которые поясняют о том, что делает данная кнопка, форма или функция
Иллюстрации
Шрифт
Цветовая схема
F4F5F7
3384FF
21D4FD
B721FF
Мобильная версия
Сделали мобильную версию сайта, сохранив при этом все функции — информация о приложениях, расчет тарифов, адаптированный виджет, заполнение форм, вход и регистрация
