Show
Сайт

Ливерпуль

Ливерпуль
Выполнены разработка и наполнение корпоративного сайта для Hi-Fi салона «Ливерпуль»
Клиент
Ливерпуль, Hi-Fi салон
Локация
Тюмень, Россия
Задача
Срочно перенести сайт на отечественный хостинг с сервиса wix.com, который на фоне западных санкций перестал обрабатывать платежи из России.
Решение
Так как wix.com — это конструктор, перенести сайт «как есть» не представлялось возможным. Существующий его вариант также требовал некоторого переосмысления. В связи с этим был перенесен имеющийся контент на полностью переработанную структуру, навигацию и дизайн. В качестве CMS был выбран WordPress, кастомный шаблон с редактором Gutenberg и плагин WooCommerce для реализации каталога товаров (витрины).
Ссылка на проект

О проекте

Backend прописан с использованием функций и хуков WordPress. Запросы к базе данных выполняются на основе встроенных возможностей CMS, в том числе WP_Query()  произвольных записях, а также при работе с произвольными полями, таксономиями и пагинацией).

Frontend сайта реализован на основе как собственных решений (например, главный баннер, слайдеры, карусель), так и готовых библиотек (например, LightGallery, Masonry).

Реализация каталога (витрины) товаров выполнена посредством плагина WooCommerce. Часть его функционала адаптирована под заказчика (импорт товаров, акцент на фотографии на странице товара, работа с ценами и некоторые другие).

Сайт выдержан в светлых тонах с использованием фирменных цветов компании. Адаптивный дизайн обеспечивает комфортное взаимодействие с сайтом как на компьютерах, так и на мобильных устройствах.

Контент и оформление настраиваются через штатные и дополнительные разделы в админке. Используется редактор Gutenberg с индивидуальными настройками и пользовательскими блоками.

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

Главный экран

Главный экран.

Страницы

Назад
ico
Далее