Студия «Т-Дизайн»
Создание и поддержка сайтов с 2003 года

8 499 340-17-82
8 499 340-17-82
 
Новости  •  Блог  •  Контакты  •  info@t-design.ru
Студия «Т-Дизайн» — создание и поддержка сайтов с 2003 года
Студия «Т-Дизайн» — создание и поддержка сайтов с 2003 года
8 499 340-17-82
У нас низкие цены на техподдержку
Это просто праздник какой-то!
Делаем сайты, создаем дизайн
Качественно, быстро, недорого
Выводим бизнес на новую орбиту
В интернете
Раскроем Ваш бизнес
В Сети
Реклама Вашего бизнеса
Каждый день и час, круглый год
Поддержка Вашего бизнеса
Каждый день, круглый год
Наше отличиенизкие цены
Это просто праздник какой-то!
Новые технологии — новые идеи
для развития вашего бизнеса
Делаем сайты, создаем дизайн
Быстро, недорого и сердито
Новейшие технологии для развития
Вашего бизнеса
Бизнес не станет ждать
Начните развитие бизнеса в интернете уже сейчас
Ваш сайт работает и развивается
Вам комфортно
Ваш сайт работает на Вас
Вам удобно развиваться
Наши страсть и вдохновение...
Вы их тоже оцените
Дарите близким воспоминания!
Оцифровка видео — от 400 рублей/час
С 2003 года работаем с Вами
Работаем для Вас
Ваш сайт работает, Вы развиваетесь
Вам комфортно
Вот уже 14 лет мы работаем с Вами
Работаем для Вас
Поддержка Вашего сайта
Это наша работа
Ваш сайт работает на Вас
Вам комфортно развиваться
Делаем сайты, создаем дизайн
Качественно, быстро
Ваш сайт работает на Вас
Это наша работа
Наше отличиеопыт в наличии
Разрабатываем и поддерживаем сайты с 2003 года
А еще у нас есть интересный блог
Советуем почитать
Качественная поддержка сайта
Возьмем на обслуживание любой ресурс
Поддержка сайта — залог здоровья
Вашего интернет-ресурса и бизнеса в сети
Делаем сайты от 7 000 рублей
Да, это правда
Поддержка сайтов от 3 000 рублей
Да, это правда
Ваш личный вебмастер
Займется поддержкой сайта, созданного на любой CMS
Поддержим Ваш сайт
А Вы в это время будете спокойно развиваться
Вебмастер в аренду
Поддержит Ваш сайт, созданный на любой CMS
Каждому сайту нужна поддержка
Поддержим Вас и Ваш сайт
Поддержим Ваш сайт
А в это время Вы будете спокойно развиваться
Дарите близким воспоминания!
Оцифровка видео — от 400 рублей/час
Битрикс24
Уникальные инструменты оптимизации бизнеса

ГлавнаяНовости → 03.08.2016 →

Модернизация сайта инженерного центра «ТеплоСервис»

Задача

U-CMSВ работу нам достался сайт инженерного центра «Buderus» (компания «ТеплоСервис»), сделанный на некоей системе управления «UCMS», описание которой мы нигде не нашли. Ресурс представлял собой сайт с небольшим количеством страниц и, соответственно, малым количеством размещенной на нем информации. Небогатый (практически отсутствующий) функционал, одноуровневая структура, отсутствие перекрестных ссылок — вот всего лишь некоторые его особенности.

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

Компания «ТеплоСервис» с 2008 года оказывает услуги в области построения инженерных коммуникаций для частных домов и коттеджей Москвы и Московской области. Из всего многообразия существующих на сегодняшний день производителей котельного оборудования и комплектующих в качестве основы используются изделия немецкого бренда «Buderus».

Итак, когда мы увидели сайт в первый раз, его главная страница выглядела вот так:

Главная страница сайта — БЫЛО
Главная страница сайта — БЫЛО

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

Решение

Как происходит практически в каждом случае при модернизации сайтов или в процессе их технической поддержки, начали мы с верстки уже имеющихся текстов. Верстка текста, переопределение стилей заголовков, абзацев, приведение в порядок внешнего вида с «читательской» точки зрения. Также настоятельно рекомендуем отказаться от присутствовавшего в некоторых разделах выравнивания текста одновременно по левому и правому краям. Вновь сверстанный текст выравниваем только влево. Аргумент — отсутствие в современных веб-браузерах и CMS функции автоматического переноса слов. Хотя, справедливости ради стоит заметить, что WordPress это-таки умеет:-)

Забегая вперед, представим читателю финальный вариант главной страницы:

Главная страница сайта — СТАЛО
Главная страница сайта — СТАЛО

Шаблоны разделов сайта строятся на основе TPL-файлов. Визуальный редактор, используемый в CMS, даже в режиме редактирования HTML-кода не предоставляет всех возможностей по развитию функционала интернет-ресурса. Он (редактор) попросту вырезает ненужные с его точки зрения теги и куски исходного кода или заключает их в комментарии. Например, в контент страницы нельзя вставить какой-нибудь исполняемый PHP- или JavaScript-код, который оказался нам чрезвычайно необходим для разработки функциональных нововведений.

Как быть в этом случае? К счастью, редактор позволяет использовать конструкцию {include file="file.tpl"}, при помощи которой в страницу можно вставить любой TPL-файл с абсолютно любым кодом. Выход из ситуации: в TPL-файлах прописываем функционал и используем его в шаблонах разделов сайта.

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

«Хлебные крошки»

«Хлебные крошки» (навигационная цепочка, breadcrumbs) — очень важный элемент навигации с точки зрения юзабилити сайта и SEO-оптимизации. Она показывает структуру ресурса и удаленность текущей страницы от главной (по аналогии со структурой папок и подпапок на диске персонального компьютера). При помощи навигационной цепочки можно всегда легко вернуться на один или несколько уровней выше в структуре страниц и разделов.

«Хлебные крошки»
«Хлебные крошки»

Выделение активных пунктов меню

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

Выделение активных пунктов меню
Выделение активных пунктов меню

Кнопка «Заказать»

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

Кнопка «Заказать»
Кнопка «Заказать»

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

Всплывающее окно с формой заказа продукции
Всплывающее окно с формой заказа продукции

Формы заказа расчета стоимости и каталогов на главной странице и в разделе «Продукция»

Аналогичные формы теперь присутствуют на главной странице сайта и в разделе «Продукция». Посетители могут заказать расчет полной стоимости объекта или запросить каталоги и прайс-лист продукции в электронном виде.

Форма заказа расчета стоимости на главной странице
Форма заказа расчета стоимости на главной странице

Форма заказа каталога и прайс-листа в разделе «Продукция»
Форма заказа каталога и прайс-листа в разделе «Продукция»

«Карусель» объектов

«Карусель» объектов в разделе «Монтаж» — это прокручивающаяся полоска с миниатюрами фотографий объектов и их названиями. В карусели можно предварительно просмотреть все портфолио работ компании и, при необходимости, перейти к описанию выбранного объекта.

«Карусель» объектов
«Карусель» объектов

 

Новые разделы и страницы

Фрагмент обновленной страницы «Монтаж», состоящей теперь из обновленной, переработанной и дополненной фотогалереи готовых объектов и описания этапов работы компании при установке оборудования:

Фрагмент обновленной страницы «Монтаж»
Фрагмент обновленной страницы «Монтаж»

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

Страница «Продукция»
Страница «Продукция»

У каждого изделия теперь есть собственная страница с подробным описанием и техническими характеристиками:

Страница подробного описания изделия
Страница подробного описания изделия

Сравнение страниц сайта в режиме «БЫЛО-СТАЛО»

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

Главная страница сайта — БЫЛО
Главная страница сайта — БЫЛО
Главная страница сайта — СТАЛО
Главная страница сайта — СТАЛО

Страницы описания дымоходных систем

Страницы описания дымоходных систем — БЫЛО
Страницы описания дымоходных систем — БЫЛО
Страницы описания дымоходных систем — СТАЛО
Страницы описания дымоходных систем — СТАЛО
Страницы описания дымоходных систем — БЫЛО
Страницы описания дымоходных систем — БЫЛО
Страницы описания дымоходных систем — СТАЛО
Страницы описания дымоходных систем — СТАЛО

Фотогалерея и описание объектов

Фотогалерея и описание объектов — БЫЛО
Фотогалерея и описание объектов — БЫЛО
Фотогалерея и описание объектов — СТАЛО
Фотогалерея и описание объектов — СТАЛО

Страница «Монтаж»

Страница «Монтаж» — БЫЛО
Страница «Монтаж» — БЫЛО
Страница «Монтаж» — СТАЛО
Страница «Монтаж» — СТАЛО

Страница «О компании»

Страница «О компании» — БЫЛО
Страница «О компании» — БЫЛО
Страница «О компании» — СТАЛО
Страница «О компании» — СТАЛО

Страница «Сервис»

Страница «Сервис» — БЫЛО
Страница «Сервис» — БЫЛО
Страница «Сервис» — СТАЛО
Страница «Сервис» — СТАЛО

Страница «Продукция»

Страница «Продукция» — БЫЛО
Страница «Продукция» — БЫЛО
Страница «Продукция» — СТАЛО
Страница «Продукция» — СТАЛО

 

Все новости нашей Студии Все новости рекламной отрасли

См. также

Все услуги

Создание и поддержка сайтов

Разработка логотипов

Полиграфия

Фотоуслуги

3D-моделирование

Наружная реклама

Оцифровка видео, фото- и кинопленки

Разработка баннеров и презентаций

IT-услуги

Битрикс24
Перейти на сайт Битрикс24

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