Официальный представитель «Бессер»
Сайт поддерживается компанией «Дивасофт».
В веб-студию «Дивасофт» официальные представители компании «Бессер» обратились не случайно. Это не первый опыт нашего сотрудничества. Была поставлена задача: создать сайт, рассказывающий о продукции компании «Бессер». Основным требованием была сине-желтая цветовая гамма. Условия приняты. Работа началась.
На первом этапе продумываем шаблон будущего сайта. Рисуем основные элементы, разрабатываем структуру, показываем окончательный вариант клиенту.
![Шаблон будущего сайта Besser-penza от веб-студии «Дивасофт» Шаблон будущего сайта Besser-penza от веб-студии «Дивасофт»](/upload/medialibrary/a19/a19a7bb4c32e021f57f367129dede01f.png)
После одобрения заказчиком, приступаем к верстке html-шаблона. Собираем типовые страницы, располагаем инфоблоки. Оживляем скучный текст картинками.
![Страницы с описанием товаров Страницы с описанием товаров](/upload/medialibrary/f5a/f5ab79852c90ebd0d14acdac0dcc0fa6.png)
Поскольку «Besser» занимается производством бетонных (и не только) блоков добавляем примеры применения продукции. Для этого используем галерею Lightbox.
![Галерея примеров применения блоков Бессер Галерея примеров применения блоков Бессер](/upload/medialibrary/638/63880f20984f46d541b215bc48463d62.png)
Для полного понимания процесса производства продукта создаем раздел со статьями «Технология». Размещаем вертикальное меню для быстрой и удобной навигации по материалам.
![Страницы со статьями Страницы со статьями](/upload/medialibrary/4f3/4f3ad7304f12d0f3944e6db5dd49072d.png)
Формируем страницу с контактной информацией. Добавляем интерактивную карту и форму обратной связи. Собираем главную страницу из необходимых блоков. Чтобы оживить страницу вставляем слайдер jFlowSlider.
![Контактная информация, интерактивная карта и форма обратной связи Контактная информация, интерактивная карта и форма обратной связи](/upload/medialibrary/70b/70ba1a67d57e4798abf68af1dd4802ef.png)
По окончании верстки приступаем к созданию php-шаблона и привязке функционала. Работаем с системой управления Bitrix.
![Система управления сайтом Bitrix Система управления сайтом Bitrix](/upload/medialibrary/a84/a8441a34a35ff8ea2c0b3ddaffc4f40f.png)
Приступаем к завершающим работам. Добавляем недостающие материалы и статьи. Прикрепляем счетчик, добавляем favicon.
Сдаем проект клиенту. Результатом сотрудничества стал новый сайт-каталог, рассказывающий и представляющий продукцию заказчика.