Разработка Iremont Mobile

Компания Iremont Mobile занимается ремонтом техники 18 лет. Основным направлением является продукция Apple. Специалисты, входящие в состав команды - профессионалы своего дела, каждый из которых имеет опыт работы больше 5 лет. Они постоянно совершенствуют свои навыки и ежегодно проходят сертификации от Apple.
Перейти на сайт
Портфолио сервисный центр

Предыстория

Iremont Mobile обратились ко мне с задачей создать сайт, на котором пользователи смогут узнать информацию о ремонте нужной им техники и заказать его. На сайт планируется загружать много техники разных брендов, а также будет информация об акциях и скидках, раздел с доставкой, страница с отзывами, сертификатами и контактами.
Анализ конкурентов
Разработка дизайна
Разработка сайта
Дополнительное программирование
Адаптивная верстка под мобильные устройства
Реализован большой каталог техники с услугами

Описание этапов работы

Много времени ушло на обдумывание структуры каталога. Сложность заключалась в группировке товаров. Было принято решение сначала распределить технику по типу: телефоны, планшеты, ноутбуки, смарт-часы, компьютеры. Далее внутри техники идет разделение на бренды, услуги и неисправности. Внутри бренда можно выбрать модель, а внутри модели список ее услуг. У общих услуг внутренних страниц нет, а вот у неисправностей есть – по характеру проблемы.

С помощью плагина CPT UI были созданы типы записей по типу техники. Далее созданы следующие таксономии.

Кейс Iremont Mobile

Так как у каждой техники есть бренды, то можно сделать отдельный шаблон. В итоге файлы taxonomy-phone_brands.php, taxonomy-tablet_brands.php, taxonomy-laptop_brands.php и taxonomy-computers_brands.php выглядели очень лаконично.

Кейс Iremont Mobile

Аналогичным образом созданы шаблоны для услуг и неисправностей.

Когда внутри телефона мы создаем запись, то нам нужно выбрать шаблон: устройство или услуга.

КейсIremont Mobile

Под разный тип записи созданы разные поля плагином Advanced Custom Fields.

На главной странице техники на втором экране идут бренды. По дизайну идут 2 строки по 6 брендов, и кнопка «Показать еще». Я вынес этот блок в отдельный файл.

Кейс Iremont Mobile

В JavaScript добавил следующий скрипт.

Кейс Iremont Mobile

А в function.php написал такой код.

Кейс Iremont Mobile

В итоге блок приобрел приятный вид.

Кейс Iremont Mobile

И вид после раскрытия полного списка.

Кейс Iremont Mobile

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

Понравился проект?

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