U-Jewels — интернет-магазин ювелирного бренда

Новый интернет-магазин для премиального ювелирного бренда — с более понятным каталогом, проработанной карточкой товара и фокусом на покупке, а не только на визуальной презентации.

Золотое ювелирное украшение U-Jewels на чёрном фоне рядом с фирменным знаком

О проекте

U-Jewels — ювелирный бренд с коллекциями золотых и серебряных украшений. В основе продукта — выразительные массивные изделия и коллекции с собственным визуальным характером.

До начала проекта у бренда уже была попытка запуска интернет-магазина, но предыдущая версия была построена преимущественно вокруг сложной визуальной подачи и большого количества анимации. Она хорошо работала как имиджевая презентация бренда, но основные e-commerce сценарии — каталог, выбор товара и покупка — оставались вторичными.

Новую версию проектировали с нуля как более спокойный и функциональный интернет-магазин. Основная задача — сохранить премиальное ощущение бренда, но сделать каталог, карточку товара и покупку понятными и привычными для пользователя.

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

Клиент
U-Jewels
Роль
UX/UI дизайн
Что делал
Дизайн интернет-магазина
Год
2026

Что нужно было спроек­тировать

  1. Вернуть фокус на покупку

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

  2. Сохранить премиальность без перегруза

    Для дорогого ювелирного бренда нельзя было перейти в полностью утилитарный e-commerce. Нужно было сохранить ощущение эксклюзивности через типографику, фотографии и ритм страницы, но не перегружать интерфейс декоративными решениями и сложной анимацией.

  3. Пересобрать каталог

    Каталог должен одновременно работать как инструмент выбора и как часть визуального языка бренда. Поэтому стандартная товарная сетка чередуется с крупными editorial-изображениями: блоки с товарами периодически сменяются большими промо-визуалами, после чего каталог снова возвращается к товарам.

    Такой подход позволяет разбить длинную товарную выдачу, добавить ритм и сохранить ощущение премиального fashion / editorial-продукта.

  4. Проработать карточку товара

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

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

Интерфейс сайта

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

В каталоге стандартная сетка периодически прерывается крупными промо-кадрами. Это создаёт более журнальный ритм, позволяет показать изделия в контексте и не превращает длинный каталог в однообразную последовательность карточек.

  1. Первый экран сайта U-Jewels с фотографией украшений и анонсом коллекции Stones
  2. Блок новинок и категории украшений на главной странице U-Jewels
  3. Мобильный макет главной страницы U-Jewels с коллекцией, новинками и категориями

Главная страница — первый экран коллекции Stones

01 / 03

Карточка товара

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

Пользователь получает привычный e-commerce сценарий и не должен разбираться в экспериментальной навигации, чтобы выбрать нужный вариант изделия и перейти к покупке.

  1. Первый экран карточки украшения Bell с фотографией изделия, ценой и вариантами покупки
  2. Блок коллекции «Амулеты» и фотографии процесса создания украшений
  3. Рекомендованные украшения и блок подарочной упаковки
  4. Мобильные экраны карточки товара с параметрами, коллекцией и историей бренда

Карточка товара — изделие и параметры покупки

01 / 04

Подготовка каталога

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

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

  1. Мобильный и десктопный макеты каталога амулетов U-Jewels с товарами на однотонном фоне
  2. Первый экран каталога амулетов с фильтром и едиными изображениями украшений
  3. Товарная сетка каталога U-Jewels с украшениями и крупным промо-кадром

Каталог амулетов — мобильная и десктопная версии

01 / 03

Итоговые макеты в Figma

В проекте была разработана полная система экранов интернет-магазина: от каталога и карточки товара до корзины и оформления заказа, включая адаптивные версии.

  1. Главная страница U-Jewels с коллекциями, категориями и историями
  2. Каталог украшений U-Jewels с товарами и крупными промо-кадрами
  3. Страница коллекции Planets с товарами и editorial-фотографиями
  4. Карточка украшения Bell с характеристиками и кнопками покупки
  5. Корзина U-Jewels с товарами, промокодом и суммой заказа
  6. Страница оформления заказа с данными получателя, доставкой и оплатой
  7. Страница историй бренда U-Jewels
  8. Полная страница истории о коллекции «Амулеты»
  9. Мобильные макеты главной страницы, истории, каталога и карточки товара

Главная страница — коллекции, категории и истории

01 / 09

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

Результат

В результате получился полноценный интернет-магазин, в котором имиджевая подача бренда перестала конкурировать с основными пользовательскими сценариями. Каталог, карточка товара и оформление заказа собраны в последовательную e-commerce систему, при этом сайт сохраняет собственный визуальный характер.

Новая версия подготовлена к запуску и находится в процессе переезда на основной домен.

  1. Фокус на e-commerce

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

  2. Editorial-каталог

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

  3. Понятная карточка товара

    Информация об изделии, цена и покупка собраны в более привычный и предсказуемый сценарий.

  4. Единая визуальная система

    Интерфейс, изображения товаров и адаптивные версии приведены к общей системе, готовой для дальнейшего развития магазина.

Другие проекты

Давайте разберём
вашу задачу

Расскажите коротко о проекте — посмотрю задачу и предложу, с чего лучше начать.

@VitaleRuTelegramVitalyZhigalovDesign@yandex.ruEmail

Это предварительная версия формы. Сообщения пока не отправляются.