Проекты

Кварц Групп

ООО «КВАРЦ Групп» — одна из крупнейших энергосервисных компаний России, выполняющая работы по техническому обслуживанию, всем видам ремонта, реконструкции, модернизации, монтажу, проектированию и поставке основного и вспомогательного энергетического оборудования и установок, зданий и сооружений.

Дата публикации — июнь 2013 года

Бюджет: от 500 000 рублей
Команда
Ольга Круглова Арт-директор
Кристина Фуксина Менеджер проектов
Олег Воробьёв Менеджер отдела продаж
Роман Дмитерко Программист-верстальщик
Александр Асланов Ведущий front-end разработчик
Технологии Python Django jQuery Fabric

Задача

Разработать современный корпоративный сайт, который позволит улучшить узнаваемость компании и привлечь новых клиентов.

Проблемы и их решения

Разработать дизайн корпоративного сайта, сочетающий современные направления веб-дизайна с требованиями брендбука.

Решение:

При создании дизайна мы использовали элементы фирменного стиля — кристаллы красного цвета и серый фон. Чтобы это всё не было статично, применили параллакс. Кроме того, сделали интерактивную карту и иконки для главных разделов. Тоже в фирменном «кристальном» силе.

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

Решение:

Для создания сайтов, предоставляющих информацию на нескольких языках, у компании «ТриЛан» существует множество наработок. В том числе надстройка над Django Framework — CMS Lemon. Благодаря опыту в создании подобных проектов, решить эту задачу не составило труда.

Стороны о проекте

Роман Дмитерко
Роман Дмитерко Программист-верстальщик

Довольно простой проект. Параллакс не считаю проблемной задачей, равно как и адаптивную вёрстку.

Дмитрий Кукушкин
Дмитрий Кукушкин Ведущий программист

Несмотря на то, что особых трудностей не возникло, проект всё же был довольно интересен для разработки.

Ольга Круглова
Ольга Круглова Арт-директор

Интерфейс оказался несложным, основная задача заключалась в разработке графических элементов.

Оказываемые услуги

Специалистами «ТриЛан» был осуществлён весь спектр работ по созданию сайта — от разработки дизайна до программирования и переноса на хостинг.

Начало сотрудничества

Работа над проектом началась в октябре 2012. Уже в ноябре специалисты приступили непосредственно к разработке.

Ход работы

Работа над созданием дизайна длилась с ноября 2012 года по январь 2013-го. Затем последовал этап проектирования и вёрстки, который завершился в феврале. Программирование, начатое следом, было завершено к апрелю. С апреля по май сайт тестировался, а в начале июня был перенесён на рабочий хостинг.

Описание страниц

Главная страница

Центральное место на главной странице отведено текстовому блоку «Наша миссия», оформленному в соответствии с фирменным стилем компании. В разработке блока была применена техника параллакс-скроллинга, благодаря которой при перемещении курсора по экрану возникает ощущение объёмного пространства.

Прямо под блоком «Наша миссия» на главной странице расположен блок ссылок с иконками, выполняющих функции меню навигации по внутренним страницам сайта. При наведении курсора на иконку либо ссылку происходит изменение их цвета.

Ниже по странице расположен слайдер новостей с возможностью пролистывания вправо-влево. Одновременно на страницу выводятся 3 последние по дате публикации новости. Каждая новость содержит название, которое является ссылкой на страницу с подробным описанием, и дату публикации.

Внизу страницы размещён блок «География деятельности», который содержит интерактивную карту России и список городов, в которых имеются филиалы компании. При наведении курсора на город в списке на карте России появляется всплывающее окно с названием выбранного города и филиала. При клике на любое название города осуществляется переход в раздел «Структура компании». 

Страница новостей

Раздел содержит список из 10-ти последних (по дате публикации) новостей. В конце списка располагается кнопка «Показать еще», при клике на которую на странице выводятся дополнительно 10 новостей. Каждая новость в списке содержит дату публикации и название. Также есть возможность добавления фотографии. Название и фото являются ссылками на страницу с подробным текстом новости, на которой предусмотрена возможность вернуться к списку новостей.

Страница подробного описания новости

Страница структуры компании

Раздел содержит список филиалов. Каждый элемент в списке имеет название филиала и информацию о городе, в котором он располагается. При клике по элементу открывается полное описание: изображение, текст, адрес, телефон, e-mail, руководство. Подробное описание закрывается при повторном клике.

Страница документов компании

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

Страница вакансий

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

При нажатии на название вакансии подгружается подробная информация о ней, содержащая блок контактной информации отдела кадров, требования и обязанности, а также условия по вакансии, предлагаемый уровень заработной платы и кнопку «Отправить резюме», при нажатии на которую всплывает форма отправки.

Форма отправки на странице вакансий

Форма «Отправить резюме» содержит поле вакансии, куда автоматически подгружается название вакантной должности, с которой был осуществлён переход по кнопке; поля для указания контактов (ФИО, e-mail, телефон) и ссылку «Прикрепить резюме».

Форма защищена captcha.

Страница лицензий и сертификатов

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

Страница партнёров

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

Страница отзывов

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

Страница «Доска почёта»

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

Большая фотография сотрудника в разделе «Доска почёта»

Страница корпоративных СМИ

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

Страница контактной информации

Элементы в списке содержат название филиала и город, в котором он располагается. При нажатии на название филиала подгружается подробная контактная информация выбранного филиала с кнопкой «Показать на карте», при нажатии на которую подгружается Яндекс.Карта с обозначением местоположения офиса.

Продолжение сотрудничества

Сегодня «ТриЛан» и «Кварц Групп» продолжают сотрудничество. Специалисты нашей компании продвигают сайт www.quartz-group.ru в поисковых системах и оказывают услуги поддержки.

Результат

Результатом работы стал современный корпоративный сайт с адаптивным дизайном, позволяющим одинаково удобно работать с веб-ресурсом, используя и ПК, и мобильные устройства. Таким образом, сайт стал доступен большему количеству пользователей.