PivotPoint
Обсудить проект
Кейсы/РАЗРАБОТКА САЙТОВ
CASE / 01
РАЗРАБОТКА САЙТАДизайн · Разработка · Витрина украшений

Разработка сайта для ювелирного бренда «BlueStory»

Ювелирный дом BlueStory с шоурумом в центре Москвы: кольца, колье, браслеты и серьги. Собрали светлую витрину с крупной макро-съёмкой украшений и коротким путём к заказу через WhatsApp.

Клиент
«BlueStory»
Направление
Ювелирный интернет-магазин
Год
2026
bluestory-official.com
Главная страница bluestory-official.com — макросъёмка украшений с жемчугом и цветными камнями
// Заказчик и задача

Что нужно было решить

BlueStory (бренд «Лазура») - ювелирный шоурум в Брюсовом переулке в Москве. Украшения с бриллиантами и жемчугом, японское качество огранки. Нужна была витрина, которая передаёт статус и деликатность украшений, а не просто перечень товаров.

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

// Детали разработки

Как устроен интерфейс

Всё подчинено восприятию украшения: сначала крупная макро-съёмка и воздух, затем разделы каталога и редакционные блоки о камнях, и только потом - заказ.

Навигация

Разделы Новинки, Украшения, Сервисы и О нас доступны из верхнего меню в один клик.

Динамика

Полноэкранная макро-съёмка, слайдер новинок и карточки категорий с плавными состояниями удерживают внимание.

Конверсия

Заказ и связь идут через WhatsApp и звонок, а форма подписки даёт 5% скидку на первую покупку.

bluestory-official.com
Карточки категорий «Кольца» и «Браслеты» на сайте BlueStory
bluestory-official.com
Каталог украшений с разделами «Браслеты», «Колье», «Кольца», «Серьги»
// Цвет и типографика

Визуальная система

Светлая холодная палитра, тонкая типографика на антикве Cormorant и много воздуха - украшения выглядят дорого и деликатно.

Типографика
Cormorant
Roboto - основной текст

Антиква Cormorant для заголовков, чистый гротеск Roboto для текста и цен.

#F0F3F4
Фон
#3E4954
Графит
#A8C0C8
Дымчатый голубой
#767676
Текст
Страница каталога украшений с фильтрами по категориям, камням, цвету металла и цене
// Главная страница

Первое знакомство с продуктом

Главная открывается полноэкранной макро-съёмкой украшений, ведёт к редакционному блоку о жемчуге, новинкам и разделам каталога.

bluestory-official.com
Редакционный блок «Волшебство жемчуга» и лента новинок на главной странице
// Ключевые разделы

Разделы под сценарии аудитории

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

Раздел «Кольца и браслеты» с подписями «Блеск камней и утончённость линий» и «Лёгкость и элегантность»
Раздел 01
Кольца и браслеты
Раздел «Колье и серьги» с подписями «Чувственность, утончённость, движение» и «Серьги, созданные для того, чтобы снять»
Раздел 02
Колье и серьги
Раздел «Новинки коллекции» с лентой украшений на манекенах
Раздел 03
Новинки коллекции
// Философия бренда

Украшения под ваш оттенок

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

Редакционный блок «Тонко и изящно» о подборе камней под оттенок кожи
// Анимации и интерактив

Живой интерфейс на всех устройствах

Плавные появления, слайдер новинок и деликатные состояния карточек сохраняют премиальное ощущение и на телефоне.

Мобильная версия: карточки категорий «Кольца» и «Браслеты»
Мобильная версия: каталог браслетов с ценами и фильтрацией
Мобильная версия: страница браслета с заказом через WhatsApp
// Внутренние страницы

Единая система на всём объёме

Разделы каталога, редакционные блоки о камнях и история бренда живут в одной светлой системе - тон выдержан на всём объёме.

bluestory-official.com
Каталог браслетов с ценами и боковой панелью фильтров
bluestory-official.com
Страница товара «Кольцо с бриллиантами» с описанием и характеристиками
bluestory-official.com
Редакционный блок «Японское качество» о производстве украшений
// Результат

Что получил клиент

Бренд получил светлую премиальную витрину: крупная съёмка украшений, понятные разделы каталога и заказ в один шаг через WhatsApp.

4
раздела каталога
5%
скидка новым
11-21
часы шоурума
Москва
Брюсов переулок
bluestory-official.com
BLUESTORY-OFFICIAL.COM Хочу так же! Ещё кейс
// Похожие кейсы

Ещё кейсы в категории «Разработка»

МОБИЛЬНОЕ ПРИЛОЖЕНИЕ
МАГИСТРАЛЬ 2 — приложение для деловой коммуникационной игры
AI-СЕРВИС ДЛЯ ЗДОРОВЬЯ
AI-приложение для диагностики здоровья полости рта «OralAI»
ЖИЛОЙ КОМПЛЕКС
Сайт ЖК «Новоуфимский»
×
// Заявка

Обсудить проект

Оставьте контакты. Перезвоним в течение 15 минут, обсудим задачу и предложим решение. Без обязательств.

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