Html code will be here

О ПРОЕКТЕ · КОНЦЕПТ

МЁД И ПОДАРКИ — АТМОСФЕРА УЮТА И ВКУСА

Натуральный мёд и авторские сладости — это премиальный продукт с характером. Превращают обычные чаепития и выбор подарков в особенный ритуал.

Натуральный мёд и авторские сладости — премиальный продукт
Цель проекта

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

Задачи проекта
Продукт и ассортимент
  • Обеспечить удобный онлайн-доступ ко всей продукции.
  • Сформировать понятный каталог товаров.
  • Предложить готовые решения для подарков.
  • Снять любые сомнения покупателя в натуральности продукции.
Удобство и сервис (UX)
  • Сделать удобный поиск и оформление заказа за 1–2 минуты.
  • Настроить оплату и понятные варианты доставки (магазины, ПВЗ).
Подготовка к продвижению
  • Подготовить контент: сделать качественные фото и аппетитные описания.
  • Подготовить сайт к привлечению клиентов из поисковиков и соцсетей.
ЭТАПЫ РАБОТЫ

Логика и структура проектирования

01

Аналитика и стратегия

Анализ ниши, целевой аудитории, JTBD-моделирование

02

Структура интерфейса

Проектирование логики UX, User Flow, прототипирование

03

Визуальное воплощение

Цвет, типографика, стиль, авторский UI-дизайн

АНАЛИТИКА И СТРАТЕГИЯ

Исследование ниши, ЦА и JTBD-моделирование

Работу над проектом начала с анализа ниши натурального мёда и продуктов пчеловодства, изучения конкурентов и глубинного понимания целевой аудитории.

Целевая аудитория

Любители натурального мёда, те, кто ищет полезные сладости и готовые подарки

Методология

Изучение истинных болей и сценариев выбора через JTBD. Составление маркетинговых гипотез

Позиционирование

Уход от простого «мёда» к образу премиального продукта для уюта и подарков

Философия JTBD для бренда

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

Ключевые «Работы» Покупателей

Выявляю, для решения каких задач люди захотят «нанять» продукт и какую «работу» он будет выполнять.

Душевный Подарок

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

Забота о Здоровье

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

Ритуал Уюта

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

Полезный Перекус

Заменить обычные сладости натуральными медовыми муссами и орехами без угрызений совести за фигуру.

маркетинговые гипотезы

Когда стали понятны реальные задачи клиента по методу JTBD, начинаю формулировать гипотезы для продукта, которые точно попадут в боль покупателя. Для роста конверсии и среднего чека, гипотезы должны строиться по методологии: Если [изменение], то [результат], потому что [JTBD].

Гипотеза 1 Конструктор готового подарка с персональной открыткой
UI/UX Решение

Виджет-конструктор в 3 шага: выбор упаковки → добавление товаров → ввод текста открытки. Галочка «Отправить напрямую получателю».

Метрики & Эффект
  • Рост среднего чека.
  • Конверсия подарочной категории.
  • Рост лояльности покупателей.
Гипотеза 2 Позиционирование десертов как полезной замены сахару
UI/UX Решение

Карточки мёда и медовых сладостей с акцентом на пользе: добавление бейджей «0% сахара», «Низкий ГИ» и описание полезных свойств каждого продукта.

Метрики & Эффект
  • Увеличение конверсии в категории медовых десертов.
  • Рост доли повторных покупок.
  • Снижение сомнений при покупке.
Гипотеза 3 Интерактивный квиз-подбор под физиологическую задачу
UI/UX Решение

Квиз на главном экране - «Подбери медовый комплекс за 1 минуту»: выбор симптома/цели → рекомендация мёда с доказанной пользой.

Метрики & Эффект
  • Рост вовлечённости в просмотр каталога.
  • Снижение отказов.
  • Конверсия квиза в покупку.
Гипотеза 4 Тематические сеты «Ритуалы уюта» вместо одиночных баночек
UI/UX Решение

Готовые сеты-боксы «Ритуалы уюта» в каталоге и на главной: Мед + Восковая свеча + Ложка-веретено с выгодой 15% за комплект.

Метрики & Эффект
  • Рост среднего чека.
  • Увеличение доли повторных покупок.
  • Рост объема сопутствующих продаж.
Гипотеза 5 Автоматическая регулярная подписка «Медовый запас»
UI/UX Решение

Оформление регулярной подписки в 2 клика: выбор позиций, периодичности и управление подпиской в личном кабинете.

Метрики & Эффект
  • Рост удержания клиентов.
  • Стабильный доход.
Итог

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

СТРУКТУРА ИНТЕРФЕЙСА

Проектирование логики UX, User Flow, прототипирование

Структурирование данных

Разработка карты сайта интернет-магазина и детального User Flow: от входа в каталог до оформления заказа. Выделены роли: "Покупатель", "Администратор", "Генеральный директор". Ниже представлена карта для роли "Покупатель". Убрала лишние шаги, чтобы покупка мёда и подарочного набора занимала 1–2 минуты с любого устройства.

User Flow интернет-магазина
Прототипирование

Создание варфреймов в Figma для роли "Покупатель": определила модульную сетку, иерархию контента и содержание блоков каталога и карточки товара.

Итог

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

Роль «Администратор» более расширенная, чем роль «Покупателя». Плюсом к функционалу в личном кабинете появляется дашборд статистики для просмотра статистических данных по купленным товарам, выручке по месяцам и продажам по направлениям, чтобы делать ежемесячные отчёты. А также фидбэк от покупателей.

Дизайн-система

Создаю дизайн-систему: компоненты (атомы), наборные компоненты, UI-кит, токены. Подбираю визуальные решения. Важно, чтобы выбранный стиль был не только красив, но и отражал потребности продукта.

Дизайн-система
ВИЗУАЛЬНОЕ ВОПЛОЩЕНИЕ

UI-концепция и дизайн

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

Цветовая палитра

Тёплые медовые оттенки, кремовый фон и золотистые акценты передают натуральность и атмосферу премиального уюта.

Типографика

Работает шрифтовая пара: Lora - для заголовков и названий товаров. Lato - для основного текста, описаний и цен.

Стиль и атмосфера

Сочные, «вкусные» фото продукции и «воздушная» верстка строят доверительный визуальный контакт и вовлекают в покупку.

Адаптивность

Адаптация под все устройства

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

Адаптация под все устройства
Made on
Tilda