Проектирование, дизайн
и разработка сайта profit4.biz

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

Задача, как ее сформулировала команда profit4.biz

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

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

  • Подготовка к работам: 2 месяца
  • Начало работ: январь 2020
  • Сдача работ: май 2020
Profit4.biz разработка сайта для онлайн-сервиса

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

  • Разработали фирменный стиль и логотип
  • Придумали сценарий посадочной страницы и текст
  • Сделали прототип, UX/UI и проработали сценарий подключения новых пользователей
  • Нарисовали дизайн страницы
  • Сверстали страницу и все дополнительные элементы
  • Настроили проверку телефона и отправку лидов в CRM Bitrix24
  • Наши юристы разработали пользовательское соглашение и договор-оферту
  • Переверстали дизайн для использования в виде презентации
  • Настроили биллинг банка Tinkoff и реккурентные платежи

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

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

HTML
CSS
Figma
JS
PHP
Excell
Confluence
Tinkoff API

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

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

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

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

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

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

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

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

В сценарий автоматизации включены:

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

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

Проработали пользовательские сценарии profit4.biz

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

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

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

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

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

Сделали html/css верстку сайта. Как всегда, использовали методологию БЭМ: она существенно облегчает совместную работу и дальнейшую поддержку страницы.

На этапе верстки создали все сценарии и более 10 дополнительных элементов: страница спасибо, ошибок, отбивок и письмо.

Скорость полной загрузки страницы до установки счетчиков: 0,9 секунды. Google Speed Test показал качество десктопа 100%, мобильной версии 99%.
Есть чем гордится.

Верстка сайта profit4.biz

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

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

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

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

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

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

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

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

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

Посмотрите как получилось: Profit4.biz

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

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

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

Довольно сложный сайт и сильный опыт для всей нашей команды.

x4
Человека проектная команда
1
Итерация до согласования дизайна
2
Недели заняло решение простого вопроса с поддержкой Tinkoff

Оставить заявку

Отправьте вопрос и в ближайшее рабочее
время с вами свяжется менеджер

Отправляя заявку Вы подтверждаете свое согласие с нашей
политикой обработки персональных данных
Используя сайт 3owls.ru, вы соглашаетесь с использованием файлов cookie и сервисов сбора технических данных посетителей (IP-адресов, местоположения и др.) для обеспечения работоспособности и улучшения качества обслуживания.
Принять