Blame
|
1 | # Брендирование платформы |
||||||
| 2 | ||||||||
| 3 | Функция White Label в платформе SKIF.PRO позволяет интеграторам настроить веб-интерфейс, почтовые уведомления и мобильные приложения под собственный фирменный стиль. Подключение брендирования доступно партнерам и интеграторам через персонального менеджера. |
|||||||
| 4 | ||||||||
| 5 | ## Свойства брендирования |
|||||||
| 6 | ||||||||
| 7 | Для оформления веб-интерфейса и мобильных приложений используются следующие параметры и материалы: |
|||||||
| 8 | ||||||||
| 9 | | Параметр | Описание | |
|||||||
| 10 | | --- | --- | |
|||||||
| 11 | | Название бренда | Текстовое наименование компании для отображения в интерфейсе и почтовых рассылках | |
|||||||
| 12 | | Логотип веб-интерфейса | Графический файл PNG или JPEG размером до 320×132 px в альбомной ориентации | |
|||||||
| 13 | | Обложка страницы входа | Фоновое изображение авторизации от 1600×1200 px (до 2 МБ) с безопасной зоной 192 px | |
|||||||
| 14 | | Обложка e-mail писем | Изображение для шапки системных писем размером 600×100 px (PNG или JPEG) | |
|||||||
| 15 | | Favicon | Иконка веб-вкладки браузера в формате ICO размером 32×32 px | |
|||||||
| 16 | | Поддомен системы | Собственное доменное имя интегратора с A-записью на IP-адрес `185.63.190.43` | |
|||||||
| 17 | | Логотип мобильного приложения | Квадратная иконка в формате PNG или SVG с разрешением от 1024×1024 px | |
|||||||
| 18 | | Фирменный цвет приложения | Цветовой код темы интерфейса и интерактивных элементов управления | |
|||||||
| 19 | ||||||||
| 20 | ## Подключение White Label |
|||||||
| 21 | ||||||||
| 22 | Процесс подключения и настройки индивидуального брендинга состоит из трех последовательных этапов. |
|||||||
| 23 | ||||||||
| 24 | ### Запрос услуги |
|||||||
| 25 | ||||||||
| 26 | 1. Свяжитесь с персональным менеджером SKIF.PRO и запросите подключение услуги White Label. |
|||||||
| 27 | 2. Согласуйте условия обслуживания, перечень компонентов брендирования и желаемое доменное имя. |
|||||||
| 28 | ||||||||
| 29 | ### Подготовка материалов веб-интерфейса |
|||||||
| 30 | ||||||||
| 31 | 1. Подготовьте логотип компании в формате PNG или JPEG с прозрачным фоном и разрешением до 320×132 px. |
|||||||
| 32 | 2. Сформируйте фоновое изображение для страницы авторизации с разрешением от 1600×1200 px. |
|||||||
| 33 | 3. Сохраните безопасную зону не менее 192 px по краям обложки для предотвращения обрезки текста на экранах. |
|||||||
| 34 | 4. Создайте баннер для шапки почтовых уведомлений размером 600×100 px. |
|||||||
| 35 | 5. Подготовьте файл иконки favicon в формате ICO с разрешением 32×32 px. |
|||||||
| 36 | 6. Сформируйте при необходимости пользовательские JavaScript-файлы для подключения внешних чатов или виджетов. |
|||||||
| 37 | 7. Передайте подготовленный комплект бренд-материалов персональному менеджеру. |
|||||||
| 38 | ||||||||
| 39 | > При отсутствии предоставленной обложки e-mail системные письма отправляются без верхней шапки, а при отсутствии favicon используется стандартная иконка SKIF.PRO. |
|||||||
| 40 | ||||||||
| 41 | ### Настройка домена |
|||||||
| 42 | ||||||||
| 43 | 1. Откройте панель управления DNS у регистратора вашего доменного имени. |
|||||||
| 44 | 2. Создайте новую A-запись для выбранного поддомена (например, `skifpro.company.pro`). |
|||||||
| 45 | 3. Укажите IP-адрес `185.63.190.43` в поле значения создаваемой A-записи. |
|||||||
| 46 | 4. Сохраните внесенные изменения в панели DNS-сервера. |
|||||||
| 47 | 5. Проверьте применение настроек DNS с помощью команды `nslookup` в терминале. |
|||||||
| 48 | ||||||||
| 49 | ```bash |
|||||||
| 50 | nslookup skifpro.company.pro |
|||||||
| 51 | ``` |
|||||||
| 52 | ||||||||
| 53 | ## Брендирование мобильных приложений |
|||||||
| 54 | ||||||||
| 55 | Для публикации брендированной версии мобильного клиента в магазинах приложений App Store и Google Play подготовьте технические данные: |
|||||||
| 56 | ||||||||
| 57 | 1. Сформируйте точное название приложения для карточки в каталогах App Store и Google Play. |
|||||||
| 58 | 2. Подготовьте графический логотип в формате PNG или SVG с разрешением 1024×1024 px. |
|||||||
| 59 | 3. Выберите основной фирменный цвет интерфейса (рекомендуется темный оттенок для комфортного контраста). |
|||||||
| 60 | 4. Создайте тестовую учетную запись в **Админ-панели** с ролью **Читатель** и минимум одним активным объектом мониторинга. |
|||||||
| 61 | 5. Разместите политику конфиденциальности на вашем корпоративном сайте по общедоступному URL-адресу. |
|||||||
| 62 | 6. Передайте ссылки на службу технической поддержки и маркетинговую страницу приложения вашему менеджеру. |
|||||||
| 63 | ||||||||
| 64 | ## Примеры оформления |
|||||||
| 65 | ||||||||
| 66 | Ниже представлены примеры размещения графических элементов и интерфейса: |
|||||||
| 67 | ||||||||
| 68 | ### Страница авторизации и безопасная зона |
|||||||
| 69 | ||||||||
| 70 | Обложка экрана входа и разметка безопасных отступов: |
|||||||
| 71 | ||||||||
| 72 |  |
|||||||
| 73 | ||||||||
| 74 |  |
|||||||
| 75 | ||||||||
| 76 | ### Почтовые рассылки и логотип |
|||||||
| 77 | ||||||||
| 78 | Шапка системных уведомлений и логотип компании: |
|||||||
| 79 | ||||||||
| 80 |  |
|||||||
| 81 | ||||||||
| 82 |  |
|||||||
| 83 | ||||||||
| 84 | ### Мобильное приложение |
|||||||
| 85 | ||||||||
| 86 | Интерфейс главного экрана и профиля пользователя: |
|||||||
| 87 | ||||||||
| 88 |  |
|||||||
| 89 | ||||||||
| 90 |  |
|||||||
| 91 | ||||||||
| 92 | ## Смотрите также |
|||||||
| 93 | ||||||||
| 94 | - [Компании и сущности](/%D0%B0%D0%B4%D0%BC%D0%B8%D0%BD-%D0%BF%D0%B0%D0%BD%D0%B5%D0%BB%D1%8C/%D0%BA%D0%BE%D0%BC%D0%BF%D0%B0%D0%BD%D0%B8%D0%B8%20%D0%B8%20%D1%81%D1%83%D1%89%D0%BD%D0%BE%D1%81%D1%82%D0%B8) |
|||||||
|
95 | - [Роли доступа](/%D0%B0%D0%B3%D1%80%D0%BE-%D0%BC%D0%BE%D0%B4%D1%83%D0%BB%D1%8C/%D1%80%D0%BE%D0%BB%D0%B8%20%D0%B4%D0%BE%D1%81%D1%82%D1%83%D0%BF%D0%B0) |
||||||
|
96 | - [Основные понятия](/%D0%B0%D0%B4%D0%BC%D0%B8%D0%BD-%D0%BF%D0%B0%D0%BD%D0%B5%D0%BB%D1%8C/%D0%BE%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D1%8B%D0%B5%20%D0%BF%D0%BE%D0%BD%D1%8F%D1%82%D0%B8%D1%8F) |
||||||