• Каталог полиграфической продукции. Клиенты быстрее находят нужный продукт: визитки, буклеты, календари, упаковку, баннеры или сувенирную продукцию.

• Подробные карточки услуг и товаров. Пользователь видит описание, образцы и понимает, что именно можно заказать.

• Раздел с ценами. Клиенту проще сориентироваться по стоимости и быстрее перейти к расчету.

• Портфолио работ. Готовые примеры усиливают доверие и помогают показать качество печати.

• Формы заявок. Сайт сокращает путь от интереса к обращению.

• Интеграция с Битрикс24. Заявки не теряются и быстрее попадают в работу менеджеров.

• Базовая SEO-оптимизация. Сайт получает основу для роста поискового трафика.

Этап 1. Маркетинг

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

• Провели интервью с заказчиком.

• Проанализировали маркетинговые и рекламные материалы.

• Изучили ассортимент услуг и продукции.

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

• Определили, какие разделы должны вести пользователя к заявке быстрее всего.

• Описали целевую аудиторию: B2B-сегмент, B2C-сегмент, малый бизнес, корпорации, частные клиенты.

• Выявили потребности: быстро узнать цену, посмотреть примеры, понять сроки, отправить макет или заявку на расчет.

• Определили боли и страхи: непонятная стоимость, сложный заказ, риск плохого качества печати, отсутствие примеров работ, долгий ответ менеджера.

• Поняли, как закрывать эти сомнения через сайт: добавить цены, портфолио, понятные карточки продукции, формы заявок и быстрый путь к расчету.

• Изучили 15 сайтов конкурентов.

• Сравнили структуру каталогов, подачу услуг, портфолио, цены и формы заявок.

• Собрали 32 идеи для будущего сайта.

• 4 аватара клиента

• анализ 15 конкурентов

• карту из 7 пользовательских сценариев

• список из 32 идей 

Этап 2. Проектирование

На основе маркетингового этапа мы спроектировали структуру интернет-магазина. Главная задача — сделать так, чтобы клиент быстро находил нужную услугу и без лишних шагов отправлял заявку на расчет.

• Главная страница.

• Услуги.

• Продукция.

• Карточки товаров и услуг.

• Цены.

• Акции.

• Портфолио.

• О компании.

• Отзывы.

• Пресс-центр.

• Реквизиты.

• Контакты.

• Каталог продукции.

• Каталог услуг.

• Карточки товаров.

• Карточки услуг.

• Раздел с ценами.

• Формы заявок.

• Портфолио готовых работ.

• Акции.

• Интеграция с Битрикс24.

• Управление контентом через CMS.

Сложные функции описали в техническом задании. ТЗ сделали лаконичным, без повторов и лишней технической информации.

• прототипы

• документ ТЗ

• понятная структура сайта: клиент может выбрать услугу, посмотреть цену, изучить портфолио и отправить заявку.

Этап 3. Дизайн сайта

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

• Разработали дизайн с учетом выводов маркетингового этапа.

• Подготовили адаптивные макеты для планшета и смартфона.

• Проработали UX-элементы: формы заявки, карточки услуг, переходы к расчету.

• Подобрали фотоконтент: продукция, процесс печати, примеры готовых работ.

• Выделили портфолио как блок доверия.

• Сделали структуру страниц удобной для B2B- и B2C-клиентов.

• дизайн-макеты всех страниц

• дизайн помогает пользователю быстрее ориентироваться в услугах и переходить к заявке без лишних действий

Этап 4. Верстка

После утверждения дизайна мы сверстали страницы с акцентом на скорость, стабильность и корректную работу на разных устройствах.

• Сверстали макеты на HTML, CSS и JavaScript.

• Адаптировали сайт под смартфоны и планшеты.

• Оптимизировали изображения.

• Настроили кеширование.

• Проверили отображение в популярных браузерах.

• Добавили аккуратную анимацию для повышения вовлеченности.

• готовые HTML-страницы сайта

• сайт стал быстрым, стабильным и удобным для пользователей на разных устройствах

Этап 5. Разработка 

Мы собрали техническую основу сайта на 1С-Битрикс. Связали каталог, услуги, цены, портфолио, формы заявок и CRM с бизнес-процессами типографии.

• Развернули платформу 1С-Битрикс, лицензия «Бизнес».

• Настроили главную страницу с УТП и списком услуг.

• Реализовали раздел «Услуги».

• Реализовали раздел «Продукция».

• Собрали карточки товаров с фото и описанием.

• Собрали карточки услуг с описанием и образцами готовой продукции.

• Добавили раздел «Цены».

• Добавили раздел «Акции».

• Реализовали портфолио с фото готовых работ.

• Настроили раздел «О компании»: отзывы, пресс-центр, реквизиты.

• Настроили контакты.

• Подключили интеграцию с Битрикс24.