Клиент — крупнейшая книжная сеть Санкт-Петербурга и Северо-Западного региона России «Буквоед», входящая в объединение «Читай-город — Буквоед». Компания располагает широкой офлайн-сетью, включает сотни тысяч товарных наименований, активно развивает культурные проекты, цифровые сервисы и программу лояльности «Знаковый Читатель».
Основная задача заключалась в создании современного интернет-магазина, способного обслуживать высокие нагрузки, обеспечивать удобный поиск и быстрый доступ к широкому ассортименту: книги, канцелярия, подарки, сувениры, товары для творчества.
Клиент поставил цель — предоставить покупателям единый удобный онлайн-канал, который будет дополнять офлайн-магазины, обеспечит функционал резерва товара в ближайшем магазине, интеграцию с системой лояльности, личным кабинетом, возможностью заказа с доставкой или самовывозом.
Особый акцент был сделан на:
— UX-удобстве для пользователей всех возрастов;
— высокую скорость загрузки страниц и гибкую фильтрацию;
— интеграцию с мобильным приложением;
— стабильность сайта и корректную обработку большого каталога;
— создание интерфейсов, упрощающих выбор товара и повышающих конверсию.
Клиент стремился укрепить цифровое присутствие бренда, улучшить пользовательский опыт и предоставить читателям полный спектр возможностей: быстрый поиск, персональные рекомендации, события «Культурной среды» и уникальные механики программы лояльности.
Для реализации проекта был выбран современный стек: Vue.js + Nuxt.js для высокопроизводительного интерфейса и Figma для детальной проработки пользовательских сценариев.
Были выполнены следующие задачи:
— Проектирование UX-структуры и интерактивных прототипов в Figma, включая навигацию, карточки товаров, подборки, функционал бронирования и личный кабинет;
— Разработка интерфейса на Vue.js с серверным рендерингом Nuxt.js для обеспечения высокой скорости, SEO-индексации и стабильной работы при больших нагрузках;
— Создание адаптивного дизайна, ориентированного на мобильных пользователей и покупателей, совершающих быстрые решения;
— Интеграция с внутренними API для получения данных каталога, актуальных остатков, расписания мероприятий, информации по бонусам и истории заказов;
— Настройка механики «Чтение на дом», сервисов доставки и самовывоза;
— Тонкая настройка фильтров, поисковых алгоритмов, рекомендаций и персонализации;
— Работа над оптимизацией производительности, веб-анимations, динамических элементов и логикой отображения большого количества категорий и редакторских подборок;
— Проведение многоэтапного тестирования, включая юзабилити-проверку, нагрузочные тесты и аудит скорости.
Особое внимание уделялось созданию интерфейса, интуитивно понятного для широкой аудитории — от школьников до профессиональных читателей и постоянных покупателей сети.
Сайт «Буквоед» получил современную, высокопроизводительную цифровую платформу, которая объединила обширный ассортимент, удобный UX и функциональность уровня крупных федеральных ритейлеров.
Ключевые результаты:
— Увеличена конверсия благодаря улучшенной структуре каталога, быстрому поиску и оптимизированному интерфейсу;
— Пользователи получили удобную возможность бронировать книги и забирать их в ближайших магазинах сети;
— Обновлённый интерфейс улучшил доступность «Культурной среды», подборок авторов и событий книжного сообщества;
— Реализована быстрая работа с большим ассортиментом и отзывчивость интерфейса даже при высокой нагрузке;
— Сайт стал ключевым цифровым инструментом бренда, поддерживающим программу лояльности, онлайн-покупки, рекомендации и доступ к мероприятиям;
— Достигнуто улучшение юзабилити и полноценная адаптация под мобильные устройства, что значительно усилило онлайн-продажи и вовлеченность покупателей.
В итоге интернет-магазин стал важной частью омниканальной экосистемы «Буквоеда», дополнил офлайн-магазины и обеспечил современный уровень взаимодействия с читателями.
Пожаловаться
