Цель проекта: создать интернет-магазин, ориентированный на продажу компьютеров, комплектующих и сопутствующих товаров. Нашей задачей было создать адаптивный функциональный веб-ресурс, который поможет привлекать больше покупателей, увеличить конверсию и объемы продаж.
Перечень требований к веб-проекту
Функциональные возможности и интерфейс
Сайт должен был иметь закрепленное при скроллинге верхнее меню, мультиязычность, выпадающие блоки с контактами и адресами точек выдачи, динамические баннеры и удобный поиск с автоподсказками. Среди ключевых фич для покупателей было предусмотрено:
- подробный каталог с фильтрацией по характеристикам и сортировкой;
- отображение показателя FPS в играх в зависимости от настроек графики;
- отдельный конфигуратор ПК в карточке товара;
- кнопки быстрой покупки, рассрочки от различных банков, сравнения и добавления в избранное;
- личный кабинет с отслеживанием заказов, возможностью предоплаты и оформлением заявок на гарантийный ремонт;
- отдельную страницу для сервиса TRADE-IN.
Технические требования и интеграции
Разработка предусматривалась на CMS с защитой данных. Главная задача — автообновление остатков, цен и характеристик от поставщиков через API. Также была предусмотрена интеграция с «Новой Почтой», платежками (Privat, MONO, RozetkaPay) и SEO-оптимизация проекта.
Установкой систем аналитики (Google Analytics, Merchant Center) занимался подрядчик клиента после релиза сайта.
Дизайн, управление и сроки
Дизайн был предусмотрен адаптивный, в красно-черно-серо-фиолетовой гамме. Админка должна была поддерживать разделение прав, импорт/экспорт товаров (YML/Excel) и управление акциями.
SEO-рекомендации по разработке сайта
Срочный приоритет
- Язык сайта и hreflang:
- Переключатель языков в шапке с сохранением текущего URL.
- Полная локализация контента, интерфейса и SEO-элементов под все языковые версии.
- Атрибуты <html lang="..."> (uk, ru, en) и теги <link rel="alternate" hreflang="..."> (включая x-default) в <head>.
- Канонизация (canonical):
- <link rel="canonical"> на всех страницах.
- Пагинация (?page=2) — указывает на саму себя.
- Динамические страницы/сортировка (?sort=) — указывают на чистую страницу без параметров.
- 301-редиректы: SSL-сертификат и 301-редирект с http:// на https:// для всего сайта.
Важный приоритет
- Правила URL (ЧПУ):
- Только дефисы - (без _, пробелов, кириллицы, спецсимволов и ID).
- Структура папок: / (UA), /ru/ (RU), /en/ (EN) с транслитерацией/переводом ключей.
- Оптимизация изображений:
- Шаблоны: alt = H1 название товара, title = H1.
- Формат WebP, осмысленные названия файлов (без IMG_1234), loading="lazy", точные физические размеры (не CSS-фон) и отдельный image-sitemap.xml.
- Индексация и sitemap.xml:
- Метатег <meta name="robots" content="noindex, follow" /> для поиска, корзины, регистрации и оформления/подтверждения заказа.
- Автообновляемый sitemap.xml (только страницы с кодом 200 OK, до 50k URL / 50 МБ) + ссылка в robots.txt.
- Шаблоны метатегов (ручные правки в админке в приоритете):
- Категории:
- Title: [Название категории] купить в Украине |
- Description: Заказать [название категории] по выгодной цене. Доставка по Украине, Гарантия качества |
- Товары:
- Title: [Название товара] купить |
- Description: Купить [название товара]. Цена, отзывы, характеристики. Быстрая доставка от
- Категории:
- Микроразметка: Product, BreadcrumbList, Organization, Review / AggregateRating, LocalBusiness, ImageObject и Open Graph (для соцсетей).
- Дубли главной: 301-редирект на уровне сервера с /index.php и /home.php на [https://**.in.ua/](https://**.in.ua/).
Средний приоритет
- Новые страницы (с уникальными Title, Description, H1):
- /kontakti/ (Контакты)
- /politika-konfidencijnosti/ (Политика конфиденциальности)
- /obmin-ta-povernennya/ (Обмен и возврат)
- /pro-nas (О нас)
- /dostavka-ta-oplata/ (Объединенная страница «Доставка и оплата»)
- Оптимизация скорости (PageSpeed): Минификация и удаление лишнего JS/CSS, устранение ресурсов, блокирующих рендеринг, настройка кэширования.
- Сортировка товаров: По умолчанию сначала товары в наличии; дополнительно: «По возрастанию цены», «По убыванию цены», «По популярности».
Технические требования к переносу и robots.txt
- Перенос (Stage ➔ Production): Разработка на закрытом тестовом домене; при релизе проверить отсутствие ссылок, тегов или ресурсов с адресом тестового домена (например, stage.***.com.ua).
- Файл robots.txt: Закрыть /admin/, /system/, /storage/, /catalog/, /download/, /compare-products/, /wishlist/, адреса с route=; открыть /image/ и указать ссылку на sitemap.
Утвержденная карта сайта:
Для разработки сайта заказчик выбрал вариант покупки шаблона Opencart с дополнительной разработкой недостающих плагинов и приближенной стилизацией к дизайну. Выбранную CMS посоветовали наш программист и SEO-специалист, так как Opencart является лучшей опцией для крупного интернет-магазина, и WordPress не подходила для этого случая. Также сразу предусматривалась смена хостинга на ukraine.com.ua.
Однако дизайн Figma-макета мобильной версии требовал существенной доработки. В предоставленном макете отсутствовала часть необходимых блоков, поэтому во время верстки пришлось самостоятельно проектировать и адаптировать недостающие элементы, ориентируясь на ПК-версию сайта.
В то же время мы предоставили клиенту шаблон метаданных к выполнению и рекомендации касательно фильтров от SEO-команды.
Одной из основных задач было создание автоматического импорта товаров из маркетплейса Брайн и своего магазина клиента на Пром. Обе задачи были выполнены — на данный момент товары импортируются автоматически со всеми характеристиками, картинками, ценами и описаниями.
SEO-рекомендации по фильтрам сайта
Фильтры должны были создаваться автоматически на основе характеристик после импорта товаров, избыточные же было решено отключить перед релизом.
Защита от дублей и мусорной индексации:
- Страницы динамических фильтров должны были содержать canonical на родительскую категорию и метатег <meta name="robots" content="noindex, follow">.
- В robots.txt динамические фильтры следовало закрыть от сканирования (через Disallow: /*?filter= и т. д.).
- При использовании GET-параметров порядок переменных в URL должен был быть строго фиксированным.
Гибкость для будущего SEO-продвижения:
- Система должна была иметь возможность открывать отдельные важные фильтры для индексации, настраивать для них ЧПУ (человекопонятные URL, например: /bilij-noutbuk-lenovo/), уникальные метатеги, собственные canonical и размещать SEO-текст.
Тогда же мы доработали модуль Оплаты частями с доработкой кода нашим программистом. В декабре 2025 приступили к импорту товаров согласно структуре товарного каталога.
14 января 2026 состоялся релиз сайта. Для безопасности мы временно закрыли его от индексации (robots.txt и noindex в head).
Конфигуратор компьютеров. Для его разработки мы взяли за основу уже утвержденный дизайн сайта.
Также мы протестировали работу модуля Monobank — для проверки реальной оплаты создали тестовый товар, однако проведение платежа не прошло. Monobank возвращал ошибку:
{"errCode":"FORBIDDEN","errText":"you don't have active terminal for internet acquiring"}.
Причина была на стороне клиента в личном кабинете — Monobank не был активирован или не был настроен терминал для интернет-эквайринга. Мы передали это на сторону клиента.
В январе получили от клиента ТЗ по отображению производительности техники и FPS.
Функционал вкладки: В карточке товара добавить новую вкладку «Тесты и производительность», которая должна была отображаться только при наличии заполненных данных.
Администрирование: Все показатели (статические тесты и FPS в играх) контент-менеджеры заполняют вручную в админ-панели товара.
Статические тесты: Предусмотрен вывод трех общих показателей — максимальное энергопотребление (Вт), результат бенчмарка 3DMark (баллы) и время рендера в Blender.
Игровые тесты (FPS): Для товара один раз задаются общие параметры (разрешение экрана и пресет графики), после чего заполняется значение FPS для выбранных игр из списка номенклатуры.
Логика вывода: Пустые блоки и игры без указанного значения FPS автоматически скрываются.
Интерфейс: Данные отображаются в режиме «только для чтения» в едином стиле сайта с адаптацией под ПК и мобильные устройства.
Все дополнительные доработки были согласованы и добавлены в бэклог.
В марте 2026 года клиент расширил техническое задание и добавил новые требования к веб-ресурсу.
Должен был быть настроен переход к быстрому заказу при выборе пункта самовывоза «Новой Почты».
Предусматривалось добавление возможности мультизагрузки нескольких фото к товару одновременно.
Следовало настроить расширенную электронную коммерцию (eCommerce), Consent Mode и отслеживание оффлайн-конверсий.
Возникла необходимость оформления модуля кредитования и кнопки «Купить в кредит», а также добавления стикеров «Оплата частями» на карточки товаров в каталоге.
Правки по визуальным элементам и стикерам:
- Добавление иконок платежных систем (Apple Pay, Google Pay, Visa и т. д.) в блок оплаты.
- Вывод стикера «Бесплатная доставка» (Free) для соответствующих товаров.
- Адаптация вида характеристик на мобильных устройствах.
Футер (подвал сайта): Добавление рейтинга и отзывов из Google Карт.
Проработка логики кредита Приват/Моно.
В апреле с клиентом согласован переезд на новый хостинг + настройка.
По состоянию на май 2026 в доработке было:
- Реализация функционала ЧПУ для фильтров
- Переработка интерфейса заполнения FPS для игр
- Объединение страниц «Доставка и оплата» и формы «Возврат товара»
- Конфигуратор ПК
- Слайдер для мобильных устройств
- Корректировка иконок «Оплата частями»
Далее мы перешли к почасовому сотрудничеству по запросу клиента.
