Задача
После выкатывания сайта ТЦ «ОМЕГА» в новом дизайне на CMS Bitrix, нужно было протестировать его работоспособность, адаптив, визуал, функционал и валидность.
Решение
Визуальное тестирование проводилось вручную, на нескольких устройствах:
- ПК: Windows, браузеры Chrome, Firefox, Safari
- Планшеты и смартфоны
1. Адаптивность и корректное отображение
Проверены ключевые страницы: главная, о нас, каталог (разделы и товары), акция, тренды, контакты.
Обнаружено:
- Элементы в шапке перекрываются при ширине <500px
- Некоторые блоки съезжают за пределы экрана (слайдеры, формы)
- На мобильной версии не масштабируется карта
- Текст в списке акций выходит за границы карточек
Решения предложены:
- Использование
flex-wrap,max-width,overflow-wrapдля текстов - Адаптация слайдера и формы обратной связи
- Проверка viewports и мета-тегов на странице
2. UX и навигация
Проверена логика взаимодействия пользователя с сайтом:
- Переходы между страницами
- Поиск нужной информации (магазины, часы работы, аренда, товары)
Обнаружено:
- Неинформативные названия кнопок («Подробнее» без контекста)
- Дублирующиеся разделы (например, «О центре» и «О нас»)
- Отсутствие CTA на главной странице
- Меню на мобильной версии перекрывает логотип
Предложенные улучшения:
- Переписать подписи кнопок с учётом контекста (например, «Подробнее о магазине»)
- Объединить повторяющиеся страницы
- Добавить призыв к действию: «Арендовать помещение», «Смотреть магазины»
- Подправить мобильное меню (отступы и z-index)
3. Функциональная проверка
Проверены формы, фильтры и интерактивные элементы:
- Фильтр магазинов по категориям — не отображал результаты при выборе нескольких категорий
- Форма обратной связи — работала нестабильно на Safari
- Карта на странице «Контакты» — не загружалась при первом входе.
Результат
В течение трёх дней был составлен подробный чек-лист из 42 пунктов по исправлению багов и улучшению UX. Все замечания были систематизированы в таблицу с приоритетами (критично / желательно / рекомендовано). Заказчик получил файл с скриншотами, а также рекомендации для разработчиков. После чего заказчик своими силами устранял недочеты.