LP Agency

Редизайн сайта сервиса автополировки

новый дизайн и удобная система управления

О проекте

Тип:
редизайн и разработка сайта
Отрасль:
автополировка и уход за автомобилями
Технологии:
Vanilla PHP, HTML, CSS, JavaScript
Регион:
Беларусь
Ссылка:

На момент начала работы у компании уже был действующий сайт на WordPress. При этом проблема заключалась не столько в самой CMS, сколько в том, как был реализован существующий проект.

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

При этом у компании уже был накоплен контент, который не хотелось терять: описания услуг, портфолио, изображения, информационные материалы и другие данные.

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

Задача

Основной задачей стал полный пересмотр проекта — как с точки зрения визуальной части, так и с точки зрения управления контентом.

Нужно было:

  • разработать новый дизайн сайта с нуля;
  • сделать интерфейс понятнее и удобнее для пользователей;
  • сохранить и перенести существующий контент;
  • переработать структуру представления услуг и выполненных работ;
  • предоставить сотрудникам компании возможность самостоятельно обновлять информацию;
  • упростить обработку входящих заявок;
  • отказаться от ненужной для проекта функциональности тяжелой CMS;
  • обеспечить полноценную адаптивность сайта.

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

Дизайн

Новый дизайн был полностью разработан с нуля в Figma.

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

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

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

polirovka2

Перенос контента

Одной из важных частей проекта стал перенос существующего содержимого со старого сайта.

Мы сохранили и перенесли:

  • услуги и их описания;
  • портфолио;
  • фотографии;
  • используемые материалы;
  • информационные страницы;
  • контактную информацию;
  • другие основные данные проекта.

При этом контент не просто перенесли в новую систему, а адаптировали под новую структуру сайта.

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

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

Новая CMS

Вместо повторного использования WordPress мы решили сделать для проекта собственную легкую систему управления на Vanilla PHP.

Это решение было связано с особенностями самого сайта.

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

Поэтому мы реализовали только необходимый функционал.

В результате административная часть позволяет управлять основными сущностями сайта:

  • услугами;
  • категориями;
  • портфолио;
  • материалами;
  • фотографиями;
  • контактной информацией;
  • слайдерами;
  • входящими заявками.

Такой подход позволил сделать систему проще для пользователя и предсказуемее для дальнейшей поддержки.

Управление портфолио

Для портфолио была реализована отдельная структура.

Каждая работа оформляется как самостоятельная карточка проекта, а не просто как изображение в общем списке.

Это позволяет компании постепенно формировать собственную базу выполненных работ и самостоятельно добавлять новые проекты через административную панель.

При этом портфолио связано со структурой сайта и может использоваться как полноценный источник информации для потенциального клиента.

polirovka4

Управление услугами

Услуги также получили отдельную структуру управления.

Сотрудник компании может самостоятельно изменять информацию об услугах и поддерживать каталог в актуальном состоянии.

Отдельно управляются материалы, используемые в рамках конкретных услуг. Это не статьи или блог, а именно перечень материалов, которые используются при выполнении соответствующих работ.

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

Работа с заявками

Формы обратной связи на сайте были связаны с административной частью.

Когда пользователь оставляет заявку, информация:

сохраняется в системе → отображается в админ-панели → дополнительно отправляется на корпоративную почту.

Таким образом, обращение не зависит только от доставки письма и остается доступным внутри системы.

Для компании это дает единое место, где можно просматривать поступающие обращения и контролировать их обработку.

Адаптивность и техническая реализация

Новый сайт полностью адаптивный и корректно работает на:

  • desktop;
  • tablet;

После разработки интерфейс проверялся в различных браузерах и на разных типах устройств.

За счет перехода на более легкую архитектуру и отказа от большого количества ненужной CMS-функциональности удалось также улучшить скорость работы сайта.

При этом собственная система управления не пытается заменить универсальную CMS во всех возможных сценариях — она содержит только те инструменты, которые действительно нужны конкретному проекту.

Результат

В результате мы полностью переработали Polirovka.by: разработали новый дизайн, перенесли существующий контент и реализовали новую техническую основу проекта.

Вместо сложной для клиента старой реализации появился легкий сайт на Vanilla PHP с собственной системой управления, где основные операции с контентом выполняются непосредственно сотрудниками компании.

Сейчас новый сайт работает на боевом домене polirovka.by.

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