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.