Создание сайта INDUSTRIALPARK.BY

Создание сайта Китайско-Белорусского индустриального парка «Великий камень»
Создание сайта INDUSTRIALPARK.BY
Дата запуска проекта: декабрь, 2018
Задачи
Собрать информацию
Собрать информацию

Собрать, структурировать и удобно представить большой объем информации о парке

Удобно для иностранцев
Удобно для иностранцев

Три языковые версии, карты и инструкции для зарубежных гостей

Помощь в поиске персонала
Помощь в поиске персонала

Портал вакансий для всех компаний индустриального парка

Готовность к продвижению
Готовность к продвижению

Полная техническая готовность к дальнейшему продвижению и привлечению резидентов

Создать базу нормативных документов
Создать базу нормативных документов

Ведение базы нормативных документов с рубрикатором во всех языковых версиях

Удобное добавление информации
Удобное добавление информации

Предусмотреть большое количество элементов для оформления страниц (галереи, слайдеры, видеоролики и др.)

Реализация
Этап 1. Проектирование
Кликабельная версия прототипа для просмотра в браузере

На этапе проектирования была проделана большая работа по выявлению требований и сбору информации от клиента.

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

Была разработана сначала русскоязычная структура сайта, затем англоязычная. Параллельно велась разработка китайской версии сайта, которой занималась китайская компания.

Основные разделы, которые были спроектированы на этом этапе:

  • Новости
    У индустриального парка предусматривался большой объем новостей, из-за чего было принято решение разделять их по годам, категориям, некоторые новости помечать стикером «Важно», новости о строительстве вынести в отдельный раздел «Ход строительства». 
    Под новости было продумано несколько шаблонов (информационная страница, страница с галереей изображений и страница со слайдером изображений).
  • Приоритетные направления
    Основные направления развития индустриального парка с возможностью подать заявку на регистрацию в качестве резидента. Это посадочные странички для привлечения новых резидентов.
  • Вакансии
    Большой раздел, в котором планируется публикация вакансий всех компаний, входящих в индустриальный парк. Таким образом, администрация хочет помочь своим резидентам в поисках сотрудников.
    Поиск вакансий можно производить как по категориям (например, «Руководители производства», «Рабочие», «Экономика и бухгалтерский учет»), так и по компаниям.
  • 4. Документы
    Была продумана и спроектирована удобная база нормативных документов (указов, соглашений и др.). Туда включены как государственные документы, так и внутренние документы индустриального парка (правила, инструкции, рекомендации для резидентов, формы бланков документов и др.)
  • 5. Контакты и карты
    Кроме основных контактов администрации и реквизитов, были разработаны страницы с инструкциями, как добраться в индустриальный парк из Минска и аэропорта. Также на сайте присутствует генплан с нанесенными объектами парка и страницы с разъяснением структуры управления и акционерами.

В дополнение к этим основным разделам было спроектировано множество вспомогательных страниц, рассказывающих о парке, его культуре, организации, географии, преимуществах и др.

Структура проекта
Прототип карточки направления
Прототип страницы Расположение
Прототип страницы указа президента
Прототип раздела Новости
Прототип карточки вакансии
Прототип страницы Как добраться
Прототип главной страницы
Прототип структуры управления
Прототип страницы описания процесса регистрации резидента
Прототип страницы категории нормативных документов
Прототип страницы новости
Прототип страницы с формой отправки резюме
Прототип страницы видеопрезентации
Прототип раздела Ход строительства
Прототип страницы с формой заявки на вступление в парк
Прототип перечня действующих резидентов
Прототип страницы полезной информации
Прототип страницы реквизитов
Прототип страницы приоритетных направлений
Прототип описания этапа строительства
Прототип раздела нормативных документов
Прототип страницы с популярными вопросами
Прототип раздела Вакансии
Прототип страницы с формой отправки жалобы
Этап 2. Дизайн и верстка

На этапе дизайна и вёрстки мы согласовали цветовую схему и типографику, которая была подготовлена на основании брендбука компании. Поскольку фирменный стиль у индустриального парка был разработан ранее очень детально и активно используется повсеместно (в канцелярской продукции, оформлении офисов, вывесках и указателях, билбордах и др.), мы постарались от этого общего стиля не отступать и в процессе разработки сайта.

Дополнительно были подобраны и согласованы фоновые изображения и иконки.

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

Цветовая схема и типографика
Сайт на разных разрешениях
Дизайн главной страницы
Дизайн страницы структуры управления
Дизайн страницы регистрации резидентов
Дизайн страницы документов для скачивания
Дизайн страницы новости
Дизайн страницы презентации о парке
Дизайн раздела хода строительства
Дизайн страницы резидентов
Дизайн страницы полезной информации
Дизайн раздела «Как добраться»
Дизайн страницы генплана парка
Дизайн страницы генплана первого этапа строительства
Дизайн карточки этапа строительства
Дизайн раздела нормативных документов
Дизайн страницы часто задаваемых вопросов
Дизайн раздела вакансий
Дизайн страницы отклика на вакансию
Дизайн страницы реквизитов
Дизайн карточки направления
Дизайн страницы расположения
Дизайн раздела указа президента
Дизайн раздела новостей
Дизайн карточки вакансии
Дизайн страницы отправки жалобы
Этап 3. Программирование

Основные работы, которые были проведены на этом этапе:

  • установка и настройка системы управления сайтом (клиент самостоятельно управляет всем контентом сайта)
  • настройка форм обратной связи (форма жалобы, форма регистрации резидента, форма отклика на вакансию)
  • реализация трех языковых версия сайта (русский, белорусский и английский)
  • поиск по вакансиям, по новостям и общий по сайту
  • управление интерактивными картами
  • настройка разграничений прав доступа (разные департаменты имеют доступ к управлению только своими разделами на сайте)
  • интерактивные галереи (генплан)
  • ведение базы документов и файлов для скачивания
  • раздел вакансий с поиском по компаниям и по типу вакансии
Дерево ресурсов в админ-панели (структура страниц)
Работа со слайдером в админ-панели
Добавление файлов в админ-панели
Форма отклика на вакансию с защитой от спама
Интерактивная карта с обозначением территории индустриального парка
Добавление изображений в админ-панели
Форма жалобы или предложения с защитой от спама
Интерактивный генплан
Добавление изображений на генплан
Рубрикатор вакансий