{"id":170,"date":"2026-09-01T12:43:55","date_gmt":"2026-09-01T12:43:55","guid":{"rendered":"https:\/\/sdwski.com\/?post_type=project&p=170"},"modified":"2026-10-12T12:30:19","modified_gmt":"2026-10-12T12:30:19","slug":"skamrevs-com","status":"publish","type":"project","link":"https:\/\/sdwski.com\/ua\/post\/work\/skamrevs-com","title":{"rendered":"

Інтернет-магазин SKAMREVS.COM<\/p>\n"},"content":{"rendered":"

SKAMREVS — молодий литовський бренд кастомної вишивки на футболках і худі. Одяг проєктують і виготовляють у Литві. Слоган бренду: Own the Streets. Wear the Culture.<\/em><\/p>

Завдання: <\/strong>створити магазин у вуличному мінімалістичному стилі. Він мав працювати п’ятьма мовами й водночас залишатися зручним в управлінні для невеликої команди без окремого штату перекладачів.<\/p>

Магазин на WooCommerce з індивідуальною темою<\/h4>

В основі лежить готова тема для WordPress. Я адаптував її під бренд і додав власні модулі. У темі близько 7 000 рядків коду лише в доопрацьованих частинах.<\/p>

    \n
  • Каталог із колекціями (New Collection, Halloween Collection) і товарами з варіаціями (колір, розмір). Вибір варіацій реалізовано за допомогою кнопок-свотчів, а не стандартних випадних списків.<\/li>\n\n\n\n
  • Галерея товару з окремою логікою для мобільних пристроїв. Я виправив проблему з порожньою галереєю після жорсткого оновлення сторінки на телефонах.<\/li>\n\n\n\n
  • Темні шапка та підвал, логотипи в retina-якості, зображення у WebP.<\/li>\n\n\n\n
  • Пошук із живими підказками та мега-меню.<\/li>\n<\/ul>

    Власна програма лояльності: «SKAMREVS CARD»<\/h4>

    Кожен зареєстрований покупець автоматично отримує знижку 10% на всі замовлення.<\/p>

      \n
    • В особистому кабінеті<\/strong> виглядає як банківська картка у пропорціях ID-1 (85,6 × 54 мм). На ній ім’я власника, персональний номер виду SK-XXXX-XXXX-XXXX<\/code>, який формується з ID користувача, і золотий акцент на чорному тлі.<\/li>\n\n\n\n
    • У бічній панелі<\/strong> гостям показується промокартка з кнопками «Створити обліковий запис» і «Увійти». Авторизованим користувачам показується компактна картка та меню облікового запису.<\/li>\n\n\n\n
    • На сторінці кошика<\/strong> знижка розраховується автоматично й відображається окремим рядком «SKAMREVS CARD (10%)», тож жодних промокодів вводити не потрібно.<\/li>\n<\/ul>

      Ідея полягає в тому, щоб перетворити реєстрацію на зрозумілий бонус. Покупець одразу бачить, що отримує, і охочіше реєструється.<\/p>

      \"\"<\/figure>

      Покроковий чекаут<\/h4>

      Стандартну довгу форму оформлення замовлення я замінив багатокроковою:<\/p>

        \n
      • індикатор «Крок X із Y» і зведення контактних даних та адреси доставки на кожному кроці;<\/li>\n\n\n\n
      • покрокова валідація з переходом до проблемного поля після натискання;<\/li>\n\n\n\n
      • зрозумілі повідомлення про помилки (окремо розглянуто збої мережі, блокування файрволом, помилки сервера 403, 404, 429, 5xx);<\/li>\n\n\n\n
      • технічний блок із деталями помилки бачить лише адміністратор, щоб швидше знаходити причину проблеми;<\/li>\n\n\n\n
      • окрема сторінка «Дякуємо за замовлення» із зображеннями товарів, кількістю та анімацією конфеті.<\/li>\n<\/ul>
        \"\"<\/figure>

        Вішліст без реєстрації<\/h4>

        Обране зберігається в браузері покупця (localStorage), тому працює одразу, без облікового запису й без навантаження на сервер. У коді також є модуль мотиваційних сповіщень для вішліста. Наразі його вимкнено: я залишив його як заготовку й вирішив не тиснути на покупців.<\/p>

        Багатомовність: 5 мов і ШІ-переклад<\/h4>

        Сайт доступний англійською, литовською, латиською, естонською та російською<\/strong> мовами. Перемикач мов я повністю переписав: він плаский, мінімалістичний, однаково працює за натисканням на телефоні та за наведенням на комп’ютері. Версії сторінок пов’язані між собою, тому під час зміни мови користувач залишається на тій самій сторінці.<\/p>

        Як побудовано переклад (вересень 2026):<\/strong><\/p>

          \n
        1. Я створив обліковий запис у Microsoft Azure<\/strong> і розгорнув там власну модель GPT-5 SOL<\/strong>, яку підключено до сайту.<\/li>\n\n\n\n
        2. Для масового перекладу всіх статичних сторінок<\/strong> (про компанію, політики, доставка, повернення, інтерфейс) використовувалася найпотужніша модель GPT-6 Astra<\/strong>. Це максимальна якість, але висока вартість. Для одноразової міграції контенту це виправдано.<\/li>\n\n\n\n
        3. Для нових статей і товарів<\/strong>, які додаються регулярно, переклад здійснюється за допомогою більш економної моделі класу GPT-5.1<\/strong>.<\/li>\n<\/ol>

          Така схема забезпечує високу якість там, де помилка коштує найдорожче (юридичні та ключові сторінки), і розумну ціну там, де обсяг контенту постійно зростає. Завдяки цьому клієнт не платить за найпотужнішу модель під час кожної публікації.<\/p>

          Юридичні вимоги й аналітика<\/h4>
            \n
          • Банер згоди на використання файлів cookie з окремими варіантами вибору: «Лише необхідні», «Прийняти всі», «Налаштувати». Аналітика Google Analytics вмикається лише після отримання згоди користувача.<\/li>\n\n\n\n
          • Сторінки «Політика щодо файлів cookie», «Політика повернення коштів і товарів», «Політика доставки» відповідно до вимог ЄС (GDPR).<\/li>\n\n\n\n
          • SEO-розмітка: canonical, Open Graph, Twitter Cards, метаописи та підключений Google Site Kit.<\/li>\n<\/ul>

            Як сайт працює зараз<\/h3>

            Власник сам додає товари та статті до блогу англійською. Для решти мов переклад створюється автоматично через підключену нейромережу, а за потреби редагується вручну. Знижка за лояльність, оформлення замовлення та мова інтерфейсу працюють без моєї участі. Я займаюся доопрацюванням і підтримкою.<\/p>

            Що це означає для вашого проєкту<\/h3>
              \n
            • Потрібен магазин для європейського ринку кількома мовами, і ви не хочете витрачати бюджет на ручний переклад кожної сторінки.<\/li>\n\n\n\n
            • Потрібна програма лояльності, яку бачить покупець і яка працює автоматично.<\/li>\n\n\n\n
            • Потрібне оформлення замовлення, яке не відлякує покупців і допомагає швидко знаходити помилки.<\/li>\n\n\n\n
            • Потрібна інтеграція ШІ в робочі процеси сайту з розумним контролем витрат.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

              SKAMREVS — молодой литовский бренд кастомной вышивки на футболках и худи. Одежду проектируют и производят в Литве. Слоган бренда: Own the Streets. Wear the Culture. Задача: сделать магазин в уличном, минималистичном стиле. Ему нужно было работать на пяти языках и при этом оставаться управляемым для небольшой команды без отдельного штата переводчиков. Магазин на WooCommerce с […]<\/p>\n","protected":false},"featured_media":334,"menu_order":0,"template":"","meta":{"plinth_client":"Skamrevs, UAB (\u041b\u0438\u0442\u0432\u0430)","plinth_year":"2026","plinth_lang":"English","plinth_timeline":"4 \u043d\u0435\u0434\u0435\u043b\u0438","plinth_video":"","plinth_poster":"","plinth_url":"https:\/\/skamrevs.com\/","plinth_support":"","plinth_budget":"pro"},"project_type":[],"class_list":["post-170","project","type-project","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/sdwski.com\/ua\/wp-json\/wp\/v2\/project\/170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdwski.com\/ua\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/sdwski.com\/ua\/wp-json\/wp\/v2\/types\/project"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sdwski.com\/ua\/wp-json\/wp\/v2\/media\/334"}],"wp:attachment":[{"href":"https:\/\/sdwski.com\/ua\/wp-json\/wp\/v2\/media?parent=170"}],"wp:term":[{"taxonomy":"project_type","embeddable":true,"href":"https:\/\/sdwski.com\/ua\/wp-json\/wp\/v2\/project_type?post=170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}