Проект 05 — Интернет-магазин и персонализация товара [ 1 270 точек · растеризовано на сборке · написано руками ]

SG Training Fit: пояс для спины и линия одежды, у каждой — свой редактор дизайна

В середине проекта стоят два собственных редактора товара — не плагин — поверх встроенного магазина Ecwid. У SG Training Fit две линии: пояс для спины Pro Warming Belt из хлопка с полушерстью, сшитый в Латвии и доведённый в США, и коллекция одежды. В обоих редакторах покупатель набирает надпись, выбирает шрифт и отделку, загружает картинку — и видит, как рисунок ложится на фотографию самого товара.

SG Training Fit — главная страница сайта, Интернет-магазин и персонализация товара
SG Training Fit — главная страница сайта, Интернет-магазин и персонализация товара

(01) — Задача

С чего начиналось

Магазин · Лас-Вегас

Пояс выглядит простым товаром, а торговля им простой не бывает. Размеры идут по двум разным таблицам, в зависимости от цвета и степени поддержки: цветные пояса — средняя поддержка, включая детский размер; молочно-белые — лёгкая поддержка и на размер больше, только взрослые. Пояс покупают и обычным, и с именем, своими цветами и логотипом. Заказы приходят и на одну штуку с личной надписью, и партиями на целую студию. Сам пояс шьют в Латвии, а доводят в США — и всё это должно уместиться в один понятный порядок выбора.

(02) — Решение

Что сделал

Написано руками. Дизайн, разработка и передача — те же два человека.

Оба редактора — обычный JavaScript, написанный под страницы товаров этого магазина, поверх одной корзины Ecwid. Редактор пояса рисует дизайн прямо на фотографии — в любом из десяти цветов: надпись вдоль пояса одним из 44 своих шрифтов, 14 матовых и 12 блестящих цветов букв, загруженная картинка, и каждый элемент можно двигать, менять в размере и поворачивать внутри области печати. Выбор цвета в редакторе сразу выставляет тот же вариант в форме заказа, поэтому предпросмотр и заказ не расходятся. Редактор одежды идёт дальше: лицо и спина со своей областью печати у каждой стороны, наложение текста и картинок слоями, 36 вариантов отделки букв — матовые, блестящие, глянцевые и перламутровые, — многострочный текст и отдельный экран проверки, где обе стороны видно до того, как товар уйдёт в корзину. При оформлении редактор сводит каждую сторону в PNG и сам подставляет файлы в поля заказа, рядом с картинками, которые прислал покупатель; каждый дизайн вдобавок сохраняется через отдельный интерфейс на сервере. Редакторы стоят внутри витрины из восьми страниц, написанной руками: любой товар можно купить и без правок, а оптовые партии считаются письмом.

(03) — Результат

Что получилось

2 Своих редактора
44 Своих шрифта
36 Вариантов отделки
Свой редактор поверх Ecwid и PHP Архитектура

Словами клиента

Отзыв приведён в оригинале: так его написал клиент. Переводить чужую прямую речь и выдавать за сказанное мы не считаем правильным.

I designed this belt myself, so I know who ends up in it — a dancer, a gymnast, someone on their feet all day, a kid. One product, and almost nobody wants it the same way: a different size, a different color, their own name on it in their own font. Putting that on a website is not a small thing, and Infinite Semantic Inc. did it properly — ten colors, forty-four fonts, matte or glitter, adult and kids, two size charts that even I have to think about, and your own belt on the screen before you pay for it. It looks simple from the outside, which is the whole point.
Svetlana Ghetman — Owner, SG Training Fit

(04) — Замеры

Замерено, а не заявлено

Независимые проверки домена sgtrainingfit.com. Каждую оценку можно перепроверить самому — ссылка запускает тест заново на живом сайте.

PageSpeed Insights

Замер 11 августа 2026

100
Performance desktop
90
Performance mobile
96
Accessibility
100
Best Practices
100
SEO
3/3
Agentic
Проверить в PageSpeed

Ahrefs Site Audit

Снято при запуске · июнь 2026

100
Health Score
0
Errors

Хотите такой же результат, и чтобы всё было письменно?

Пришлите бриф на пять минут — письменное предложение с закреплённой ценой вернётся в тот же рабочий день.