Доработка фронтенд части сайта на Битрикс
akbtv.ru
Требовалось улучшить мобильную версию сайта: разместить номер телефона правее города в шапке, строку поиска под логотипом, меню левее кнопки «Подобрать аккумулятор», значок корзины правее, с выравниванием элементов по центру.
Требования проекта
Задача включала комплексную мобильную оптимизацию для сайта на базе Битрикс, сосредоточенную на улучшении пользовательского опыта и эффективности навигации.
Конкретные задачи
- Реорганизация шапки - Позиционирование номера телефона правее селектора города
- Функционал поиска - Перенос строки поиска под логотип для лучшей доступности
- Оптимизация навигации - Позиционирование меню левее кнопки выбора аккумулятора
- Корзина покупок - Размещение иконки корзины в правой части интерфейса
- Улучшения макета - Центрирование элементов где это уместно и удаление лишних отступов
- Оптимизация баннера - Растяжение баннера на 100% ширины без дополнительных отступов
- Функционал меню - Исправление выбора элементов меню второго уровня (был редирект вместо раскрытия)
- Типографика - Улучшение междустрочных интервалов для всех заголовков для лучшей презентации
Этапы работы
- Уточнение деталей и составление технического задания - Понимание архитектуры Битрикс и требований клиента
- Предоставление промежуточных результатов заказчику для оценки - Итеративная разработка с обратной связью клиента
Готовый вариант
- Улучшенный мобильный пользовательский опыт - Лучшая навигация и удобство использования
- Исправленная функциональность меню - Правильная работа многоуровневого меню
- Оптимизированный макет - Лучшее использование экранного пространства и улучшенная визуальная иерархия
- Улучшенная типографика - Более профессиональное и читаемое представление текста
Используемые технологии
- Битрикс - Система управления контентом
- HTML/CSS - Фронтенд-разметка и стилизация
- JavaScript - Интерактивная функциональность
- Мобильная оптимизация - Принципы адаптивного дизайна
- UX автомобильной индустрии - Специфические для индустрии паттерны пользовательского опыта