Кейсы

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

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

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

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

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

Подготовка к работам:
2 месяца
Начало работ:
январь 2020
Сдача работ:
май 2020

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Разработали
презентацию Profit4.biz

Для удобства менеджеров по продажам наши специалисты разработали презентацию продукта Profit4.biz. При разработке презентации переработали дизайн сайта для слайдов формата А4, из этих слайдов создали шаблоны листов на модульной сетке.
Затем подключили эти шаблоны к PowerPoint, и перенесли блоками текст. При переносе сохранили все пропорции и расположение в рамках модульной сетки. К файлу .pptx прикрепили необходимые шрифты, для удобства использования, и сделали версию с дополнительным шрифтом, для тех, у кого необходмый шрифт отсутствует.

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

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

Результат работы

Довольно сложный сайт и сильный опыт для всей нашей команды.
x4
Человека проектная команда
2
Итерация до согласования дизайна
2
Недели заняло решение простого вопроса с поддержкой Tinkoff
Cмотрите
похожие кейсы
Маркетинг
Брендинг
Дизайн
Bitrix
Еще ...
SMM
Реклама
Полиграфия
Интернет-магазин
Интеграции
Pro-Cosmetik
Интернет-магазин для сети
магазинов профессиональной
косметики.
2018
Дизайн
Маркетинг
Брендинг
Bitrix
Еще ...
Интернет-магазин
Интеграции
Amarylis
В 2019 году компания запустила интернет-магазин, и, столкнувшись с задачей проектирования интерфейса и создания дизайна обратилась к нам.
2020
Показать еще