Корпоративный сайт АО "ИнтерИнструмент-комплектсервис"
сложный сайт для крупной компании на платформе HostCMS 6

Подробная информация о выполненных работах

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

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

Каталог товаров на базе модуля магазина

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

Обратите внимание

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

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

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

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

Если вам требуется два и более вида карточек товаров в пределах одного каталога, то это значительно увеличивает стоимость проекта за счёт увеличения объёма работ.

Карточка "обычного" товара (не запчасть) обладает следующим функционалом:

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

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

Карточка товара типа "запчасть" по функционалу отличается от "обычного" товара, в частности:

• Одно или более фото с деталировкой запчастей;
• Связь с товаром, для которого эти запчасти предназначаются;
• Группировка запчастей для одного товара на одной странице, при этом список составляющих запчастей показывается в виде таблицы;
• Полное, а также краткое описание запчастей;
• Возможность скачать деталировку из прикреплённого файла (PDF файл или графическая схема);
• Возможность показывать на странице запчасти параметры товара, к которому эти запчасти относятся (при этом данные могут как заноситься вручную, так и копироваться из соответствующего товара, что сильно экономит время при заполнении каталога запчастей);
• Возможность отметить нужные запчасти флажками и сразу отправить заказ на них;

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

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

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

Способы формирования блока товаров на главной странице

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

Логика показа товаров на главной странице задаётся при разработке сайта и должна быть рекомендована заказчиком по своему усмотрению и потребностям. Чем сложнее эта логика (принцип отбора товаров для показа), тем выше стоимость разработки этой части сайта.

Товары из каталога показываются на сайте не только в самом каталоге и на главной странице.

Страница производителей

К каждому товару можно привязать его производителя, который должен быть предварительно задан через панель управления в специальном справочнике. Для показа общего списка производителей в HostCMS есть специальный раздел, который считается подразделом каталога товаров. В этом разделе по умолчанию выводятся:

• Иконка производителя или любое другое фото, которое по логике нужно разместить на этой странице. Можно задать 2 фото или одно.
• Текстовое описание производителя.
• Ссылка на сайт компании-производителя;
• Некоторые другие данные о компании-производителе;

Выше описан типовой функционал страницы производителя. Однако на данном сайте функционал этого раздела был существенно расширен, а именно:

• Добавлен вывод списка товаров из каталога, у которых указан этот производитель;
• Показывается список групп каталога, в которых есть товары данного производителя;

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

Поиск по сайту

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

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

Быстрый поиск это:

показ предварительных результатов поиска по сайту уже в процессе набора поисковой фразы (как в поиске Яндекс и Google);

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

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

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

Меню сайта

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

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

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

Рекламные баннеры на сайте

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

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

Раздел для загрузки файлов

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

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

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

Список сервисных центров и точек продаж

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

Функционал такого типа может быть весьма полезен на сайте любой крупной компании, имеющей множество филиалов (дилеров, партнёров и так далее).

Другие разделы сайта

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

• Разделы новостей и статей;
• Список вакансий;
• Фотогалерею с возможностью делить фото на альбомы;
• Список сертификатов;

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

Личный кабинет и другие закрытые разделы сайта

Все разделы сайта, описанные выше, являются доступными для любого посетителя. Однако есть и закрытые разделы, доступные только после авторизации — сюда относится раздел Личного кабинета пользователя, а также все его подразделы.

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

• Страница с личной информацией пользователя;
• Список почтовых рассылок с возможностью подписки на выбранные рассылки компании;
• Тикет-система службы технической поддержки для удобного взаимодействия с клиентами и партнёрами компании;

Функционал кабинета, относящийся к интернет-магазину, отключен, так как сайт магазином не является. Типовой функционал HostCMS, относящийся к Личному кабинету посетителя, также включает в себя:

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

Обратите внимание, что добавление в Личный кабинет сайта какого-либо нетипового функционала значительно увеличит стоимость проекта.

В личном кабинете также есть стандартная функция восстановления пароля пользователя. Пароли в HostCMS хранятся в защищённом виде.

Адаптивный дизайн сайта

Как и все наши проекты, данный сайт изначально разрабатывался для корректного отображения на устройствах любого типа и с любым размером экрана вплоть до ширины 320px. Адаптивность сайта является важным фактором не только для удобства посетителей, но и при продвижении проекта. Причина проста — доля трафика с мобильных устройств стабильно растёт с каждым годом.

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

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

Быстродействие сайта

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

• Оптимизация быстродействия каждого компонента сайта уже на этапе его разработки;
• Применением эффективной системы кеширования HostCMS;

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

Управление сайтом

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

Студия WebMouse является официальным партнёром HostCMS. Мы специализируемся только на разработке сайтов на этой платформе, поэтому знаем её в совершенстве. Именно по этой причине мы не только создаём качественные сайты, но и можем обеспечить заказчику полную техническую поддержку в процессе последующей эксплуатации сайта.

Сайт на платформе HostCMS (любая редакция) имеет удобную панель управления, позволяющую легко работать с сайтом не только специалистам в области IT, но и конечному пользователю системы.

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

Подведём итоги по данному проекту

Большой и сложный корпоративный сайт с большими возможностями для продвижения в поиске. Мы планируем и дальше работать с данным проектом.

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

• Отлично. Хочу то же самое!