Разработка сайта
для it-продукта
Profit4.biz

Интересный сайт с векторным дизайном
и сложными интеграциями

2020

Маркетинг

Дизайн

Брендинг

Landing page

Интеграции

Адрес:

profit4.biz

Перейти
на сайт

Profit4.biz: разработка дизайна, фирменного стиля и сайта для облачного IT-сервиса Profit4.biz - облачный сервис для совместной удаленной работы сотрудников любой компании. Он включает в себя выделенный диск на удаленном сервере, процессорные мощности, оперативную память и предустановленное программное обеспечение. В услугу включена техническая поддержка и дополнительные системы безопасности пользователей. Мы включились в работу на этапе проработки концепции, и начали с разработки логотипа, а закончили подключением автоматизации платежных систем.

Задача, поставленная заказчиком

Разработать посадочную страницу для рекламы и продаж облачного it-продукта

Резюме проекта

Подготовка к работам:

2 месяца

Начало работ:

январь 2020

Сдача работ:

май 2020

Какие задачи мы решали
в работе над Profit4.biz

Разработали фирменный стиль и логотип

Придумали сценарий посадочной страницы и текст

Сделали прототип, UX/UI и проработали сценарий подключения новых пользователей

Нарисовали дизайн страницы

Сверстали страницу и все дополнительные элементы

Настроили проверку телефона и отправку лидов в CRM Bitrix24

Наши юристы разработали пользовательское соглашение и договор-оферту

Переверстали дизайн для использования в виде презентации

Настроили биллинг банка Tinkoff и реккурентные платежи

Какими инструментами пользовались

Сценарий страницы, договора и все необходимые регламенты сделали в Confluence. Логотип и дизайн рисовали в Figma, часть работ выпало на любимый Excel, как всегда html/css/js и немного php, Bitrix24 и api Tinkoff.

HTML5

CSS3

Confluence

Tinkoff

Figma

Excel

PHP

Разработали логотип
и фирменный стиль

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

Проработали сценарии пользовательского поведения

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

проверка контактных данных телефона и почты;
создание записи на стороне crm-системы;
автоматическое подключение банковской карты с последующим автоматическим списанием ежемесячных платежей.

На каждом этапе пользователь получает подсказки и информацию об ошибках.

Сценарий посадочной страницы и текст

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

Разработали пользовательское соглашение и политику конфиденциальности

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

Дизайн

Отрисовали
дизайн страницы

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

Вот посмотрите:

profit4.biz

Верстка страницы и всех дополнительных элементов

Интеграции: sms и Bitrix24

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

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

Настроили реккурентные платежи через биллинг банка Tinkoff

Сервис предлагает 7 дней бесплатного использования, но для получения доступа к рабочему столу пользователю необходимо ввести корректные данные карты. На стороне банка Tinkoff происходит проверка карты, после которой банк направляет к нам подтверждение. Затем в базе данных создается запись, на основании которой происходит ежемесячное списание средств с подключенной карты.