Кейсы / E-commerce · UX · техническое задание

Здоровый магазин: интернет-магазин полезных продуктов

Концепция и подробное техническое задание интернет-магазина для людей, которым важны состав продукта, аллергены и особенности питания. Структура MVP готова; разработка магазина — следующий этап.

Статус: концепция / техническое задание

Концепция интернет-магазина полезных продуктов с каталогом, фильтрами и маскотом ДИС

Как это выглядит

30 секунд, 16:9: безглютеновый каталог, состав и аллергены, заказ за несколько шагов. Ролик демонстрационный, не запись внедрения у клиента.

Проблема

Покупателю сложно быстро проверить состав, пищевую ценность и аллергены, а затем найти подходящие товары без глютена, лактозы, сахара или ГМО. Владельцу магазина нужна понятная основа, по которой команда сможет собрать каталог, продажи и управление заказами без постоянного пересогласования.

Реализованное решение

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

Моя роль

Сформулировал бизнес-цели и пользовательские сценарии, спроектировал состав MVP, структуру каталога и карточки товара, требования к оплате, доставке, безопасности, аналитике и критериям приёмки. Подготовил визуальную обложку с маскотом ДИС.

Архитектура

В проекте предложен стек Next.js и TypeScript для интерфейса, API Routes для серверной логики, PostgreSQL и Prisma для данных. Платежи, доставка, аналитика и CRM описаны как отдельные интеграции, подключаемые по этапам.

Что работает сейчас

В открытом репозитории опубликовано подробное техническое задание: аудитория, функции, данные товара, интеграции, UX, безопасность, план разработки, риски и критерии приёмки. Работающий интернет-магазин в репозитории пока не опубликован.

Как проверить

Репозиторий github.com/dimitry8st-prog/Zdorowii_magazin: техническое задание с требованиями к каталогу, корзине, оформлению заказа, личному кабинету, админ-панели и внешним интеграциям. Горизонтальный промо-ролик 16:9 — на этой странице.

Ограничения и следующие шаги

Это проектирование решения, а не готовый магазин и не внедрение у клиента. Сроки, бюджет и коммерческие показатели из ТЗ являются целевыми ориентирами и требуют уточнения после согласования ассортимента, поставщиков и интеграций.

Утвердить ассортимент и сценарий оформления заказа, подготовить кликабельный прототип ключевых экранов, затем реализовать и протестировать MVP на тестовых товарах.

Технологии

Next.js TypeScript Tailwind CSS PostgreSQL Prisma UX

Другие кейсы

Фирменный маскот ДИС — синий лис AutoSfera AI
AutoSfera AI
Ассистент автодилера распределяет вопросы между продажами, поддержкой, сервисом и внутренним контуром, ищет факты в базе знаний и передаёт рискованные решения сотруднику. Контролируемая beta, не production.
Схема ДИС Репутация 360: отзыв с сайта, анализ тона, ответ и очередь оператора
ДИС Репутация 360
Сайт принимает отзыв, OpenAI определяет тон и готовит черновик. Похвала публикуется сразу, претензия уходит оператору в панель и Telegram. Открытое демо, не служба репутации клиента.
Схема LegalBot: PDF судебного акта, извлечение текста, нормы РФ и черновик жалобы
LegalBot — судебные акты
Telegram-бот принимает судебный акт в PDF, извлекает текст, ищет нормы РФ и собирает черновик апелляции в DOCX. Открытый демо-MVP, не замена юриста.
Схема DocPulse: PDF, режимы медицина и право, отчёт в Telegram
DocPulse — договоры и заключения
Telegram-бот разбирает PDF: медицинское заключение или договор. Два режима, структурированный отчёт и дисклеймер. Демо-MVP, не замена врача или юриста.
Схема AI-наставник 360: курсы в Telegram, web-панель прогресса и разделение ролей AI
AI-наставник 360
Корпоративный MVP: сотрудник учится в Telegram, методист и руководитель ведут программы в web-панели. Наставник и экзаменатор разделены, кадровые решения остаются за человеком. Открытое демо, не внедрение у клиента.
Схема ДИС Аналитик 360: загрузка CSV или PDF, чат по данным и график
ДИС Аналитик 360
Веб-кабинет: загрузите таблицу или PDF, задайте вопрос своими словами и получите локальный разбор плюс интерактивный график. Открытое демо, не облачная BI-платформа и не внедрение у клиента.
Схема FAQ-ассистента: база знаний, ответ клиенту и передача специалисту
FAQ-ассистент
Ассистент отвечает на типовые вопросы по проверенной базе знаний, держит корпоративный стиль и передаёт сложные обращения человеку. Открытый демо-контур, не промышленная служба поддержки.
Схема Telegram-бота: FAQ, эскалация оператору и резервный ответ модели
Telegram-бот для бизнеса
Бот первой линии ищет ответ в FAQ, ловит негатив и передаёт сложные обращения человеку. Есть рабочий репозиторий и учебный n8n-сценарий с голосом и контролем задач.
Схема выгрузки данных с витрин и сборки KPI-отчёта
Данные витрины и отчётность
Не интернет-магазин «под ключ», а контур вокруг продаж на витринах: выгрузка revenue и бонусов + локальный AI-агент KPI Pulse для метрик, вопросов к данным и дайджеста в Telegram.
Схема маршрутизации лида: форма, агент, заявка, согласование человеком
Автоматизация CRM-контура
Обращение не теряется в чате: оркестратор выбирает агента, создаёт заявку и отдаёт критичные действия на подтверждение человеку. Есть API заявок и каркас каналов CRM.
Макет корпоративного лендинга с блоками услуг и формой заявки
Корпоративный сайт
Адаптивные лендинги, которые объясняют услугу и собирают заявку: спортивный клуб Force Team и кабинет ÉLAN. Это портфолио-кейсы интерфейса, не «сайт любой компании под ключ».
Мультиагентный ассистент: оркестратор, база знаний и разбор документа
AI-ассистент для поддержки
Мультиагентный ассистент автодилера AutoSfera AI: оркестратор, база знаний и маршруты заявок. Проверяемое демо, не внедрение у клиента.
Схема RedCat AI: сайт компании, факты с цитатами и три черновика письма
RedCat AI
Сервис читает сайт лида, достаёт проверяемые факты с цитатами и пишет три черновика первого письма. Если факта нет — письмо не генерируется. Не сендер и не CRM.
Схема Встреча 360: видео в Telegram, расшифровка по спикерам и отчёт
Встреча 360
В Telegram отправляете видео или аудио встречи — бот возвращает расшифровку со спикерами, оценку по 11 критериям, решения, задачи и сроки. Учебный MVP, не корпоративный секретарь.
Схема ДИС Lingua 360: кабинет, маршрут CEFR и RAG по заметкам
ДИС Lingua 360
Персональный кабинет: английский и испанский, маршрут CEFR, цикл «изучи → отработай → примени», RAG по заметкам Obsidian и интервальное повторение. Открытый MVP, не языковая школа.
Схема OnboardFlow AI: вопрос новичка, CSV-база и эскалация человеку
OnboardFlow AI
Ассистент адаптации отвечает по контролируемой CSV-базе, показывает чек-листы первого дня/недели/месяца и отдаёт кадровые и юридические вопросы человеку.