Адаптивный сайт Олива

Разработана адаптивная версия сайта для мебельного салона Олива, которому мы сделали десктоп-сайт в 2014 году на UMI CMS.

Задача:

Создать для десктопного сайта современную адаптивную версию сайта под все устройства и экраны в соответствии со стандартами SmartWeb Worldwide.

Стандарты:

HTML5/CSS3 100% без ошибок

Google PSI не ниже 87/100 для мобильных

Правильное кэширование

Без фреймворков

Решение:

С июля 2018 года требования поисковика Google изменились. Теперь индексы отдают предпочтение мобильным сайтам, а весь интернет официально перешел на идеологию mobile-first.

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

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

Доля мобайла на сайте салона среди всех заходящих на него - 32%. То есть треть пользователей используют смартфоны и таблеты для поиска информации.

Благодаря своевременному консалтингу с нашей стороны мебельный салон Олива , наконец-то, обзавёлся адаптивной версией сайта.

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

Для начала мигрировали на HTML5.

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

В итоге мы получили 87/100 для мобильных устройств от Google PSI. Учитывая последнее обновления, Google поднял планку до 90/100, считая загрузку уже быстрой. Что ж - есть куда стремиться, возможно Заказчик со временем перейдёт на более быстрый сервер и гибкие возможности кеширования.

Как обычно, все разделы без ошибок в вёрстке по стандарту w3c для HTML5.

Было приятно работать и решить интересные задачи в соответствии с новыми стандартами интернета.

Результат:

Приятный современный сайт, который удобно просматривать в первую очередь со смартфона. Экран не перегружен, всё на своих местах. Быстрая скорость отдача сайта на 3G/4G трафике. Без ошибок в вёрстке.