OQ PRINT

1 — Дизайн-система

Задача. До 2022 года на проекте не было ни библиотеки, ни общих правил — сайт выглядел разрозненно, разделы жили каждый по своим решениям.

Решение. Токены в два уровня: примитивы и семантический слой поверх них, с режимами под mobile и desktop. Библиотеку не проектировал впрок — она росла от реальных экранов: причёсывая очередной интерфейс, добавлял недостающие элементы в систему, а не частное решение на страницу. Отдельно — договорённости: единого правила нейминга не было, названия в макетах и коде расходились; зафиксировали общий принцип с ведущим разработчиком.

Что сделал. Собрал систему с нуля: компоненты, варианты, состояния, гайдлайны, архитектура токенов. Каждый компонент проектировался сразу под desktop и mobile. Постепенно перевёл на систему существующие интерфейсы сайта — главную и каталог, калькуляторы расчёта, промо-страницы, — включая те, где структура и логика уже были заданы и не менялась. На старте разработчики не замечали микро-расхождений с макетом — разбирали конкретные случаи, со временем сверка перестала быть нужна.

Результат. Система осталась в работе после моего ухода — на ней собирают новые разделы.

2 — Личный кабинет

Задача. Узнать статус заказа можно было только по телефону: клиент звонил, менеджер искал заказ по номеру и сообщал стадию.

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

Что сделал. Спроектировал личный кабинет и сценарии заказа: выбор филиала с информацией о точке прямо при оформлении, доставка по Санкт-Петербургу и России с подрядчиком, сроком и стоимостью сразу в заказе, отслеживание статуса. Отдельный раздел «Проекты» хранит незаконченные макеты из онлайн-конструктора — работу можно прервать и продолжить позже. Сохранённые адреса, компании для оплаты по юрлицу и баланс кабинета убирают повторный ввод данных при каждом заказе.

Результат. По наблюдениям поддержки, через пару недель после запуска звонков стало примерно на треть меньше.

3 — Подарочный сертификат

Задача. Бизнес хотел новый продукт, со стороны клиентов был запрос: подарить сумму, чтобы получатель сам решил, на что её потратить. В каталоге такого сценария не было.

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

Что сделал. Спроектировал сертификат как отдельный продукт: промо-страница с правилами для онлайн- и офлайн-заказов, конструктор дизайна для дарителя, зачисление на баланс. Своя корзина — техническое ограничение на тот момент, в планах переход на общую. Страница сертификата — copy.spb.ru ↗.

Результат. Продукт продаётся и работает до сих пор.

4 — Промо-страницы дизайн-студии

Задача. Услуги дизайн-студии существовали только строчками в прайсе. Объяснить, из чего складывается цена и чем варианты отличаются, было негде — это ложилось на менеджеров.

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

Что сделал. Собрал промо-страницы услуг студии: тарифы, этапы работы, примеры, форма заказа. Тарифную сетку, названия и состав работ предоставила дизайн-студия.

Результат. Свёрстанный шаблон страницы переиспользовали для услуги «Фирменный стиль» без переделки.

5 — Лучшие благодарности

Задача. Благодарности клиентов копились внутри компании и никуда не выходили. При этом УТП сети — не сама печать, которая одинакова у всех, а обслуживание: качество работы людей в копицентрах. На сайте этого не было видно — только услуги и каталог.

Решение. Отзывы не об услугах, а о конкретных сотрудниках — это прямое следствие позиционирования: если отличает обслуживание, показывать нужно тех, кто его оказывает. В карточке имя, филиал с адресом и текст отзыва, так что благодарность привязана к человеку и к точке, а не висит анонимной цитатой. «Лучшие» отбираются голосованием внутри компании — решение остаётся за сотрудниками, а не за маркетингом.

Что сделал. Спроектировал раздел с лучшими благодарностями — первый на сайте, где показаны не услуги, а люди, которые за ними стоят.