Vitalis — интернет-магазин биодобавок для Европы: рабочий прототип за один день

Что сделано

Интернет-магазин собран при помощи Next.js — современной технологии, на которой работают крупнейшие торговые сайты мира, — и ИИ Claude. Сделано профессионально, в лучших традициях программирования 2026 года: исходный код записан на GitHub, к нему приложена полная документация по архитектуре. Код магазина — конфиденциальная информация заказчика: репозиторий закрытый, в публичный доступ не выкладывается, доступ к нему получает владелец магазина. Проект выложен на сервер и работает по постоянному адресу. Для заказчика это значит простую вещь: вы не привязаны к одному исполнителю — любой разработчик откроет код, прочитает документацию и продолжит дорабатывать магазин.

Vitalis — прототип магазина биодобавок для Европы. Задача: интернет-магазин биодобавок для продаж по Европе в духе курируемых wellbeing-маркетплейсов (референс — healf.com), без готовых платформ типа Shopify — только собственная разработка.

Живое демо: www.gptaria.com/p/vitalis — это не картинки, а работающий магазин: заходите и кликайте.

Каталог, который помогает выбрать

Товары разложены по четырём направлениям здоровья — Питание, Движение, Разум, Сон — и по целям: иммунитет, пищеварение, сон, долголетие, энергия. Покупатель не листает бесконечный список, а идёт от своей задачи: «хочу лучше спать» — и видит только подходящее. В карточке товара — фото, бренд, рейтинг с отзывами и цена.

Рекомендации, которые увеличивают чек

На каждой карточке товара есть блок «Часто заказывают вместе». Он не показывает случайные товары: рекомендации подбираются по совпадению целей — к креатину магазин предложит протеин и магний, потому что их действительно берут вместе. Так работает допродажа без единого продавца.

Корзина, которая продаёт сама

В корзину встроены две торговые механики: акция «купи 3 — получи 1 бесплатно» (самый дешёвый из четырёх — в подарок) и прогресс-бар до бесплатной доставки от €50 — покупатель видит «добавьте ещё на €12» и добавляет. Корзина не теряется при переходах по сайту.

Личный кабинет покупателя — меньше вопросов в поддержку

У покупателя есть свой кабинет: история заказов с датами, составом, суммой и статусом — оплачен, отправлен, доставлен, возврат — и номер отслеживания перевозчика (DHL, DPD) прямо в карточке заказа. Самый частый вопрос в поддержку интернет-магазина — «где мой заказ»; здесь покупатель отвечает на него сам, без письма и звонка.

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

Готовая система управления сайтом и продажами (CRM)

Магазин поставляется вместе с админкой — отдельную систему управления покупать и подключать не нужно. Она открывается по адресу /admin и не требует технических знаний: всё правится в таблице, как в обычном файле.

Сверху — деньги. Четыре показателя, ради которых обычно открывают отчёты: выручка без возвратов, число заказов, число покупателей и средний чек. Владелец видит состояние магазина за секунду после входа.

Вкладка «Товары» — управление витриной. Цену и остаток можно исправить прямо в строке таблицы, статус переключается между «Опубликован» и скрытым, новый товар добавляется тремя полями — бренд, название, цена. Рейтинг и число отзывов подтягиваются к каждой позиции. В полной версии на этом же месте работает ИИ-импорт: фид поставщика (CSV / XML / API) → автозаполнение описаний и SEO-текстов на языках ЕС → модерация → публикация, то есть тысяча позиций заводится без ручного набора.

Вкладка «Покупатели (CRM)» — база повторных продаж. По каждому клиенту: страна, число заказов, LTV, дата и статус последнего заказа, поиск по имени и почте. Система сама делит покупателей на сегменты — новый, повторный, VIP, — и это готовые списки для работы: VIP получают ранний доступ к новинкам, повторным уходит напоминание, когда банка заканчивается, новых догоняет welcome-письмо. В биодобавках прибыль делает второй и третий заказ, а не первый, поэтому сегменты — не украшение отчёта, а инструмент выручки.

Посмотреть админку: www.gptaria.com/p/vitalis/admin — открыта в демо-режиме, данные условные.

SEO-продвижение и видимость в ИИ — встроены, а не «потом»

В магазине реализован механизм автоматического SEO: когда добавляется товар или статья, все необходимые служебные записи на странице — заголовки, описания, разметка для поисковиков (schema.org) — создаются автоматически. Эти записи считывают и Google, и системы искусственного интеллекта: ChatGPT, Gemini и другие ИИ-ассистенты, у которых люди всё чаще спрашивают «где купить». Продвижение работает само собой: не нужно нанимать отдельную SEO-фирму и переделывать сайт задним числом — магазин рождается видимым. В полной версии ИИ дополнительно сам пишет продающие описания и SEO-тексты на языках ЕС для каждого импортированного товара.

Четыре языка — продажи по всей Европе

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

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

Полная адаптация под телефон: компактная шапка, навигация по направлениям, сетка товаров под узкий экран. Большинство покупок биодобавок совершается со смартфона — магазин к этому готов.

Как шла работа

Рабочий прототип появился в день отклика — за часы, а не недели. Дальше итерации шли по той же схеме: заказчик пишет, что изменить, и в тот же день видит результат по той же ссылке. По этому отклику клиент сделал оффер — проект закрыт сделкой.

Что входит в полную версию

ИИ-импорт товаров из прайсов поставщиков с автогенерацией описаний и проверкой заявлений о здоровье по нормам ЕС (Regulation 1924/2006), платежи Stripe / PayPal / Klarna, доставка DHL / DPD / GLS / InPost, база PostgreSQL и быстрый поиск с фильтрами.

Стек: Next.js 15 · React 19 · Tailwind CSS 4 · TypeScript · Claude.