Принудительная мобильная адаптация


Нет времени объяснять – сломанный сайт завода нужно срочно починить и осовременить! Сроки сжатые! Да, и... разумеется, его будут просматривать с мобильных устройств.

Задача

Разработать сайт для производственного предприятия «АВРОРА МАШЗАВОД»

Перенести шаблон на "1С-Битрикс: Управление сайтом".

Адаптировать шаблон сайта для просмотра на мобильных устройствах.

Улучшить шаблон в целом, убрав недостатки вёрстки.

Заполнить сайт актуальной информацией и новыми товарами в каталоге.

Возьмите готовое решение!

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

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

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

Что же, дело мастера боится. Раз уж мы пишем шаблон сайта для Битрикса с нуля заново, то использовать только имеющуюся вёрстку было бы нецелесообразно.

Более того, учитывая, что сайту на момент начала работ было лет 10...

Да, выглядел сайт на тот момент примерно так.

...старые таблицы стилей только усложнили бы работу.

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


Осталось добавить к стандартным стилям шаблонизатора некоторые характерные для этого проекта стилевые особенности и скорректировать отображение шаблона на разных промежуточных разрешениях!

Адаптивная вёрстка

Все интерфейсы сайта адаптивны и корректно отображаются на любых современных устройствах.
Главная страницаКатегории в каталогеПеречень товаровКарточка товара
Главная страницаКатегории в каталогеПеречень товаровКарточка товара
Главная страницаКатегории в каталогеПеречень товаровКарточка товара
В итоге у нас получился новый готовый шаблон с современными стилями, понятной нотацией классов и к тому же адаптивный. Осталось создать физическую и логическую структуру сайта, разместить компоненты в публичной части и стилизовать шаблоны компонентов согласно «освежённому» дизайну. После чего добавить контент и открыть сайт.
Быстро, просто и эффективно — всё, как мы любим!
Вадим Завьялов
Технический директор в ООО "Веб-экспертиза"
Нажмите для звонка
Пн.–Пт.: с 1000 до 1900