Корпоративный сайт строительной компании Зодчий-2003

Зодчий-2003 является одним из ведущих компаний строительно-монтажных работ в Сахалинской области. Компания зарекомендовала себя как надежный подрядчик на протяжении более 20-и лет.

У компании множество сфер деятельности, из которых можно выделить:

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

Задача проекта

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

Цели проекта

Среди целей данного проекта можно выделить:

• Демонстрация информации о компании
• Подробное описание оказываемых услуг
• Создание примеров работ и привязка их к услугам (чтобы посетитель после ознакомления с оказываемыми услугами сразу мог посмотреть уже готовые варианты работ этого направления)
• Обеспечить связь посетителя сайта с представителем компании (грамотно организовать процесс от первого касания с сайтом до контакта, т.е. заказа услуги или отправки первичного вопроса)

Реализация проекта

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

• Каталог услуг, оказываемых компанией
• Список с примерами работ, которые должны привязываться к услугам
• Блог и новости компании компании (первый будет посвящен именно жизни компании и ее деятельности, второй – для проведений акций, презентации новых услуг и внешних, не связанных с деятельностью компанией мероприятий, в которых компания принимает участие).
• Личный кабинет для пользователя, где он сможет заказывать услуги и участвовать в переписке с предтавителем компании, комментировать публикации в блоге и новости
• Услуги и примеры работ должны быть управляемыми администратором сайта. При этом меню с услугами должно формироваться динамически (об этом далее)

Для реализации сайта использовалась наша собственная AirSEO.CMS

_{Небольшое предупреждение! Описание данного сайта осуществлялось еще на этапе тестирования сайта и передаче его заказчику, поэтому информация на скриншотах может содержать тестовую информацию (текстовую заглушку).}

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

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

Шапка сайта и блок с основной информацией

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

Далее идет основной информационный блок, включающий управляемый администратором баннер с возможностью добавления ссылки/кнопки со ссылкой для перехода (важный функционал для проведения акций, на которые нужно обратить внимание при первом посещении сайта посетителем). Завершает этот блок информация с описанием компании и ключевыми факторами, представляющими ее преимущество. Вся предоставленная информация сделана в управляемых блоках, тексты, баннеры и иконки может менять администратор сайта в панели управления.

Наши услуги и примеры работ

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

Блок примеров работ выполнен в виде селектора (переключателя) между типами работ с отображением последних работ из выбранной категории без необходимости перезагрузки страницы.

Ключевые показатели компании, новости и отзывы

В центре главной страницы идет перечисление ключевых факторов, отзывов и выдержка из новостей (2 последние по дате публикации новости на страницу).

Блоки ключевых показателей и отзывов выполнены с использованием параллакс (parallax).

Скорее всего у вас появился вопрос – а почему вместо отзывов идут заглушки? Ответим на него еще раз: не только в отзывах, а в целом по сайту. В начале описания этой работы мы упомянули, что описание данной работы выполнялось на этапе тестирования и сдачи заказчику, вся информация является управляемой и динамической, администратор может самостоятельно управлять ей в панели управления сайтом, прикладывать сканы отзывов на официальных бланках и многое другое (именно в этом проекте нашей основной задачей стояла разработка стабильного работающего сайта под нужды заказчика с возможностью управления информацией без ее предварительного наполнения, а все остальное – уже не в нашей юрисдикции 🙂 )

Блок выгрузки последних публикаций из блога и цитата основателя компании

Представляет собой выгрузку из БД до пяти последних по дате публикаций из блога, завершая все цитатой основателя компании (на настариваемом в панели администратора фоне).

Задача обеспечения приятного для глаза отображения информация была реализована в полном объеме.

Контактная форма, FAQ и подвал сайта (footer)

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

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

Внутренние страницы

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

О нас

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

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

Новости

Страница новостей представляет пользователю по 10 новостей на страницу (отсортированных в по датам в порядке публикации). Количество комментариев к каждой новости, изображение, дату публикации и автора.

Каждая новость представлена на отдельной странице с возможностью комментирования (только для зарегистрированных пользователей), а также опцией “поделиться публикацией в социальных сетях”

Страница услуг

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

Страница услуг и привязка работ с блогом

На странице услуги располагается:

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

Страница “Наши работы”

Представляет все работы по каждой услуге в отдельности. На данной странице реализовано динамическое формирование по правилу “услуга->работы, привязанные к этой услуге”. Если администратор скроет отображение услуги на сайте или добавит новую – эта страница будет отображать уже другие данные.

Блог компании

Загружает по 10 публикаций на страницу, отсортированных по дате публикации. Имеет встроенную форму поиска, меню категорий для просмотра записей в них, а также блок последних работ и точку контакта (связь с представителем компании).

Страница обратной связи

Ни один сайт не должен оставаться без раздела обратной связи, который должна включать в обязательном порядке контактную информацию и пользовательскую форму, а еще лучше – карту с отображением офиса/филиалов и дополнительную (расширенную) информацию со всеми доступными каналами связи

Страницы входа и регистрации пользователей

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

Личный кабинет пользователя

В личном кабинете пользователь может:

• Общаться с представителем компании
• Отслеживать заказы (присваиваются администратором)
• Видеть общую сумму покупок и текущий статус в бонусной программе
• Управлять персональной информацией, информацией о компании (если представляет юр.лицо) и адресами для доставки продукции/заказа услуг (работ)
• Изменять пароль

Если пользователь имеет статус администратора, то в верхнем меню появляется дополнительный пункт меню “Управление”, который переадресует его в панель администратора сайта, созданную на основе нашей собственной AirSEO.CMS, давайте кратко рассмотрим ее в следующем разделе, а на этом мы завершим описание пользовательской части сайта для компании Зодчий-2003.

Панель администратора

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

Мы не покажем всю систему управления полностью как сделали это с пользовательской частью, но заглянуть во внутрянку (подглядеть как оно выглядит для администратора) дадим 🙂

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

Панель администратора позволяет:

• Управлять новостями и блогом (а также его категориями) и привязкой публикаций из блока к услугам (после примеров работ)
• Управлять услугами
• Управлять примерами работ, привязывать их к услугам
• Управлять пользователями, создавать для них заказы и менять их статусы. Отслеживать статистику по пользователям (активные, не активные)
• Осуществлять рассылку зарегистрирированным пользователям (при этом реализован функционал правил отправки – всем, повторным, либо активным и не активным пользователям)
• Управлять настройками сайта и всем его содержимым на страницах

На этом мы завершим описание реализованного проекта для компании Зодчий-2003.

Благодарим Вас за уделенное время!