Розробка інтернет-магазинів та e-commerce сайтів

Dardo проєктує й розробляє e-commerce сайти для брендів, які продають онлайн: кастомні та headless-вітрини, чекаут на базі платіжного провайдера, а також магазини на Shopify, коли його чекаут і екосистема застосунків підходять краще. Ми починаємо з вибору платформи, яка потрібна вашому каталогу, і прямо скажемо, якщо розумніше купити стандартну тему.

Напишіть нам у WhatsApp
Dardo / Редакційна ілюстрація
На цій сторінці

Що входить у розробку інтернет-магазину

Ми формуємо співпрацю під конкретний бриф. У пропозиції зазначено, які з цих результатів включено, хто надає вихідні матеріали і як приймається кожен із них.

  • Рекомендація щодо платформи: Shopify, headless або власний чекаут
  • Модель каталогу: товари, варіанти, колекції та фільтри
  • Дизайн сторінок товару, колекції, кошика та чекауту
  • Інтеграція платіжного шлюзу з підтвердженням замовлення на стороні сервера
  • Структуровані дані про товари, а також умови доставки й повернення для Google
  • Збір згоди на обробку даних і аналітика кожного кроку чекауту
  • Перенесення товарів, клієнтів, URL-адрес і редиректів

Коли власний магазин є виправданою інвестицією

Обирайте цей варіант, якщо магазин — один із головних каналів продажів, а його каталог, чекаут або контент потребують більшого, ніж дає тема. Для невеликого каталогу зі стандартною доставкою може вистачити вдало підібраної теми Shopify, яку ви налаштуєте самостійно. Якщо ви продаєте доступ, підписки чи акаунти, а не товари, ближче підійде Web App, SaaS and MVP Development.

Від вибору платформи до першого замовлення

Ми починаємо з вашого каталогу, способів оплати, правил доставки та систем, у яких зберігаються залишки й рахунки. Цей аналіз визначає платформу та дає модель каталогу, карту сторінок і дизайн чекауту. Якщо магазин у вас уже є, спершу ми експортуємо його товари, клієнтів і URL-адреси, щоб під час переходу нічого не загубилося.

Розробка починається зі сторінки товару та чекауту, які тестуємо на пробних платежах, зокрема відхилених, очікуваних і повернених замовленнях. Потім ми завершуємо колекції, пошук, контентні сторінки та інтеграції, налаштовуємо аналітику кожного кроку чекауту й запускаємо магазин із готовими редиректами, стежачи за першими замовленнями.

Shopify, headless чи власний чекаут: яка платформа підходить?

Платформа залежить від каталогу й чекауту, а не навпаки. Хостингова платформа, як-от Shopify, дає підтримуваний чекаут, інструменти обліку залишків, акаунти співробітників і велику екосистему застосунків; Dardo проєктує й будує на ній, якщо саме це потрібно бізнесу. Headless-вітрина зберігає комерційний бекенд, але дає повний контроль над дизайном, контентом і швидкістю сторінок. Власний чекаут на платіжному провайдері підходить для короткого каталогу, авансів, товарів на замовлення або покупок, пов’язаних із бронюваннями й акаунтами.

Будьмо чесними щодо масштабу. Невеликий каталог зі стандартною доставкою часто добре продається на стандартній темі, а індивідуальна розробка там дає мало.

Shopify, headless чи власний чекаут: яка платформа підходить?
ВаріантПідходить, колиНа що звернути увагу
Хостингова платформа (Shopify)Багато товарів і варіантів, співробітники щодня оновлюють залишки, потрібні застосунки для відгуків, доставки чи маркетплейсівЩомісячна плата за тариф і застосунки, обмеження тем у дизайні, які способи оплати працюють у вашій країні
Headless-вітринаПродаж тримається на бренді та контенті, або кілька сайтів і мов використовують один каталогДві системи в роботі, попередній перегляд і редагування потребують налаштування, більше зусиль на розробку
Власний чекаут на платіжному провайдеріКілька товарів, аванси, товари на замовлення або покупки, пов’язані з бронюваннями чи акаунтамиЗалишки, податки, рахунки та повернення стають вашим кодом, який треба підтримувати
Стандартна тема, яку ви налаштовуєте самостійноНевеликий каталог, проста доставка, обмежений бюджетВиглядає як інші магазини; з ростом каталогу її доведеться змінити

Де чекаут втрачає покупців?

Більшість кошиків так і не оплачують. За даними Baymard, середній показник покинутих кошиків у 50 задокументованих дослідженнях становить 70,22%. Якщо не враховувати тих, хто просто переглядав товари, найчастіші причини такі: надто високі додаткові витрати (40%), повільна доставка (20%), недовіра до сайту щодо даних картки (19%), вимога створити акаунт (18%) та довгий або складний чекаут (17%).

Кожна з цих причин — дизайнерське рішення, яке ми перевіряємо до запуску: вартість доставки та збори видно до чекауту, терміни доставки вказано на сторінці товару, використовується відомий платіжний провайдер, оформлення без реєстрації за замовчуванням і лише ті поля, які справді потрібні для замовлення. Ми вимірюємо кожен крок чекауту, тому подальші зміни оцінюються за даними, а не за враженнями.

Платежі та дані клієнтів у Колумбії

Wompi, Mercado Pago та ePayco — поширені платіжні шлюзи в Колумбії. Наприклад, Wompi підтримує картки, PSE, Nequi, Daviplata, перекази Bancolombia та готівкові платежі в кореспондентах Bancolombia, а в його документації сказано, що жоден зі способів не повертає результат миттєво. Остаточний статус надходить пізніше в підписаній події, тому замовлення позначається оплаченим лише після отримання цієї перевіреної події, а не тому, що покупець повернувся в магазин.

Superame, у опублікованих роботах Dardo, застосовує те саме правило з іншим провайдером: хостинговий чекаут, підписані колбеки, що перевіряються на сервері, та ідемпотентна обробка повернень і спорів. Це підтверджує логіку підтвердження платежів, а не ведення магазину.

Для даних клієнтів потрібна згода, яку можна підтвердити. Стаття 9 закону Колумбії Ley 1581 de 2012 вимагає попереднього й інформованого дозволу суб’єкта даних, отриманого будь-яким способом, до якого можна звернутися пізніше. Ми проєктуємо форми чекауту й розсилки так, щоб цей дозвіл був чітким вибором і зберігався з датою та формулюванням. Політика конфіденційності та юридична перевірка залишаються за вами і вашим юристом.

Каталог, пошук, дані про товари та міграція

Магазин настільки хороший, наскільки хороша модель його каталогу. До початку дизайну ми визначаємо товари, варіанти, атрибути, колекції та фільтри, якими покупці справді користуються, а також хто редагує кожне поле. Пошук і фільтри будуються на цих атрибутах, а пошукові запити без результатів фіксуються, щоб ви бачили, що покупці хотіли й не знайшли.

Для Google листинги товарів (merchant listings) потребують структурованих даних Product з назвою, зображенням та Offer із ціною, а стандартні умови доставки й повернення Google radить вказувати один раз у розмітці Organization. Ми генеруємо обидва блоки з каталогу, тож ціна в розмітці й ціна на сторінці ніколи не розійдуться.

Міграція наявного магазину включає експорт товарів, зображень, клієнтів та історії замовлень, якщо платформа це дозволяє, зіставлення кожної старої URL-адреси товару й колекції з новою через постійні редиректи, а також порівняння кількості та вибіркових записів перед перемиканням домену.

Запитання перед вибором

Скільки коштує сайт для інтернет-магазину?

Усе залежить від обсягу робіт: платформи, кількості типів товарів і варіантів, індивідуальної логіки checkout, інтеграцій оплати та доставки, контенту й масштабу міграції. Ми розраховуємо вартість після вивчення вашого каталогу та процесу обробки замовлень, а якщо розумніше витратити гроші на готову тему, так і скажемо.

Що обрати: Shopify чи індивідуальний магазин?

Обирайте Shopify, якщо вам потрібен підтримуваний checkout, інструменти складського обліку й застосунки, а ваш дизайн вкладається в тему або індивідуальну тему. Headless чи індивідуальне рішення підійде, коли продаж тримається на контенті та бренді, коли покупки пов’язані з бронюваннями, акаунтами чи депозитами або коли каталог настільки малий, що повноцінна платформа лише додає витрат без користі. Dardo проєктує й створює обидва варіанти.

Які платіжні шлюзи може використовувати магазин у Колумбії?

У Колумбії зазвичай використовують Wompi, Mercado Pago та ePayco. Вибір залежить від способів оплати ваших покупців, термінів розрахунків, комісій і того, як шлюз повідомляє про платежі в очікуванні. Ми порівнюємо їх з вашим процесом замовлень та інтегруємо обраний шлюз із підтвердженням на сервері.

Чи можете ви перенести мій поточний магазин?

Так. Ми експортуємо товари, зображення, клієнтів і, якщо платформа-джерело це дозволяє, історію замовлень; зіставляємо кожну стару URL-адресу з новою сторінкою через постійні редиректи; та порівнюємо кількість і вибіркові записи перед перемиканням домену. Якщо стара платформа не може експортувати паролі клієнтів, ми разом із вами плануємо повідомлення для активації акаунтів.

Хто щодня керує товарами?

Ваша команда. Ми налаштовуємо каталог так, щоб співробітники могли додавати товари, змінювати ціни й залишки та публікувати колекції без розробника, а під час передачі проєкту проводимо навчання. У Shopify це робиться в адмінпанелі Shopify, а в headless чи індивідуальному магазині — в CMS або адмінці, яку ми створюємо.

Що нам потрібно надати?

Дані про товари в таблиці або експорті, фотографії товарів, правила доставки й повернення, акаунт платіжного шлюзу на назву вашої компанії, а також політику конфіденційності та умови користування. Якщо їх ще немає, до обсягу робіт можна додати предметну зйомку й копірайтинг.

Чи продовжуєте ви оптимізувати магазин після запуску?

Так, якщо ви цього хочете. Після запуску ми аналізуємо дані про кроки оформлення замовлення, пошукові запити без результатів і поведінку на сторінках товарів, а потім пропонуємо зміни й тестуємо ті, що мають достатньо трафіку для вимірювання. Як організовано цю роботу, описано в розділі «Оптимізація коефіцієнта конверсії»; конкретного коефіцієнта конверсії ми не обіцяємо.

Джерела та додаткові матеріали

Джерела цієї сторінки з додатковими подробицями від першоджерел.

Пов’язані роботи та дослідження

Вебсайт superame.lol, проєкт DardoНа практиці / Вибрані роботиsuperame.lolПереглянути проєкт

Оберіть правильну платформу для вашого магазину

Розкажіть, наскільки великий ваш каталог, якими способами оплати користуються покупці та на якій платформі ви зараз працюєте. Перед розрахунком вартості ми порекомендуємо Shopify, headless або індивідуальний checkout і пояснимо причини.