К содержанию
Работа

Sign Labs — интернет-магазин с онлайн-конструктором вывесок

Шведская платформа онлайн-заказа персонализированных вывесок, табличек, наклеек и рекламной печатной продукции. Ключевая часть продукта — универсальный редактор изделий. Он связывает визуальный макет и производственные параметры в один объект: холст и размеры, материал и технологию, форму, контур и цвет, способ крепления, тираж, цену и исходные файлы. Покупатель собирает изделие в браузере, а производство получает однозначную техническую спецификацию.

Главный экран проекта Нажмите, чтобы рассмотреть
Sign Labs — интернет-магазин с онлайн-конструктором вывесок 01 / 05
Sign Labs — интернет-магазин с онлайн-конструктором вывесок — Главный экран проекта
Клиент
Signlabs Sweden AB
Индустрия
Электронная коммерция, Печатная промышленность
Срок
6 месяцев
Команда
5 человек

Задача

Индивидуальная вывеска обычно заказывается перепиской. Клиент описывает размеры и материал, отправляет логотип, получает макет, просит изменения, согласует стоимость, и только после этого заказ уходит в работу. Такой цикл не масштабируется, а главное, между визуальным пожеланием клиента и производственной спецификацией остаётся разрыв, который каждый раз закрывается вручную и каждый раз может закрыться неправильно.

Перевести такой цикл на самообслуживание мешает физика. Растровый логотип, отличный на экране, разваливается на табличке шириной в метр. Контур, нарисованный мышью, не всегда можно безопасно вырезать. Крепление, доступное для алюминия, не применимо к виниловой надписи. Значит, редактор должен знать производственные ограничения и сообщать о них до оплаты. Плюс к этому платформа должна была обслуживать и разовую покупку частного клиента, и корпоративные серии с одним макетом и разными подписями, оплату по счёту и локализованные страновые витрины.

Решение

Каталог в четырёх разрезах. Войти в продукт можно по типу изделия, по материалу и технологии, по назначению или сразу по готовому дизайну. По назначению таблички делятся на дверные, парковочные, информационные, предупреждающие, фасадные, магазинные и номерные. Так покупатель может начать со своей задачи, без производственных терминов.

Универсальная модель продукта. Каждое изделие описывается не SKU, а набором взаимосвязанных параметров: тип продукции, способ изготовления, материал и его вариант, ширина и высота, стандартная или свободная форма, параметры контурной резки, основной и дополнительные цвета. К ним добавляются изображения и текст, способ крепления, количество, производственные ограничения, расчётная цена и подготовленные файлы. Правила продукта отсекают несовместимые комбинации. Самая неочевидная механика — переход на другое изделие: редактор переносит дизайн там, где это возможно, и корректирует параметры, которые новый материал или способ производства не поддерживает.

Редактор, который знает про производство. Из редактора можно переключаться между типами изделий, не возвращаясь в каталог. Ширина и высота задаются числом и интерактивными контролами, для тиража есть быстрые варианты. Графика берётся из внутренней библиотеки или загружается пользователем, поддерживаются векторные и растровые форматы. Текст добавляется отдельными объектами со шрифтом, размером, начертанием, выравниванием и цветом. Каждый остаётся редактируемым элементом макета. Формы и контур вокруг изображения связаны с производственными ограничениями, поэтому на экране пользователь видит приближённый результат изготовления. Набор допустимых цветов зависит от материала и технологии, а способы монтажа показываются только там, где они применимы. Плюс обычная рабочая механика: отмена и повтор действий, копирование, порядок слоёв, выравнивание. Внизу всегда физический размер, количество и итоговая стоимость, а если изображение выходит за безопасный масштаб — предупреждение до оформления заказа.

Предпечатная проверка на входе. Загруженный файл проходит техническую обработку: проверку типа и читаемости, получение фактических размеров, оценку разрешения при выбранном физическом масштабе, создание предпросмотра, контроль выхода за рабочую область. Оригинал хранится отдельно от экранного представления и привязывается к пользователю, макету и заказу. Файлы с неподдерживаемым содержимым или недостаточным качеством уходят в сценарий ручной проверки и без неё в печать не попадают.

Цена как функция конфигурации. Стоимость не хранится значением в карточке: она считается из типа продукта, материала, размеров, технологии, формы или контура, крепления, количества и дополнительных операций, с учётом тиражных условий. Требование к расчётному модулю было простым и жёстким: одна и та же конфигурация должна одинаково интерпретироваться в редакторе, корзине, при оформлении заказа и в административной панели, а зафиксированный расчёт — сохраняться внутри заказа.

Сохранение и передача макета. Дизайн получает устойчивую ссылку: к нему можно вернуться позже, отправить другому человеку по почте, получить его и заказать либо доработать. Сохраняется редактируемая структура: продукт, размеры, элементы холста, стили, слои, исходные файлы и производственные параметры. Для пользователя без аккаунта предусмотрен сценарий создания доступа через электронную почту. Для корпоративных серий базовый макет работает как мастер-шаблон: разные имена, номера или подписи обрабатываются как варианты одного заказа с обязательной проверкой перед производством.

Снимок конфигурации в заказе. Платёжное уведомление обрабатывается идемпотентно: повторный ответ провайдера не создаёт второй заказ и не запускает производство повторно. Заказ хранит неизменяемый снимок конфигурации, поэтому позднее изменение сохранённого дизайна не меняет уже оплаченную производственную задачу, а производственная версия файла лежит отдельно от последующих правок клиентского макета. Уже запущенный заказ остаётся воспроизводимым.

Явные состояния для исключений. Расхождения между редактором и производством переведены в состояния и очереди: контур невозможно безопасно изготовить, сохранённый дизайн использует снятый с продажи материал, два клиента одновременно редактируют общий макет, заказ оплачен, но производственный экспорт временно недоступен, одна позиция требует ручной проверки, а остальные готовы. Каждый такой случай виден в административной панели как задача.

Результат

В Sign Labs заказ персонализированной печатной продукции стал сквозным цифровым сценарием. Покупатель сам собирает визуальный макет и коммерческую конфигурацию, а система без повторного ручного набора сохраняет те же данные как производственное задание. В задание попадают данные заказа и продукта, материал, размеры, тираж, технология, цвета, контур и крепление. К ним прикладываются исходный и подготовленный файлы, предпросмотр и предупреждения.

Товарная модель и редактор централизованы, а локализованные витрины настраивают язык, домен, валюту, налоги, доставку и платёжные сценарии поверх общего производственного ядра. Событийная аналитика показывает весь путь: запуск редактора, ошибки загрузки, передачу макета, оплату и причины ручной проверки. По этим данным можно улучшать и конверсию магазина, и качество входящих производственных заданий.

6 месяцев длительность проекта
5 человек состав команды
13 параметров из чего складывается одно изделие в модели продукта
12 состояний жизненный цикл заказа от создания до отгрузки
Ещё

Похожие проекты

Всё портфолио
Yokohama Print: B2B-платформа заказа маркетинговых материалов для дилерской сети
Кейс Yokohama

Yokohama Print: B2B-платформа заказа маркетинговых материалов для дилерской сети

Yokohama Print — B2B-платформа заказа маркетинговых материалов для дилерской сети Yokohama: дилер заказывает баннеры, стенды и POS-материалы, а право на материал, лимит и согласование встроены в оформление заказа. Раньше заявки шли по телефону, и их поток обрабатывали почти 50 сотрудников. Исполнение платформа планирует сама: со склада, из типографии или разделив заказ между источниками.

Корпоративные порталыDAMS — управление цифровыми активами
PHPMagentoSymfonyMySQL
Artik — интернет-магазин печати на заказ с онлайн-конструктором
Работа OneCore Media

Artik — интернет-магазин печати на заказ с онлайн-конструктором

Artik — канадский интернет-магазин печати на заказ с онлайн-конструктором: одежда, спортивная форма и промопродукция с индивидуальным нанесением. У обычного магазина цена привязана к SKU; здесь она собирается из тиража, цвета основы, размерной сетки, числа зон печати и количества красок в каждой из них. Поэтому магазин, конструктор макетов и производственная система типографии собраны в один сквозной путь от выбора футболки до задания в цех.

Интернет-магазин
MagentoPHPMySQL
CanMedDirect — интернет-магазин медицинских расходных материалов
Работа OneCore Media

CanMedDirect — интернет-магазин медицинских расходных материалов

CanMedDirect — канадский интернет-магазин медицинских расходных материалов для домашнего ухода, длительной терапии и восстановления после процедур. Внешне это обычный интернет-магазин, но покупатель здесь ищет конкретный артикул производителя нужного диаметра, в нужной упаковке и совместимый с уже используемой системой. Магазин строился вокруг этой точности: каталог, поиск, совместимость, страховые документы и прямой расчёт с программой покрытия.

Интернет-магазин
PHPMagentoMySQL
Первый разговор — бесплатно

Расскажите, что хотите изменить

За одну встречу уточним задачу и предложим следующий шаг.

Что будет на встрече
  1. 01 Опишите задачу своими словами
  2. 02 Уточним цель и ограничения
  3. 03 Предложим решение и следующий шаг
длительность 45–60 мин