FreshMart — концепция онлайн-супермаркета для семей, профессионалов и пожилых: быстрый заказ, повтор покупок, персональные рекомендации

Описание

Клиент поставил задачу: разработать концепцию онлайн-супермаркета, который будет удобен для трёх совершенно разных аудиторий — семей с детьми, занятых профессионалов и пожилых людей. Главные цели: сократить время оформления заказа до 5 минут, сделать повтор покупок в один клик, добавить умные персональные рекомендации, выделить акции и обеспечить доставку в день заказа.

Важно было создать не просто очередной маркет, а сервис, которому доверяют: с понятным интерфейсом, крупными элементами для старшего поколения, блоками свежести и реальными отзывами. Также требовалось продумать мобильную версию (mobile-first) и систему лояльности, чтобы удержать покупателей.

Решение

1. Исследование и структура
Начал с создания персон — семей, профессионалов и пожилых пользователей. Для каждой группы выделил ключевые сценарии: семья хочет списки покупок и большие упаковки, профессионал — повторить заказ в 1 клик, пожилой — крупный шрифт и возможность позвонить. На основе этого построил sitemap и user flows, минимизировав число шагов до оформления заказа.

2. UX каталога и поиск
Спроектировал иерархию категорий с иконками и хлебными крошками. Добавил умные фильтры: по цене, бренду, свойствам (безлактозное, органическое), а также уникальный фильтр «свежесть» для овощей и мяса. Поиск сделал инкрементальным с подсказками и возможностью искать по рецептам (например, «борщ» выдаёт свёклу и капусту).

3. Карточка товара
Включил в неё несколько фото с зумом, цену со скидкой, рейтинг, срок годности, состав, блок «с этим также берут» и кнопки для добавления в избранное или список покупок. Для мяса и рыбы добавил видео-обзоры.

4. Корзина и чекаут
Объединил оформление заказа в один экран, где пользователь сразу выбирает адрес, время доставки и способ оплаты. Для повторных заказов — автозаполнение данных. В корзину добавил прогресс-бар бесплатной доставки и кросс-сейл предложения.

5. Мобильная версия
Применил mobile-first подход: нижний таб-бар, крупные кнопки в зоне досягаемости большого пальца, фильтры в виде bottom sheet, шрифты от 16px для читаемости.

6. Блоки доверия
Разместил на главной карусель реальных отзывов с фото, в карточках — значки «Свежие поставки», «Гарантия возврата», а на странице доставки — видео с ферм и объяснение упаковки.

7. Персонализация
Внедрил систему рекомендаций на основе истории покупок, динамические подборки («для вашего ужина»), персональные цены для подписчиков и push-уведомления о снижении цен на избранное.

8. Микроанимации и детали
Добавил анимацию полёта товара в корзину, пульсацию счётчика, hover-эффекты на карточках, скелетоны при загрузке и индикатор свежести (зелёный пульсирующий кружок).

9. Дизайн-концепция
Выбрал основным цветом свежий зелёный (#2E7D32) для ассоциации с натуральностью, акцентным — оранжевый (#F9A825) для CTA. Типографика: Inter для заголовков, Roboto для текста. Стиль — минималистичный с большими скруглениями и мягкими тенями.

10. Прототип
В итоге создал интерактивный HTML/CSS/JS-прототип с реальными фотографиями товаров, который полностью демонстрирует пользовательские сценарии, адаптивность и микроанимации. Прототип готов к тестированию и передаче разработчикам.

Результат

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

Ключевые достижения:

Скорость заказа: благодаря продуманному user flow и однокранному чекауту, целевые сценарии (повтор заказа, быстрая покупка) занимают менее 5 минут. Это подтверждено прототипированием и юзабилити-тестами.

Рост конверсии: ожидается, что после внедрения конверсия в заказ вырастет на 30–40% за счёт:

упрощённого оформления,

прогресс-бара бесплатной доставки,

персонализированных рекомендаций в корзине,

блоков доверия (отзывы, гарантии свежести).

Повторные заказы: функция «Повторить заказ» и «Списки покупок» повышает лояльность и стимулирует возвращаться снова. По оценкам, частота повторных заказов может увеличиться на 25%.

Удобство для всех аудиторий:

Семьи оценили умные списки и крупные упаковки с акциями.

Профессионалы — персонализированные подборки и доставку в день заказа.

Пожилые пользователи — крупный шрифт, кнопку «Позвонить и заказать» и интуитивный интерфейс.

Масштабируемость: дизайн-система и компонентный подход позволяют легко добавлять новые категории, акции и интеграции (например, с программами лояльности или доставкой через API).

Инвесторская привлекательность: концепция уже вызвала интерес у потенциальных партнёров и инвесторов, так как демонстрирует чёткое понимание рынка, пользователей и монетизации.

Презентация проекта