Офистон Маркет: интернет-магазин, где легко выбрать из огромного ассортимента
officetonmarket.by
Интернет-магазин канцтоваров, товаров для школы и творчества. Один каталог для розницы и бизнеса.
Проект включал
- Бизнес-анализ
- Проектирование
- Дизайн
- Верстка
- Программирование
Команда
- Project-менеджер
- Бизнес-аналитик
- 2 UX/UI Дизайнера
- 2 Frontend-разработчика
- Backend-разработчик
- Тестировщик
Длительность
- 6 месяцев
Год запуска
- 2023
Задача: сделать огромный ассортимент понятным — и для розницы, и для бизнеса
От карандаша до офисного кресла — в одном каталоге
Офистон Маркет продаёт всё для школы, офиса и творчества: от одной ручки до паллеты тетрадей. Нужно было сделать так, чтобы и школьник с мамой, и закупщик компании находили нужное за пару кликов — не потерявшись в огромном ассортименте.
Разделы, которые понимают, зачем вы пришли
Школа, художникам, офис, мебель — у каждого свой повод зайти. Мы собрали разделы в яркие плитки с понятными иконками, добавили быстрые ссылки и подборки по классам. Где бы вы ни оказались, видно, где вы и как вернуться.
Три вида списка — три способа выбирать
Кто-то листает плитку, а закупщику нужна строка с артикулом и ценой за упаковку. Поэтому каталог переключается между тремя видами: списком с вариантами, обычным списком и плиткой. Один клик — и тот же товар показан так, как удобно именно вам.
Поштучно, упаковкой, коробкой или паллетой
Одна и та же ручка дороже поштучно и дешевле упаковкой. Все ступени — штука, упаковка, коробка, паллета — видны прямо в списке, рядом с кнопкой «В корзину». Выбрал упаковку — и сразу понятно, сколько сэкономил.
Скидка, которую видно сразу
Чем больше берёшь, тем выгоднее. На товарах со скидкой за количество горит яркая метка, а цена за штуку падает от ступени к ступени. Те же ступени видны и в карточке, и в списке вариантов, так что выгоду не нужно считать в уме.
Карточка отвечает на все вопросы
Фото, характеристики, цена, ступени за количество и кнопка «В корзину» собраны на первом экране. Всё остальное — описание, документы, коллекция, наличие в магазинах, похожие товары и отзывы — идёт ниже по порядку, на компьютере и на телефоне.
Наличие без неожиданностей
В наличии, последние остатки, под заказ, нет в наличии: у каждого состояния свой цвет, понятная подпись и логичное действие. Товара нет на складе — его можно забронировать или узнать о поступлении, а не просто закрыть вкладку.
Карточка для художника: более 100 палитр на выбор
Оттенков красок, маркеров и карандашей в Офистоне больше сотни — каждый нужно увидеть, сравнить и выбрать. Для таких товаров мы сделали отдельную «художественную» карточку: палитра с образцами цвета, быстрые фильтры по оттенку и крупное превью выбранного варианта.
Все цвета — в один клик
Если вариантов больше пятнадцати, показываем самые популярные, а остальные прячем за кнопкой «Больше цветов». Она открывает всю палитру, где оттенки можно отфильтровать и сравнить. На телефоне это полноэкранное окно, в котором цвет выбирается одной рукой.
Потратить бонусы — в два клика
В корзине видно, сколько баллов начислят за заказ и сколько можно списать. Поставил галочку «Использовать бонусы», ввёл сумму — итог пересчитался. Если ввёл лишнее или баллов нет, подсказка объяснит, что делать дальше.
Бонусная карта всегда под рукой
В личном кабинете — карта со штрих-кодом, баланс, ближайшее начисление и дата сгорания баллов. Три коротких шага объясняют, как копить и тратить. Карты ещё нет — кабинет предложит подключиться, а выйти из программы можно там же.
Всё, что нужно после покупки
История заказов с отзывами, избранное, подписка на товары, рабочий стол и помощь собраны в одном меню слева. Оформил заказ — следишь за ним, оставляешь отзыв, подписываешься на товар, которого сейчас нет в наличии.
Что получил Офистон
Огромный ассортимент перестал быть лабиринтом: покупатель сам выбирает, как смотреть каталог, сколько брать и по какой цене. Бонусы видны на каждом шаге, от списка до корзины, а личный кабинет собрал заказы, избранное и бонусную карту в одном месте.
