Интернет-магазин • Дизайн и разработка

НН Подарок — ассортимент в праздничной упаковке

Яркая праздничная подача сочетается с практичной структурой каталога. Подарки разделены по упаковке; в карточках видны изображение, вес, наличие и цена.

Без AI-инструментов
Тип проектаИнтернет-магазин
ТематикаСладкие новогодние подарки
Что сделалиСтруктура, дизайн, адаптивная вёрстка
Основной сценарийВыбор подарков и формирование заказа

Задача и решение

От вида упаковки — к подарочному набору

Покупателю нужно сравнить много похожих наборов, учитывая упаковку, вес и бюджет, а затем собрать заказ.

Задача

Упорядочить сезонный ассортимент и сохранить быстрый доступ к категориям и условиям покупки.

Решение

В каталоге есть разделы по типу упаковки и поиск. Карточки показывают основные параметры, а избранное, корзина и страницы оплаты и доставки поддерживают выбор.

Мобильная версия

Удобно со смартфона

Выберите снимок и откройте его целиком — внутри можно прокручивать его по высоте.

Результат

Каталог для сравнения подарков

Товары представлены в общей сетке, а служебные разделы раскрывают условия заказа.

Категории упаковкиКартон, жесть, мешочки и мягкие игрушки вынесены в отдельные разделы.
Основные параметры рядомИзображение, вес и цена позволяют сопоставлять наборы прямо в каталоге.
Адаптивный интерфейсКаталог сохраняет категории и карточки товаров в адаптивной раскладке для телефона.

Следующий проект

Покажем направление для вашего сайта

Расскажите о бизнесе и задачах. Обсудим структуру, нужные страницы и удобный путь для посетителя.

Практика и разборы

Полезное по теме

Все статьи ↗
Сгенерированная иллюстрация к статье «Как показать доставку и оплату до того, как об этом спросят»

Как показать доставку и оплату до того, как об этом спросят

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

Читать статью
Сгенерированная иллюстрация к статье «Корзина не равна заказу: разбираем последний шаг покупки»

Корзина не равна заказу: разбираем последний шаг покупки

Проверяем итоговую сумму, данные, подтверждение и повторную отправку на последнем шаге покупки.

Читать статью
Сгенерированная иллюстрация к статье «Поиск по сайту ничего не нашёл: что показать вместо пустоты»

Поиск по сайту ничего не нашёл: что показать вместо пустоты

Как сохранить запрос, предложить осмысленные варианты и использовать пустую выдачу для улучшения содержания сайта.

Читать статью
Сгенерированная иллюстрация к статье «Фильтры каталога: начинайте с выбора клиента, а не со списка свойств»

Фильтры каталога: начинайте с выбора клиента, а не со списка свойств

Почему настройка фильтров начинается с вопросов покупателя и качества данных, а не с количества технических характеристик.

Читать статью
Сгенерированная иллюстрация к статье «Нет товара в наличии: как не заводить покупателя в тупик»

Нет товара в наличии: как не заводить покупателя в тупик

Как честно сообщить об отсутствии, предложить подходящую альтернативу и не обещать неподтверждённое поступление.

Читать статью
Сгенерированная иллюстрация к статье «Карточка товара: какие вопросы нужно закрыть до кнопки заказа»

Карточка товара: какие вопросы нужно закрыть до кнопки заказа

Что показать в карточке, чтобы покупатель понял назначение, вариант, комплектность и условия следующего шага.

Читать статью
Сгенерированная иллюстрация к статье «Каталог или интернет-магазин: нужен ли вам заказ без менеджера»

Каталог или интернет-магазин: нужен ли вам заказ без менеджера

Как выбрать между запросом предложения и самостоятельным заказом, опираясь на реальный процесс продажи и готовность данных.

Читать статью
Сгенерированная иллюстрация к статье «Слишком много полей: какие вопросы оставить в заявке»

Слишком много полей: какие вопросы оставить в заявке

Разбираем поля по назначению: что спросить сразу, что перенести на разговор и как оставить место для ответа «не знаю».

Читать статью
Сгенерированная иллюстрация к статье «Форма заявки, которую удобно заполнить с телефона»

Форма заявки, которую удобно заполнить с телефона

Проверяем поля, клавиатуру, ошибки и получение заявки: что делает мобильную форму удобной в реальном использовании.

Читать статью