Headless інтернет-магазин
Магазин товарів для дому, що росте й переходить на headless-вітрину, а Shopify лишає для товарів, чекауту й замовлень.
Інтернет-магазин
Розробка інтернет-магазину для бізнесу, що росте
Розробка інтернет-магазину для бізнесу, що росте. Ми малюємо й верстаємо шаблони каталогу й карток товарів, кошик і оформлення замовлення, підключаємо оплату й налаштовуємо ecommerce-аналітику, і все це працює швидко на мобільних.
Шаблонів сторінок у пакеті: 12
Для кого це
Для магазинів, що переросли свою тему й потребують швидкості, контролю над контентом і оплати, що працює на будь-якому телефоні.
- Магазини, яким тема обмежує контент, швидкість чи дизайн
- Бренди, що продають у кількох країнах, мовами чи валютами
- Команди, яким потрібні статті й товари на одному швидкому сайті
- Бренди, що переходять з маркетплейсу на власний магазин
Імовірно, не підійде, якщо
- Перший магазин на кілька товарів (готова тема обійдеться дешевше)
- Вам потрібна інтеграція з ERP чи складом уже в першому релізі
Що входить
- Структура каталогу: категорії, фільтри й характеристики товарів
- Шаблони категорій, карток товарів, пошуку й кабінету
- Кошик і оформлення замовлення, перевірені тестовими замовленнями
- Налаштовані оплата, доставка й податки
- Ecommerce-аналітика: перегляди товарів, кошик і покупки
- Імпорт вашого поточного каталогу товарів
- Листи про замовлення й доставку у вашому стилі
Не входить
| Що саме | Якщо вам це потрібно | Ціна |
|---|---|---|
| Фотозйомка товарів | Оцінюємо окремо | За оцінкою |
| Імпорт понад 2 000 товарів | Оцінюємо після аудиту каталогу | За оцінкою |
| Описи товарів і тексти категорій | Додайте копірайтинг | 1 800 $ |
| Headless CMS для статей і лукбуків | Додайте налаштування CMS | 2 000 $ |
| Підтримка після запуску | Додайте план підтримки | 1 500 $ |
Інтернет-магазин під ключ: каталог, кошик, оплата
Магазини втрачають продажі в трьох місцях: коли шукають товар, коли його оцінюють і коли платять. Ми проєктуємо й робимо всі три.
Інтернет-магазин під ключ від 18 000 $, терміни 10-12 тижнів.
| Частина | Що ми робимо | Чому це важливо |
|---|---|---|
| Каталог | Категорії, фільтри, пошук і характеристики товарів | Покупець знаходить потрібний товар за кілька дотиків |
| Картка товару | Фото, варіанти, наявність, доставка й повернення | Сторінка відповідає на запитання, перш ніж вони зупинять покупку |
| Кошик | Кошик із зрозумілою сумою й вартістю доставки | Жодних несподіваних витрат на останньому кроці |
| Оформлення й оплата | Stripe, Paddle або українські еквайри (LiqPay, monobank, Fondy, WayForPay), перевірені тестовими замовленнями | Оплата працює на будь-якому телефоні ще до запуску |
| Аналітика | Події перегляду товару, додавання в кошик і покупки | Ви бачите, де покупці йдуть |
Як ми це робимо
Ваша команда лишається у звичній адмінці магазину. Покупці отримують швидший магазин.
UX/UI дизайн
Ми проєктуємо сторінки категорій, товарів, кошика й оформлення замовлення під те, як купують ваші клієнти, спершу для мобільних.
Стек на ваш вибір
Ми радимо стек, а обираєте ви: вітрина на Next.js або Nuxt поверх Shopify чи іншої ecommerce-платформи, хостинг на Vercel або AWS. Кожен варіант дає швидкі сторінки, а замовлення й залишки лишаються у звичній адмінці.
Headless CMS
Товари лишаються в ecommerce-платформі. Для статей, лукбуків і сторінок кампаній додайте налаштування CMS (2 000 $).
Кілька мов
Кожна нова мова отримує власні адреси, перекладені дані товарів і теги hreflang. Валюти працюють за налаштуваннями вашої платформи.
- Фронтенд
- Next.js
- Nuxt
- React
- Vue 3
- Tailwind CSS
- Бекенд і API
- Next.js route handlers
- REST
- Платежі
- Stripe
- Paddle
- LiqPay
- monobank acquiring
- Fondy
- WayForPay
- Apple Pay
- Google Pay
- Автентифікація й вхід
- Auth.js
- Google sign-in
- Пошта й сповіщення
- Resend
- SendGrid
- Telegram bots
- TurboSMS
- Інтеграції
- Nova Poshta
- Ukrposhta
- Cloudflare Turnstile
- Typesense
- Дані
- PostgreSQL
- Drizzle ORM
- S3
- Cloudflare R2
- Хмара та інфраструктура
- Vercel
- AWS CloudFront
- Якість і моніторинг
- Sentry
- Playwright
- Vercel Analytics
Терміни, правки й ціна
Додаткові шаблони й кожна нова мова подовжують графік. Дані каталогу, готові на початку, допомагають вкластися в терміни.
Дослідження й аудит каталогу · 1 тиждень
› Ваше погодження: Структура каталогу й обсяг робіт
Дизайн · 2 тижні
› Ваше погодження: Дизайн категорій, картки, кошика й оформлення
Розробка вітрини · 3 тижні
› Ваше погодження: Шаблони на тестовому сайті
Оформлення, оплата й інтеграції · 2 тижні
› Ваше погодження: Тестові замовлення
Імпорт каталогу й контент · 1 тиждень
› Ваше погодження: Товари завантажено й перевірено
Тестування й запуск · 1 тиждень
› Ваше погодження: Чеклист запуску
Правки й погодження
- Три раунди правок на етап.
- Кошик і оформлення замовлення ми перевіряємо реальними тестовими замовленнями до вашого погодження.
- Зміни після погодження йдуть через заявку на зміну з ціною.
Екрани
Питання про інтернет-магазин
Ви робите магазини на Shopify чи на власній платформі?
Зазвичай це headless-вітрина на Shopify Storefront API, тож checkout і адмінка Shopify лишаються з вами. В особливих випадках ми робимо власний checkout на Stripe, Paddle або українських еквайрах (LiqPay, monobank, Fondy, WayForPay).
Чи збережуться наші товари, клієнти й замовлення?
Так. З headless Shopify вони взагалі нікуди не переїжджають. Для інших платформ перенесення товарів, клієнтів та історії замовлень ми плануємо під час аудиту каталогу.
Що вважається шаблоном сторінки в інтернет-магазині?
Один макет, наприклад головна, категорія, картка товару, пошук, кошик, крок оформлення чи кабінет. Тисяча товарів на одному шаблоні картки рахується як один. Базова ціна включає дванадцять.
Наскільки швидким буде новий магазин?
Ми цілимося в добрі показники Core Web Vitals на мобільних для кожного шаблону, а звіт тестування показує результати до вашого погодження.
Що почитати далі
Вартість інтернет-магазину: Shopify чи своє
З чого складається вартість інтернет-магазину: тема Shopify чи власна вітрина, які пункти кошторису рухають ціну і які щомісячні платежі закласти.
Акт ЄС про доступність: що мають зробити сайти
Акт ЄС про доступність діятиме з 28 червня 2025 року. Кого він стосується, на який рівень WCAG орієнтуватися і що встигнути зробити за 11 днів.