Разработка интернет‑магазина для типографии «Москард»

ООО «Москард» — типография полного цикла в Москве. Работает с 2010 года. Печатает визитки, буклеты, календари, корпоративную продукцию. Постоянные клиенты ООО «Москард» — банки, госучреждения, крупные и средние фирмы, представители малого бизнеса.

Создать сайт-каталог для типографии «Москард» и сделать его удобным для B2B и B2C клиентов.

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

Собрали информацию по принципу трех «К»: Компания, Клиенты, Конкуренты:

Компания

провели интервью с клиентом;

проанализировали маркетинговые и рекламные материалы;

составили карту пользовательских сценариев («менеджер заказывает визитки», «компания оформляет тираж календарей»).

Клиенты

описали целевую аудиторию (ЦА): B2B‑сегмент и B2C‑сегмент;

изучили рынок полиграфической продукции, целевую аудиторию (малый бизнес, корпорации, частные клиенты);

описали несколько «аватаров клиента»;

проанализировали каждый аватар клиента, выписали боли, страхи, потребности и способы их удовлетворения.

Конкуренты

изучили 15 сайтов конкурентов и их способы привлечения внимания к своим продуктам и услугам;

собрали 32 идеи для того, чтобы на их основе разработать еще более эффективные решения.

На основе полученной информации мы собрали все данные вместе и сформировали «Чемодан знаний».

Результат:
4 «аватара клиента»;
анализ 15 конкурентов;
карта сценариев (7 ситуаций);
список из 32 идей для реализации.

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

Выбрали ключевые идеи из «Чемодана знаний» и спроектировали страницы интернет-магазина.

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

Услуги.

Продукция.

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

Цены.

Акции.

Портфолио.

О компании (отзывы, пресс-центр, реквизиты).

Контакты.

Прототипы

На этом этапе наша команда разработала прототипы для всех страниц сайта

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

Результат: прототипы, документ ТЗ.

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

разработали дизайн с обязательным учетом результатов маркетингового этапа;

создали адаптивные макеты для планшета и смартфона;

проработали UX‑элементы: формы заявки;

подобрали фотоконтент (снимки продукции, процесс печати).

Результат: дизайн‑макеты всех страниц.

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

сверстали макеты с использованием HTML, CSS и JavaScript;

оптимизировали скорость загрузки (сжатие изображений, кеширование);

обеспечили адаптивность для всех браузеров и устройств;

добавили анимацию.

Результат: готовые HTML‑страницы сайта.

Этап 5. Разработка (back‑end)

развернули платформу «1С‑Битрикс» (лицензия «Бизнес»);

реализовали модули:

главная страница (УТП, список услуг);

услуги (подробный список);

продукция (подробный список);

карточка товаров (фото, описание);

карточка услуг (описание, образцы готовой продукции);

цены;

акции;

портфолио (фото готовых работ);

о компании (отзывы, пресс-центр, реквизиты);

контакты.

настроили интеграцию с CRM (Битрикс24).

Результат: альфа‑версия сайта.

Этап 6. Тестирование и запуск

проверили работу всех функций (каталоги,формы заявок);

протестировали адаптивность на 15 устройствах;

устранили баги, оптимизировали производительность;

перенесли сайт на основной сервер, подключили домен;

подключили Яндекс Метрику и Google Analytics.

Результат: готовый сайт.

Этап 7. Базовая SEO‑оптимизация

Провели базовую SEO‑оптимизацию сайта:

ЧПУ: сделали адреса страниц короткими и понятными;

настроили метатеги и микроразметку.

Результат: рост трафика.

Этап 8. Обучение

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

Мы сделали систему внутри Битрикса максимально простой, убрали лишние элементы из интерфейса.
Настроили работу удобного редактора WYSIWYG (похож на MS Word). Он удобен для создания контента и редактирования страниц.



Также для удобной работы менеджера со стороны заказчика мы:

подготовили видеоинструкции по управлению всеми функциями сайта;

провели онлайн консультацию для сотрудников;

провели демонстрацию сайта, ответили на все интересующие вопросы.


Результаты


подготовленная документация по проекту;

готовая видеоинструкция;

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