2 заметки с тегом

Кейсы

/core.php, line 2
Error 2: Use of undefined constant k - assumed 'k' (this will throw an Error in a future version of PHP)

/core.php, line 2
Error 2: Use of undefined constant k - assumed 'k' (this will throw an Error in a future version of PHP)

Сайты на Wordpress

До недавнего времени мы не разрабатывали сайты на бесплатных ЦМС. И вот, решили сделать исключение. Для последних двух пректов был использован ВордПресс. Это блоговая система, но для неё написано огромное количество плагинов, которые позволяют сделать даже интернет-магазин. Активное сообщество ответит на любые вопросы и поможет в любой ситуации.
Вот, что у нас получилось, оба сайта адаптированы для мобильных устройств.

Такси Симферополь

World SEO Agency

31 декабря   Wordpress   Кейсы

Интернет-магазин Ситиклимат

С чего все начиналось

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

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

Что мы сделали

Разработка интернет-магазина для компании «Ситиклимат»

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

Для этого на нашем сервере была развёрнута копия и все работы велись на ней. Только после тщательного тестирования мы обновили интернет-магазин на хостинге заказчика.

Структура сайта

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

Общие изменения

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

Список товаров

Список товаров

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

Детальная информация о товаре

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

Личный кабинет

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

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

Оптимизация

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

Но, как всегда не обходится без проблем.

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

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

Итоги работы

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

2017   Кейсы