Проект
Компания «ДокАвто» является лидером рынка по оказанию услуг для автовладельцев, включая страхование и техосмотр автомобилей. В связи с растущими потребностями клиентов и изменениями в цифровых тенденциях, компания приняла решение обновить свой сайт, чтобы он соответствовал современным стандартам и обеспечивал лучший пользовательский опыт.
Исследование и анализ
Анализ конкурентов и текущих тенденций в веб-дизайне показал, что старый сайт компании «ДокАвто» не отвечает современным требованиям. Он не был адаптивным, имел устаревший дизайн и не предоставлял пользователям удобных инструментов для взаимодействия. В результате было принято решение о необходимости создания нового сайта, который будет более функциональным и современным.
Планирование
Основными целями при планировании нового сайта стали:
- Скорость: Минимизация времени загрузки страниц для улучшения пользовательского опыта.
- Кастомизация: Возможность легко изменять и добавлять новые элементы на сайт без необходимости глубоких технических знаний.
- Удобство использования: Интуитивно понятный интерфейс и удобная навигация для пользователей всех возрастов.
Дизайн
Новый дизайн сайта был разработан командой YaGooru.Agency, мы тщательно проработала каждый элемент. Основное внимание было уделено:
- Адаптивности: Сайт должен корректно отображаться на всех устройствах, включая мобильные телефоны и планшеты.
- Современному стилю: Использование современных цветовых схем, шрифтов и графических элементов.
- Юзабилити: Простота и удобство использования, чтобы пользователи могли легко находить нужную информацию и совершать действия.
Обратная связь и корректировки
Минимальное количество корректировок в проекте объясняется тем, что задачи и требования клиента были четко понятны с самого начала. Это позволило команде YaGooru.Agency сразу приступить к реализации проекта, не тратя время на многочисленные правки и изменения.
Верстка
Для верстки адаптивных интерфейсов использовался Bootstrap 5, что обеспечило гибкость и адаптивность сайта на разных устройствах.
- Слайдеры: Для создания слайдеров использовался swiper js, что позволило реализовать интерактивные и плавные переходы между слайдами.
- DatePicker: Использовался для удобного выбора дат пользователями.
- Fancybox: Применялся для создания галерей изображений, обеспечивая удобный просмотр фотографий и других медиафайлов.
Разработка
- Контейнеризация: Все компоненты системы были упакованы в Docker-контейнеры, что обеспечило легкость развертывания и поддержку проекта.
- CMS: Для разработки была выбрана популярная CMS — WordPress, что позволило быстро и эффективно управлять контентом.
- Система управления версиями: Использовался Git для отслеживания изменений и совместной работы над проектом.
- Управление зависимостями: Применялся пакетный менеджер Composer.
- Отправка электронной почты: Использовалась библиотека PHPMailer для надежной отправки писем.
- Работа с Excel: Для автоматизации заполнения записей из Excel была использована библиотека PhpSpreadsheet.
- Управление переменными среды: Применялась библиотека phpdotenv.
- Произвольные поля: Использовалась библиотека Carbon Fields для удобного создания и управления произвольными полями.
- REST API: Активно использовался для взаимодействия клиентской и серверной части приложения.
Натяжка
Метод разработки по блокам позволил сначала верстать необходимый блок, далее создавать произвольные поля и реализовывать вывод сохраненных данных из уже созданных полей. Это обеспечило гибкость и удобство в управлении контентом.
Интеграции
- API Яндекс.Карт: Использовалось для вывода необходимых точек и управления frontend частью, включая отображение информации в модальных окнах.
- Сторонние API: Интеграция для получения дубликата диагностической карты, записи на техосмотр и управления категориями, городами и временем.
SEO-оптимизация
Для SEO-оптимизации использовался плагин SEO Framework, что помогло улучшить видимость сайта в поисковых системах и привлечь больше трафика.
Результаты и достижения
Сайт компании «ДокАвто» работает с высокой скоростью и наивысшим уровнем стабильности. Пользователи оценили новый сайт положительно, что подтверждается отличными отзывами и метриками. В результате компания «ДокАвто» смогла не только улучшить взаимодействие с текущими клиентами, но и привлечь новых пользователей благодаря удобному и современному веб-ресурсу.