2. Аналитика разрешения экранов
на устройствах современных интернет
пользователей за прошедший год.
Компьютеры, планшеты и телефоны.
gs.statcounter.com
Техусловия
АИТИ
2
3. Мы учли всех
Созданный сайт оптимизирован
для просмотра на всех возможных
устройствах, имеющих доступ
в Интернет, независимо от операционной
системы и браузера, который использует
посетитель.
АИТИ
3
4. Мобильная версия
Для комфортного просмотра сайта
с мобильных телефонов мы разработали
отдельный сайт, работающий
по технологии AngularJS, позволяющей
обеспечить сверхбыструю загрузку
и отображение страниц сайта.
Контент десктоп и мобильной версий
сайта хранится в единой базе данных,
мобильный сайт не нуждается
в выделенном администрировании.
m.stmichael.ru
АИТИ
4
5. На протяжении 8 лет имеем высший статус золотого партнера
1С-Битрикс, в нашем штате только сертифицированные
программисты, обладающие всеми необходимыми
компетенциями, которые соблюдают все стандарты
разработки и внедрения.
В качестве системы для создания сайтов мы используем проверенное временем
решение от лидера рынка коммерческих систем управления сайтом 1С-Битрикс.
МЫ ПРОВЕЛИ КОМПЛЕКСНУЮ ПРОВЕРКУ САЙТА НА СООТВЕТСТВИЕ
СТАНДАРТАМ ПО МОНИТОРУ КАЧЕСТВА 1С-БИТРИКС.
система управления
АИТИ
5
6. Панель управления сайтом
Логин и пароль для
входа отправленны
на email, указанный
в Договоре
http://stmichael.ru/bitrix/
АИТИ
6
9. Переход на страницу контактыДоп.меню
Появляется
при прокрутке
страницы вниз
Блок контактной информации
АИТИ
9
10. На странице выводится список проектов, отсортированный по дате начала кактивности.
Проекты
Управляется прокруткой
и навигационными стрелками
По каждому проекту выодится изображение в виде фоновой подложки,
название, тип проекта и его площадь.
Для добавления на сайт 14 проектов было отретушированно более 50 изображений,
что заняло 6 часов.
АИТИ
10
11. Детальная страница проекта состоит из полноэкранного слайдера (или видеопреера),
блока c параметрами проекта, описания, выполненных работ, связанных услуг и карты.
Проекты
Окно быстрого перехода
к другим проектам
Описание работ выполненных
командой St Michael
Список связанных с проектом услуг
с ссылками на страницу детализации
Отметка на карте
Название проекта
и базовые параметры
Описание проекта
АналитикаАналитика
Полноэкранный слайдер
или видеоплеер
12. Управление категориями проектов
Ссылка на управление категориями
Ссылка на добавление проектов
Вы можете создавать любое количество
категорий. В данном проекте поддерживается
одноуровневый каталог, но при необходимости
его можно доработать.
В качестве категорий на момент запуска сайта
выбраны стаусы: Завершенные, Активные
и Перспектива
Добавление и изменение проектов
Выбрав необходимую категорию вы увидите
список всех входящих в него проектов.
В каждом проекте можно изменять любые
параметры, а также деактивировать или
удалить, используя для этого контекстное
меню.
АИТИ
12
13. заполнение данных по проекту
Интерфейс управления информацией
о проекте состоит из текстовых полей,
списков и выбора медиа-файлов.
Проект может одновременно находиться
в нескольких разделах, если это
целесообразно.
URL страницы проекта формируется на базе
указанного символьного кода.
АИТИ
13
14. Для отображения на странице проекта
геометки на карте Google вы можете ввести
адрес в поле «Поиск по карте» и вручную
выставить маркер на карте.
В списке «Услуги» выбирается одна или
несколько связанных с проектом услуг,
которые будут выводиться на странице
в виде списка.
Базовые параметры проекта, такие как
адрес, площадь и ссылка на сайт проекта не
являются обязательными для заполнения.
Параметр площади в проекта со статусом
Активные суммируется и выводится на
странице «Компания» в промо-блоке «Наш
опыт»
АИТИ
14
15. Возможно использовать как видео,
так и фотоконент для отображения
на странице проекта.
Видео необходимо добавляться
в 3х форматах для гарантированного
отображения на всех видах устройств.
Форматы mp4, ogv, webm.
Оптимально 720p.
медиаконтент
Загружайте изображения с
разрешением 1920x1080 px в JPG-
формате, оптимизированном для
web, с качеством сжатия 40.
АИТИ
15
16. Оптимальное разрешение
для обложки 616x919 px
Описание проекта и выполненных
работ не имеет ограничений.
Описательная часть проекта
Рекомендуем использовать визуальный редактор
для правильного форматирования текста.
АИТИ
16
17. Страница компании реализована в формате landing page с полноэкранными блоками вложенных разделов
Компания
Для этой страницы мы подключили скрипт предзагрузки основного контента и графики
с процентным индикатором процесса выполнения для пользователей с медленным Интернетом.
АИТИ
17
19. промо-блок
«девелопмент полного цикла»
Состоит из фоновой картинки и анимированных
элементов. Назначение: позиционировании
компании.
блок «услуги»
Отображает в заданном порядке сортировки
перечень услуг в виде фоновой картинки
наименования и икоки.
Анимируется при наведении курсора.
АИТИ
19
20. АналитикаАналитика
промо-блок
«почему мы?»
Отображает 3 ключевых аргумента в виде
тематической иконки, заголовка и текстового
описания.
При клике на один из блоков открывается
модальное окно с расширенным описанием.
Измеряется системой web-аналитики
как показатель вовлеченности.
АИТИ
20
21. Ссылка на управление причинами
Основные причины
Иконка, заголовок текст описания.
3 элемента.
Ссылка на управление расширенным описанием
расширенное описание
Описание для модального окна каждой
из причин.
АИТИ
21
22. Динамически отображает показатели количества реализованных проектов, плошадь активных и ссылки на проекты.
Промо блок «опыт»
Блок имеет скриптовую анимацию, которая проигрывается при переходе к его просмотру.
АИТИ
22
23. Позиционирует команду компании в качестве опытных экспертов девелопмента.
Блок «наша команда»
АналитикаАналитика
Переход в режим просмотра
сотрудников команды
отслеживается системой
web-аналтитки как
показатель вовлеченности
Позволяет посмотреть
сотрудников компании,
сгруппированных
по отделам
АИТИ
23
24. Ссылка на управление разделом
Управление отделами сортировки команды
Вы можете добавлять, изменять и удалять отделы
организационной структуры компании, отобража-
емые на сайте. Поддерживается одноуровневая
структура отделов.
Список разделов, созданных в административной
части, формирует динамическое меню в публичной
части проекта
Ссылка на управление разделом
Добавление и изменение сотрудников
Для добавления сотрудника – создайте новый элемент
в нужном разделе, заполнив все обязательные поля.
Список сотрудников можно редактировать.
Один и тот же сотрудник может относиться к несколь-
ким отделам, для этого в свойстве «Разделы» формы
создания/редактирования сотрудника выберите мышью
несколько пунктов, удерживая нажатой клавишу «Shift».
25. Содержит сгруппированные в тематические категории логотипы партнеров,
при клике на которые происходит переход на сайт.
Блок «Партнеры»
АИТИ
25
26. Ссылка на управление разделом
управление категориями партнеров
Мы предлагаем группировать партнеров
по категориям. Список категорий можно
редактировать, задавая любую классификацию
и порядок вывода (используйте параметр
«Сортировка») разделов.
Ссылка на управление разделом
Добавление и изменение партнеров
Для каждого партнера задается минимум
название, логотип и принадлежность к одной
или нескольким категориям. Также можно
указать ссылку на сайт партнера и индекс
сортировки в списке. Количество партнеров
может быть любым.
АИТИ
26
27. Отображает заголовки и анонсы проводимых тендеров, позволяет скачать описание условий.
Блок «Тендеры»
КонверсияКонверсия
Почтовое
событие
Почтовое
событие
АналитикаАналитика
Скачивание
PDF
Скачивание
PDF
Скачивание файла
с информацией об
условиях тендера
Если нет активных
тендеров, выводится
форма подписки
АИТИ
27
28. Ссылка на управление тендерами
Добавление и изменение тендеров
Каждый тендер должен содержать
заголовок и описательную часть.
Опционально можно прикрепить PDF-
файл с условиями проведения тендера
и прочей необходимой информацией.
Файл будет доступен для скачивания
посетителями сайта.
АИТИ
28
29. Отображает статическую информацию о благотварительной деятельности компании.
Блок «благотворительность»
Ссылка на управление разделом
управления блоком благотворительность
Для каждого направления благотворительной деятельности
компании создается отдельный элемент с собственным заго-
ловком, изображением анонса и текстовым описанием.
АИТИ
29
30. Форма отправить резюме
Если нет
активных
вакансий
Позиционирует компанию как перспективного работодателя.
Блок «Вакансии»
КонверсияКонверсия
Почтовое
событие
Почтовое
событие
Подробная информация об открытых вакансиях
АИТИ
30
31. Ссылка на управление вакансиями
управление вакансиями
Структура данных вывода вакансий
состоит из заголовка, описания и трех
опциональных вкладок: обязанности,
требования и условия
АИТИ
31
32. К каждой базовой услуге можно добавить текстовое описание и/или список входящих
в состав вложенных, более узких по своему характеру услуг.
Детальные страницы для вложенных услуг структурой сайта не предусмотрены.
Услуги девелопмента
АИТИ
32
33. Состоит из полноэкранного тематического
изображения, вводного текста, списка
связанных с услугой проектов.
Может быть детализированная от 1 до 6
связанными (входящими в состав) усулгами
или подробным описанием.
страница описания услуги
Связанные проекты
Анонс улсуги
Список всех услуг
Подробное описание
Вложенные услуги
АИТИ
33
34. Ссылка на управление разделом
Управление каталогом услуг
В этом разделе панели управления вы можете добавлять,
изменять и удалять основные услуги компании.
Каждая базовая услуга на уровне системы управления
сайтом представляет собой отдельный раздел.
К каждой услуге можно добавить
несколько связанных проектов,
которые будут отображаться на
первом экране страницы услуги.
Картинка анонса отображается
на странице «Компания» в блоке «Услуги»
и во всплыващем окне при клике на кноп-
ку «Все услуги»
АИТИ
34
35. Ссылка на управление разделом
Управление вложенными услугами
К каждой основной услуги можно добавить от 1 до 6 связанных услуг,
которые будут отображаться в колонках (до 3х) и содержать иконку
заголовок и текст.
АИТИ
35
36. Раздел для привлечения партнеров по трем ключевым направлениям.
Партнерство
Тематический фон
Заголовок] раздела
Анонс
Призыв
Контактное лицо
Анонс и 2 контент блока
АИТИ
36
37. Ссылка на управление разделом
Управление разделом
партнерство
Раздел состоит из трех
предустановленных
категорий.
В списке категорий вы можете
изменять заголовок, призыв
и текстанонса.
В списке категорий вы можете
изменить заголовок, призыв
и текст анонса.
АИТИ
37
38. Новостной раздел сайта с разделением на категории.
Пресс-центр
Выбранная новость отображается
в модальном окне без перезагрузки
страницы по технологии ajax
АИТИ
38
39. Ссылка на изменение категорий
добавление и изменение категорий
Вы можете добавить новые категории
с помощью кнопки «Добавить раздел»,
а также переименовать или удалить уже
созданные. Для этого в контекстном меню
необходимо выбрать пункт «Изменить».
Также можно отключить «Активность»
временно ненужной категории, для того,
чтобы она не отображалась на сайте.
Ссылка на добавление новостей
добавление и изменение новостей
Перейдя в нужную категорию, нажмите кнопку «Добавить элемент»
и заполните поля «Название» и «Подробно», установите дату начала
активности, загрузите изображение для анонса и, при необходимости,
для «Подробно».
40. Целевая страница с контактной информацией для связи и схемой проезда в офис компании.
контактная инфорамция
Форма задать вопрос
(Работает по технологии AJAX
без перезагрузки страницы)
КонверсияКонверсия
АналитикаАналитика
Интерактивная карта Google
Заполнение формы отслеживается
системой web-аналитики как целевое действие
(конверсия)
Почтовое
событие
Почтовое
событие
АИТИ
40
41. Ссылка на управление шаблонами
редактирование шаблонов писем
Шаблон для каждого события настроен индивидуально.
Вы можете самотоятельно редактировать текст и любые другие параметры
шаблона писем уведомлений.
При заполнении посетителем форм сайта ему отправляется
письмо с уведомлением о том, что его обращение принято.
Почтовые события
АИТИ
41
42. Обращайтесь по любым вопросам
www.ircit.ru
+7 499 215-34-34
+7 916 953-57-60
mailbox@ircit.ru
А Л Е К С А Н Д Р У С П Е Ш Н Ы Й
Генеральный директор
АИТИ