Задача
Заказчик — интернет-магазин ремешков для часов Rubberstrap. Те, ради кого всё затевалось, — владельцы часов, подбирающие ремешок под конкретную модель. На момент старта ассортимент был выложен списком без привязки к моделям часов. Из этого росли три трудности. Во-первых, подобрать ремешок под свои часы было нельзя. Во-вторых, размер и крепление приходилось выяснять в переписке. И третье: сочетание цвета и материала оценивалось по одной фотографии.
Для бизнеса это упиралось в деньги и время. Каждое обращение начиналось с одних и тех же объяснений, а часть посетителей уходила, так и не дождавшись ответа. Потери никто не измерял, но по загрузке сотрудников было видно: значительная доля рабочего дня уходила на разговоры, которые сайт мог бы взять на себя. Попытки поправить положение уже были — от переписанных текстов до рассылок. Все они разбивались об одно: сведения жили в разных местах и устаревали быстрее, чем их успевали обновлять.
От нас требовалось собрать сайт, который отвечает на вопросы посетителя сам — без звонков, переписки и высылаемых файлов. Отдельно обсуждали скорость загрузки: значительная часть аудитории приходит с телефона, часто на неустойчивой связи. Договорились и о том, что структуру и тексты заказчик сможет менять сам через панель управления.
Что сделали
Первым шагом для проекта «магазин аксессуаров» составили карту страниц и кликабельный прототип: переделать схему на этом этапе стоит часа, а согласованный макет — недели. Дальше собрали вот что. Первое — подбор по марке и модели часов. Второе — фильтры по ширине, материалу и типу застёжки. Третье — карточку с несколькими ракурсами и примером на часах. Четвёртое — корзину с доставкой. Отдельно про техническую сторону: подбор по модели строится на связи товаров и совместимости, а не на поиске по тексту.
Содержимое разложили по принципу «одна страница — один вопрос». Это же дало и поисковый эффект: у каждого запроса появилась своя посадочная страница вместо одной общей, куда вело всё подряд. Адаптив под все экраны, автоматическая конвертация изображений, кеширование страниц. Наполнение и структура — в руках заказчика: панель управления рассчитана на человека без технического образования.
Перед сдачей прошли по проекту на реальных устройствах, а не только в браузере на большом экране: телефоны, планшеты, старые версии браузеров. Проверили формы, скорость загрузки на медленном соединении и поведение при отключённых картинках. По итогам возвраты из-за неподходящего размера сократились, а выбор перестал требовать переписки. После сдачи передали доступы и провели обучение работе с админкой.
