Regard

Редизайн и мобильная версия интернет-магазина компьютерной техники

Regard — интернет-магазин компьютерной техники и комплектующих. Мы усилили ИТ-отдел клиента фронтенд-разработчиками и тестировщиками и вместе с его командой выпустили редизайн сайта.

E-commerce
Разработка
Аутстаффинг
Личный кабинет
2022

до 700 тыс.посещений в месяц

Фронтенд и QA в продуктовой команде клиента
Дизайн — AIC, вёрстка и тестирование — CRT

Главное о проекте

На стороне заказчика

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

На стороне CRT

Фронтенд-разработчики делали редизайн существующего сайта, новые функции и развивали существующие — с учётом лучших практик создания веб-приложений. Тестировщики проверяли каждую задачу разработчиков и проводили регрессионное тестирование на разных этапах. Вместе с аналитиками заказчика мы прорабатывали пользовательские сценарии, в том числе для мобильной версии.

задача

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

Вёрстка и тестирование — сверстали новый дизайн от AIC и протестировали каждую задачу, включая регрессионное тестирование на разных этапах
Мобильная версия — сделали вместе с клиентом и адаптировали веб- и планшетную версии сайта
Конфигуратор ПК — слоты, интерактивная схема системного блока, фильтр «Совместимо». Обновили и каталог конфигураций: публичные сборки, обсуждения и заявки на сборку
Пользовательские сценарии — проработали с аналитиками заказчика, сделали удобный и функциональный личный кабинет и сохранение настроенного списка товаров при возврате со страницы товара

подробности

Конфигуратор ПК

Конфигуратор — сложный для разработчиков и очень важный для клиента модуль: в нём огромное количество логики и сложное визуальное представление.

01
Начали с визуальной части. Вёрстка слотов трудностей не вызвала, а над схемой системного блока пришлось подумать: несколько приёмов с HTML и CSS позволили тонко управлять поведением слоёв и подсветкой элементов
02
Самым сложным в окне выбора товара для слота оказался фильтр «Совместимо»: нужно было чётко определить, какие изменения фильтров покажут несовместимые товары, а какие только уточнят поиск
03
Схему фильтров долго обсуждали с заказчиком и пришли к такой, при которой у пользователя минимальный шанс ошибиться: состояние фильтров и их отображение интуитивно понятны
04
Окно выбора запоминает состояние: при возврате, например, со страницы товара пользователь сразу попадает к уже настроенному списку

подробности

Взаимодействие пользователей

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

команда

Комментарии команды

Команда Regard с первых встреч показала большую увлечённость проектом, а также любовь и заботу о своих пользователях. Это клиент, который прислушивается к мнению каждого участника команды. Работать с таким партнёром комфортно и интересно, ведь когда ты чувствуешь его «заряженность» на результат, это даёт огромные возможности для реализации своих идей и применения лучших практик отрасли!

ЮлияМенеджер проекта

результат

Чего добились

Новый дизайн — актуальный и интуитивно понятный — понравился многим старым пользователям и привлёк новых
Мобильная версия сохранила возможности компьютерной и быстро загружается на мобильных устройствах

суть проекта