Функціонал інтернет-магазину: повний чек-лист

Більшість проєктів інтернет-магазинів провалюються не через одну відсутню функцію. Вони провалюються через список, який ніхто не записав. Клієнт вважає, що фільтри, оформлення без реєстрації і повідомлення про надходження товару «очевидно входять», розробник вважає їх «додатковими», і розбіжність спливає за два тижні до запуску. Або навпаки: команда будує довгий список складних функцій, а базові речі, як-от швидкий пошук чи зрозумілий розрахунок доставки, зроблені погано.

Цей чек-лист допомагає уникнути обох ситуацій. Він охоплює функції, які справді важливі на практиці, згруповані за напрямами: каталог і навігація, картка товару, кошик і оформлення, кабінет покупця, B2B-функції, адмінка, маркетинг і SEO, швидкість, безпека і вимоги законодавства України. Для кожної функції пояснюємо, навіщо вона потрібна і наскільки терміново, тож список можна використовувати для планування нового магазину, редизайну чи переїзду на іншу платформу.

Ми робимо розробку інтернет-магазину для ритейлу, брендів і B2B-дистриб’юторів. Більше про цей досвід на сторінці рішення для ритейлу та e‑commerce. Чек-лист нижче — той самий, з яким ми працюємо на discovery з власними клієнтами.

Як користуватися чек-листом

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

Почніть з MVP. Запитайте себе, які функції потрібні, щоб покупець знайшов товар, зрозумів його, купив і отримав без дзвінка в підтримку. Ці функції і є першим релізом. Усе інше — кандидати на наступні етапи.

Розділіть must-have і nice-to-have. Зручний метод — MoSCoW: must have, should have, could have, won't have this time. У чек-листі використовуємо три позначки:

• Обов’язково: без цього магазин не працює як слід.

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

• Згодом: додає цінності, але лише коли базові речі вже працюють добре.

Визначте модель: B2C, B2B чи обидві. B2C-магазини зосереджені на пошуку товару, емоції, швидкому оформленні і повторних покупках. B2B-магазини — на договірних цінах, великих замовленнях, корпоративних кабінетах і інтеграції з процесами покупця. Багато функцій збігаються, але пріоритети різні.

Пов’яжіть функції з бюджетом. Кожна функція впливає на терміни й вартість розробки. Чіткий список із пріоритетами — найкраща основа для реалістичної оцінки. Як функції перетворюються на бюджет, ми розбирали в статті про вартість розробки інтернет-магазину. Оцінку саме для вашого магазину даємо після брифу, коли список погоджено.

Ось як пріоритизація виглядає на практиці для двох дуже різних магазинів.

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

B2B-дистриб’ютор запчастин потребує швидкого пошуку за артикулом, договірних цін після входу, замовлення за артикулами і оплати за рахунком з першого дня. Красива головна і відгуки для нього важать значно менше.

Обидва магазини використовують той самий чек-лист, але позначають його дуже по-різному. У цьому й суть: список універсальний, пріоритети — ваші.

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

Каталог і навігація

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

• Дерево категорій (Обов’язково). Логічна ієрархія категорій і підкатегорій, яка відповідає тому, як думають покупці, а не тому, як організований склад. Зазвичай вистачає двох-трьох рівнів.

• Фільтри, або faceted navigation (Обов’язково для великих каталогів). Фільтри за характеристиками: розмір, колір, бренд, ціна, матеріал, наявність. Фільтри мають показувати кількість товарів і оновлюватися миттєво.

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

• Пошуковий рушій (Бажано для великих каталогів). Вбудованого пошуку платформи вистачає невеликим магазинам. Для великих каталогів спеціалізовані рішення, як-от Elasticsearch або Algolia, дають швидкість, налаштування релевантності і кращу роботу з помилками. Приклади таких рішень є в наших проєктах з Elasticsearch.

• Хлібні крихти (Бажано). Ланцюжок, що показує, де користувач у каталозі, і дозволяє піднятися на рівень вище. Також допомагають пошуковим системам зрозуміти структуру.

• Мега-меню (Бажано для широких каталогів). Велике випадне меню з кількома рівнями категорій одночасно. Корисне для магазинів з багатьма розділами, але на мобільних потребує окремого, простішого рішення.

• Сортування (Обов’язково). За популярністю, ціною, новизною і рейтингом.

• Порожній результат пошуку (Бажано). Коли пошук нічого не знайшов, запропонуйте альтернативи замість порожньої сторінки.

Картка товару

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

• Варіанти товару, SKU (Обов’язково). Розмір, колір, комплектація на одній сторінці, з ціною, наявністю і фото, що змінюються при виборі варіанта.

• Галерея і zoom (Обов’язково). Кілька якісних фото з різних ракурсів, збільшення на десктопі, свайп на мобільному. Для одягу, меблів і техніки фото продають більше, ніж текст.

• Відео товару (Згодом, бажано для складних товарів). Короткі ролики, що показують товар у використанні або пояснюють, як він працює.

• Наявність (Обов’язково). Є в наявності, закінчується, під замовлення, немає з можливістю отримати повідомлення про надходження.

• Ціна і доставка (Обов’язково). Зрозуміла ціна, знижки, вартість і орієнтовна дата доставки прямо на сторінці.

• Відгуки й рейтинги (Бажано). Відгуки покупців з оцінками і, бажано, фото. Один з найсильніших сигналів довіри, особливо для невідомих брендів.

• Супутні товари і cross-sell (Бажано). «Схожі товари» для тих, хто ще обирає, і «з цим купують» для тих, хто готовий купити. Cross-sell — один з найпростіших способів збільшити середній чек.

• Характеристики (Обов’язково для технічних товарів). Структурована таблиця, а не довгий абзац тексту.

• Таблиці розмірів і FAQ (Бажано для одягу і складних товарів). Зменшують кількість повернень і питань у підтримку.

• Зрозумілий опис (Обов’язково). Спершу коротко про головні переваги, далі деталі. Більшість відвідувачів сканують сторінку, а не читають.

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

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

Функції для роботи з відгуками. Відгуки потребують не лише форми на сайті. Потрібні модерація, відповіді від імені магазину, можливість додати фото, позначка «перевірена покупка» і автоматичне прохання залишити відгук після доставки. Без цих інструментів відгуки або не з’являються, або накопичуються без відповіді, і обидва варіанти шкодять довірі.

Підтримка покупців. Чат на сайті, кнопки месенджерів і зворотний дзвінок дають змогу поставити питання до покупки. Головне, щоб на звернення відповідали швидко і в робочі години, а поза ними чесно повідомляли, коли буде відповідь. Збережені відповіді на типові питання і зв’язок чату з CRM допомагають не загубити жодного звернення.

Кошик і оформлення замовлення

На оформленні замовлення втрачають найбільше грошей. Кожне зайве поле, незрозуміла вартість чи примусовий крок збільшують кількість покинутих кошиків.

• Оформлення без реєстрації (Обов’язково). Покупець має могти купити без створення акаунта. Запропонувати реєстрацію можна після замовлення.

• One-page checkout (Бажано). Усі кроки (контакти, доставка, оплата) на одній сторінці або в короткому, зрозуміло позначеному процесі.

• Вибір відділення «Нової пошти» (Обов’язково для більшості магазинів). Пошук міста, список відділень і поштоматів, бажано на карті. Для багатьох покупців це головний спосіб доставки.

• Калькулятор доставки (Обов’язково). Варіанти і вартість доставки до останнього кроку. Несподівані витрати на checkout — одна з найчастіших причин відмови від покупки.

• Промокоди (Бажано). Поле для коду знижки, не надто помітне, щоб покупці без коду не йшли його шукати.

• Способи оплати (Обов’язково). Картка, Apple Pay і Google Pay, оплата при отриманні, для B2B — оплата за рахунком.

• Оплата частинами (Бажано для дорожчих товарів). Розстрочка від банків допомагає продавати техніку, меблі та інші дорогі товари.

• Зрозумілий підсумок замовлення (Обов’язково). Товари, кількість, ціни, доставка і загальна сума видно протягом усього оформлення.

Подарункові сертифікати і промокоди. Сертифікати приводять нових покупців і добре продаються перед святами. Промокоди дозволяють запускати акції для окремих каналів і вимірювати їхній результат. Важливо, щоб адмінка дозволяла обмежувати промокоди за строком, сумою, категоріями і кількістю використань, інакше один код, що потрапив на сайт з купонами, може «з’їсти» маржу.

Окремо подбайте про мобільну версію: більшість покупців переглядають товари з телефона. Правильні типи полів, автозаповнення, кнопки швидкої оплати вгорі оформлення роблять checkout помітно коротшим.

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

Особистий кабінет покупця

Особистий кабінет перетворює разових покупців на постійних. Він має робити другу покупку простішою за першу.

• Історія замовлень (Обов’язково). Усі замовлення зі статусом, номером ТТН, документами і можливістю оформити повернення.

• Повторне замовлення (Бажано). Повторити попереднє замовлення одним кліком. Важливо для побутової хімії, продуктів, кормів для тварин і B2B.

• Обране (Бажано). Зберегти товари на потім, отримати повідомлення про зниження ціни чи надходження.

• Бонуси (Згодом або бажано). Бали, кешбек чи рівні, що винагороджують повторні покупки.

• Збережені адреси й відділення (Бажано). Швидше оформлення для постійних покупців.

• Вхід через Google / Apple (Згодом). Менше тертя при реєстрації.

Сповіщення клієнтам. Покупець хоче знати, що відбувається із замовленням, не телефонуючи в магазин. Мінімум: підтвердження замовлення, повідомлення про відправлення з номером накладної і про прибуття у відділення. Канали можуть бути різні: email, SMS, Viber чи Telegram. В Україні месенджери часто читають швидше за пошту, але для них потрібна згода клієнта: у Viber це підключення бізнес-повідомлень через офіційного партнера, у Telegram — бот, якому клієнт сам написав. Тексти сповіщень мають бути короткими і містити все потрібне: номер замовлення, статус, посилання на відстеження.

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

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

Функції B2B-магазину

B2B-функції — це окремий світ. Бізнес-покупці замовляють більше, повторюють замовлення часто, працюють за договорами і погоджують закупівлі всередині своїх компаній. B2C-магазин з приміткою «для бізнесу» їм погано підходить.

• Оптові та договірні ціни (Обов’язково для B2B). Знижки за обсяг і ціни за договором, які видно після входу.

• Запит КП (Бажано). Для великих чи нестандартних замовлень покупець запитує комерційну пропозицію замість покупки за прайсом. Потім КП перетворюється на замовлення.

• Замовлення за артикулами (Обов’язково для B2B). Швидке введення артикулів, завантаження таблиці, повторення замовлення з історії. Бізнес-покупці знають, що їм потрібно, і хочуть замовити швидко.

• Корпоративні кабінети (Бажано). Кілька користувачів від однієї компанії з різними правами: один формує замовлення, інший погоджує, третій бачить рахунки.

• Відтермінування платежу (Обов’язково для багатьох B2B-моделей). Оплата за рахунком з відстрочкою, кредитні ліміти, видно поточну заборгованість.

• Інтеграція з обліком (Бажано). Ціни, залишки, ліміти й документи приходять з облікової системи.

Типовий приклад: дистриб’ютор, клієнти якого надсилали замовлення таблицями на пошту. Із замовленням за артикулами, договірними цінами і оплатою за рахунком ті самі клієнти оформлюють замовлення за кілька хвилин, а відділ продажів займається новими клієнтами, а не передруковуванням таблиць.

Адмінка і бек-офіс

Команда магазину проводить в адмінці більше часу, ніж покупці на сайті. Слабкий бек-офіс сповільнює кожну операцію.

• Обробка замовлень (Обов’язково). Статуси, редагування, часткові відправлення, повернення, коментарі та історія комунікації.

• Складський облік (Обов’язково). Залишки за складами, резерви, сповіщення про низький залишок, синхронізація з обліковою системою.

• CMS (Обов’язково). Редагування сторінок, банерів, блогу і контенту товарів без розробника.

• Ролі й права (Бажано). Різний доступ для менеджерів, контент-редакторів, складу і бухгалтерії.

• Аналітика (Бажано). Ключові метрики на одному екрані: продажі, замовлення, середній чек, топ товарів, конверсія.

• Мультивалютність (Бажано для міжнародних продажів). Ціни в різних валютах з правильним округленням.

• Мовні версії (Обов’язково для України, бажано для інших ринків). Українська версія плюс інші мови для іноземних покупців, з правильно налаштованими мовними версіями для SEO.

• Масове керування товарами (Бажано для великих каталогів). Імпорт і експорт, масові зміни цін і характеристик.

• Сповіщення (Бажано). Повідомлення команді про нові замовлення, невдалі оплати, низькі залишки і повернення в пошту чи месенджер.

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

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

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

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

Маркетинг і SEO

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

• ЧПУ (Обов’язково). Зрозумілі, стабільні URL для категорій і товарів без службових параметрів.

• Мета-теги (Обов’язково). Редаговані title і description для кожного типу сторінок з розумними шаблонами за замовчуванням.

• XML sitemap (Обов’язково). Автоматично оновлюється з новими товарами й категоріями.

• Product і Review schema (Бажано). Мікророзмітка, що допомагає пошуковим системам розуміти ціни, наявність і рейтинги.

• Hreflang (Обов’язково для кількох мов). Правильні зв’язки між мовними версіями сторінок, щоб пошук показував потрібну мову.

• Фіди для Hotline і Google Merchant Center (Бажано). Автоматичні товарні фіди з каталогу для порівняльних сервісів і товарної реклами.

• Тригерні розсилки (Бажано). Листи про покинутий кошик, зниження ціни, надходження товару.

• GA4 (Обов’язково). Повне відстеження воронки: перегляди товарів, додавання в кошик, початок оформлення, покупка.

Швидкість, безпека та вимоги законодавства

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

• Core Web Vitals (Обов’язково). Швидке завантаження, швидка реакція на дії і стабільний макет, особливо на мобільних. Повільні магазини втрачають і покупців, і позиції в пошуку.

• HTTPS (Обов’язково). Шифрування на всьому сайті, а не лише на сторінці оплати.

• PCI DSS (Обов’язково при прийомі карток). Використовуйте платіжну форму провайдера, щоб дані карток не проходили через ваші сервери.

• ПРРО і фіскальні чеки (Обов’язково у більшості випадків). Оплата карткою на сайті, як правило, потребує фіскального чека. Програмний РРО, наприклад Checkbox, формує його автоматично після оплати. Схему фіскалізації погодьте з бухгалтером.

• Українська версія за замовчуванням (Обов’язково). Закон «Про забезпечення функціонування української мови як державної» вимагає, щоб сайти й інтернет-магазини, які обслуговують споживачів в Україні, мали українську версію, і саме вона завантажувалася за замовчуванням. Іншомовні версії можливі, але не можуть бути повнішими за українську. Перед запуском звірте вимоги з актуальною редакцією закону.

• Захист персональних даних (Обов’язково). Обробка даних покупців відповідно до Закону України «Про захист персональних даних», зрозуміла політика конфіденційності. Для покупців з ЄС додатково діє GDPR.

• Cookie consent (Обов’язково, де потрібно). Банер згоди, який справді керує аналітичними і маркетинговими cookie і дає можливість відмовитися.

• Резервні копії (Обов’язково). Регулярні автоматичні бекапи, що зберігаються окремо від основного сервера, з перевіреним відновленням.

• Доступність, WCAG (Бажано). Контраст, навігація з клавіатури, alt-тексти, підписи полів форм.

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

Чек-лист функцій інтернет-магазину: таблиця

Найпростіше працювати з таблицею на короткому воркшопі з усіма, хто працюватиме з магазином: власником, маркетингом, продажами, операційною командою, а для B2B бажано і з ключовим клієнтом. Пройдіть рядки, погодьте пріоритет кожного і запишіть відкриті питання. За годину-дві отримаєте список функцій, який бізнес і команда розробки розуміють однаково.

Як ці функції поєднуються в реальних проєктах, дивіться в наших кейсах ритейлу та e‑commerce, від бутиків одягу і ювелірних брендів до B2B-платформ.