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