Разработка интернет-магазина ювелирных изделий

Ювелирной мастерской Николая Полянского нужен был новый сайт вместо устаревшей версии. Важно было не просто обновить визуальный стиль, а показать ручную работу, раскрыть детали изделий, упростить выбор и отдельно представить услуги ремонта и изготовления украшений на заказ.

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

Ювелирная мастерская Николая Полянского производит эксклюзивные украшения из золота и серебра ручной работы. Также компания оказывает услуги ремонта ювелирных изделий и принимает заказы на индивидуальное изготовление украшений.

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

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

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

• Удобный каталог. Посетителю проще изучить ассортимент, перейти в карточку изделия и рассмотреть детали.

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

• Карточки изделий. Помогают показать каждое украшение подробнее и снизить количество уточняющих вопросов.

• Адаптивная версия. Сайт удобно смотреть с компьютера, планшета и смартфона.

• SEO-перенос со старого сайта. Важно было сохранить накопленные настройки и не потерять поисковую базу при обновлении проекта.

• Удобное управление контентом. Команда заказчика должна самостоятельно добавлять изделия, новости и статьи без постоянного обращения к разработчикам.

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

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

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

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

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

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

• Изучили потребности целевой аудитории: женщин 25–55 лет, ценителей ручной работы, покупателей подарков и клиентов, которым нужен ремонт или индивидуальное изделие.

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

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

• Составили 4 аватара клиента.

• Проанализировали 10 ювелирных интернет-магазинов и сайтов мастерских.

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

• Зафиксировали идеи, которые помогли сделать сайт более удобным для выбора и более убедительным для новых клиентов.

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

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

• 36 идей для реализации

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

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

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

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

• Каталог изделий.

• Карточка изделия.

• Страница услуг.

• Портфолио работ.

• Раздел с ответами на вопросы.

• Советы ювелира.

• Отзывы клиентов.

• Преимущества обращения в мастерскую.

• Советы по уходу за изделиями.

• О компании.

• Новости.

• Статьи.

• Контакты и карта.

• Каталог ювелирных изделий.

• Детальные карточки изделий.

• Раздел ремонта украшений.

• Раздел изготовления на заказ.

• Заявка на изделие или консультацию.

• SMS-оповещения о заказах.

• Личный консультант на сайте.

• Удобный редактор контента в 1С-Битрикс.

• SEO-настройки для сохранения и развития поискового трафика.

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

• прототипы страниц

• документ ТЗ

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

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

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

• Проработали UX-элементы: формы заявок.

• Продумали акценты для каталога и карточек изделий.

• Подобрали фотоконтент: продукция, детали украшений, фото салона.

• Согласовали корпоративные цвета и типографику.

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

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

• клиент может рассматривать изделия, изучать услуги и воспринимать мастерскую как надежного исполнителя для покупки, ремонта или индивидуального заказа

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

После утверждения дизайна подготовили адаптивную верстку всех ключевых страниц.

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

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

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

• Настроили адаптивность для экранов с разным разрешением.

• Сохранили удобство просмотра карточек и фотографий на мобильных устройствах.

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

• сайт стал удобным для просмотра с любого устройства

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

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