- Удалось повысить визуальное качество контента и удобство просмотра каждой детали изделия. Все это помогло повысить конверсию.
- Адаптивный дизайн и SEO‑оптимизация вызвали рост трафика и доверия, расширили географию.
- Возможность заказа по эскизу увеличила средний чек и лояльность клиентов.
Цель проекта
Создать сайт-каталог, на котором наглядно представлен полный ассортимент продукции, есть информация о ремонте ювелирных изделий и их изготовлении на заказ.
Задачи проекта
- эффектно презентовать уникальные изделия;
- обеспечить удобный процесс выбора;
- подчеркнуть премиальный статус бренда;
- повысить узнаваемость бренда.
Ход проекта
Этап 1. Маркетинг
Собрали информацию по принципу трех «К»: Компания, Клиенты, Конкуренты.
Компания:
- провели интервью с Николаем Полянским;
- изучили ассортимент и ценовую политику;
- составили карту пользовательских сценариев (например, «женщина ищет мастерскую по ремонту ювелирных изделий», «девушка ищет где заказать эксклюзивное кольцо»).
Клиенты:
- сформировали образ целевой аудитории: женщины 25–55 лет, ценители ручной работы;
- создали «аватары клиента» для разных сегментов (молодежь, бизнес-леди);
- проанализировали боли и потребности: сложность выбора, желание увидеть детали изделий.
Конкуренты:
- провели анализ 10 ювелирных интернет-магазинов;
- выделили лучшие практики (фото в высоком разрешении, 3D-просмотр).
На основе полученных данных сформировали «Чемодан знаний».
Результат:
- исследование ЦА;
- анализ компании;
- обзор конкурентов.
Этап 2. Проектирование
Используя «Чемодан знаний», спроектировали ключевые страницы:
- главная страница (адрес, телефоны, акции);
- раздел с ответами на вопросы;
- страница с информацией об услугах, ссылкой на каталог;
- советы ювелира;
- отзывы клиентов;
- список причин для обращения в мастерскую;
- советы по уходу за изделиями;
- о компании;
- новости;
- карта.
Неоднозначные функции описали в техническом задании (ТЗ), сделав его лаконичным и понятным.
Результат:
- прототипы страниц;
- документ ТЗ.
Этап 3. Дизайн
Что сделали:
- разработали дизайн сайта, подчеркивающий эксклюзивность изделий;
- создали адаптивные макеты для планшета и смартфона;
- подобрали фотоконтент (продукция, фото салона);
- согласовали визуальную концепцию (корпоративные цвета, типографика).
Результат: дизайн‑макеты всех страниц.
Этап 4. Верстка
Что сделали:
- сверстали макеты с использованием HTML, CSS и JavaScript;
- оптимизировали скорость загрузки (сжатие изображений, кеширование);
- обеспечили адаптивность для разных браузеров и устройств;
- протестировали отображение на экранах с разным разрешением.
Результат: готовые HTML‑страницы сайта.
Этап 5. Разработка (back‑end)
Разработали сайт на платформе «1С‑Битрикс» (лицензия «Малый бизнес»).
Реализовали модули:
- главная страница;
- страница услуг;
- страница портфолио;
- страница каталога;
- страница карточки изделия;
- новости;
- статьи;
- карта.
Дополнительно:
- SEO перенос настроек с прошлого сайта на новый;
- SEO‑оптимизация (ЧПУ, метатеги, микроразметка);
- программирование SMS оповещений о заказах;
- личный консультант на сайте.
Результат: альфа‑версия сайта.
Этап 6. Тестирование и запуск
Что сделали:
- проверили работоспособность всех функций;
- протестировали адаптивность на разных устройствах;
- устранили баги и оптимизировали скорость загрузки;
- перенесли сайт на основной сервер и подключили домен;
- провели финальное SEO‑сканирование и исправили недочеты.
Результат: готовый сайт.
Этап 7. Обучение
Мы максимально подготовили платформу для удобного управления менеджерами заказчика.
-
Сделали систему внутри Битрикса максимально простой, убрали лишние элементы из интерфейса.
-
Настроили работу удобного редактора WYSIWYG (похож на MS Word). Он удобен для создания контента и редактирования страниц.
Для удобной работы менеджера со стороны заказчика мы:
- подготовили видеоинструкции по управлению контентом;
- провели онлайн‑консультацию для сотрудников компании;
- продемонстрировали функционал сайта и ответили на вопросы;
- передали документацию по администрированию.
Результаты:
- подготовленная документация;
- готовая инструкция;
- менеджер заказчика получил навыки самостоятельного управления сайтом.