Мы измерили девять сайтов люксовых брендов. Вот что в их дизайне работает

Шрифты, кнопки, цены и анимация, измеренные на живых сайтах в октябре 2026 года.

МЕТОДИКА

Измеряли, а не любовались

У каждого дизайнера есть мнение о люксовых сайтах. Почти всегда оно складывается одинаково: вы открываете Cartier или Van Cleef & Arpels, минуту листаете, чувствуете что-то дорогое и уходите с впечатлением. Мне хотелось чего-то полезнее впечатления, поэтому на этот раз мы измеряли.

В ночь с 9 на 10 октября 2026 года наша команда открыла девять сайтов ювелирных и люксовых домов: Cartier, Graff, Van Cleef & Arpels, Tiffany & Co., Bulgari, David Yurman, Messika, Mikimoto и Brunello Cucinelli. Мы смотрели американские версии сайтов в окне компьютера 1440 на 900 пикселей и на экране телефона 390 на 844. У каждого бренда разбирали главную, категорию, обычное изделие и, если такое есть онлайн, изделие High Jewellery. Необязательные cookies мы отклоняли, ничего не клали в корзину и не отправляли формы. Шрифты, цвета, форму кнопок и длительность анимации брали из стилей, которые вычисляет сам браузер, поэтому каждая цифра ниже показывает, что сайт действительно отображал в тот день, а не то, как это выглядит на глаз.

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

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

Коротко

• Пять домов решают вопрос цены High Jewellery пятью разными способами: от «Price on application» до колье за $250,000 с кнопкой ADD TO CART.
• Люкс быстрый. Большинство кнопок меняют состояние за 0 до 0,5 секунды, а спокойствие создают пространство и неподвижность, а не медленная анимация.
• У шести кнопок покупки из восьми идеально прямые углы, и почти все они чёрные.
• Обычная пара шрифтов: антиква для названий и гротеск для интерфейса. Cartier делает наоборот.
• Даже лучшие допускают базовые ошибки: кнопка с контрастом 1,3:1, главная весом 19,9 МБ, окошки чата поверх кнопки покупки.

ЦЕНА

Пять домов, пять ответов на вопрос «сколько?»

Самое интересное дизайнерское решение на люксовом сайте касается не шрифта и не цвета. Оно касается того, что стоит рядом с изделием по цене квартиры. Мы сравнили страницы изделий High Jewellery и нашли пять разных ответов.

Graff прячет цену. У кольца с бриллиантом изумрудной огранки написано «Price on application», и корзины нет вовсе. Вместо неё закреплённая полоса внизу экрана предлагает три способа поговорить с человеком: ENQUIRE, APPOINTMENT BOOKING и ORDER BY PHONE. Тот же сайт продаёт подвеску за $4,300 с обычной кнопкой ADD TO BAG, так что переход от магазина к салону сделан намеренно.

Van Cleef & Arpels показывает цену, но не корзину. Серьги Flowerlace стоят «$ 40,400 Excluding taxes», а купить их можно только через ORDER BY PHONE. Знать цифру вам позволено, положить её в корзину нет.

Cartier показывает цену и сохраняет логику магазина. Колье из линии Faune et Flore в разделе High Jewelry показывает $154,000 в той же закреплённой полосе, что и подвеска за $2,830. Изделия не было в наличии, поэтому главная кнопка говорила NOTIFY ME.

Tiffany продаёт его как подвеску. Колье Schlumberger за $250,000 из подборки High Jewelry использует ровно тот же шаблон, что и подвеска Tiffany Knot за $1,900: чёрная ADD TO CART, под ней BOOK AN APPOINTMENT и FIND IN STORE.

У Bulgari страницы изделия нет вообще. Коллекция High Jewelry Eclettica представлена журнальной страницей высотой 11 470 пикселей, с восемью видео, без цен и с формой «Contact an expert» в самом конце.

Ни один из этих вариантов не ошибочен. Каждый говорит об отношениях, которых хочет дом. Graff и Bulgari считают, что изделие такого уровня начинается с разговора. Van Cleef & Arpels открыт в цене, но покупку оставляет личной. Cartier и Tiffany относятся к сайту как к настоящему магазину на любом уровне цен. Урок для дизайна в том, что решение о цене нужно принять до того, как нарисована страница, потому что оно меняет шаблон, кнопки и полосу на телефоне.

На этом уровне цена это дизайнерское решение, а не поле в базе.

АНИМАЦИЯ

Люкс не медленный

Я ожидал, что замеры подтвердят штамп: дорогие сайты двигаются медленно. Не подтвердили.

У Van Cleef & Arpels каждая измеренная кнопка меняет состояние мгновенно, с переходом 0 секунд. У David Yurman 0,15 секунды, у Mikimoto 0,15, у Bulgari 0,2, у Graff 0,3, у Messika и Tiffany 0,4, у Cartier 0,5 на кнопках и появлениях. Самой длинной анимацией, которую мы нашли, оказалось появление фотографий изделий у Van Cleef & Arpels за 0,5 секунды. У большинства ссылок на большинстве сайтов перехода нет совсем.

Откуда тогда ощущение спокойствия? Из того, чего страницы делать отказываются. На первых экранах очень мало слов: 28 на главной Cartier, от 34 до 38 у Van Cleef & Arpels и Messika. Фотографии получают всю ширину. Ничто не мигает, требуя внимания. Сайт может отвечать за десятую долю секунды и при этом не казаться торопливым, потому что неподвижность заложена в раскладке, а не в кривой анимации.

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

КНОПКИ

Прямые углы и чёрная кнопка

Если хотите знать, как выглядит люксовая кнопка покупки в 2026 году, цифры почти единодушны.

У главной кнопки покупки скругление углов ровно 0 у Graff, Van Cleef & Arpels, David Yurman, Messika, Cartier и Tiffany & Co. Скругляет только Bulgari, на 3 пикселя, и Mikimoto, на 4. Кнопки-капсулы, которые господствуют в массовом интернет-магазине, ни на одном из девяти сайтов не встречаются в роли главного действия.

Цвет подчиняется той же дисциплине. David Yurman, Messika, Tiffany и Bulgari используют чистый чёрный (#000000), Cartier почти чёрный #1d1c1c. Только два дома ставят на кнопку собственный цвет: Graff приглушённую бронзу #897358, которой окрашены и верхняя полоса, и кнопка чата, а Mikimoto бледное золото #e5d3a9 с более тёмной золотой рамкой. Van Cleef & Arpels поступает ещё тише: ADD TO BAG у него просто белый прямоугольник с контуром.

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

ШРИФТЫ

Антиква для названия, гротеск для остального

Четыре дома используют классическую люксовую пару: антикву для названий изделий и заголовков и гротеск для интерфейса. Graff набирает названия изделий шрифтом ChronicleDisplay очень светлого начертания 200 (32 px на странице изделия, 38 px в High Jewellery), а текст и навигацию шрифтом Optima Nova. Van Cleef & Arpels ставит Janson Text кеглем 45 px на главной и в категориях и Maison Neue кеглем 13 px для всего, на что можно нажать. Tiffany сочетает антикву Sterling SSM, сжатую отрицательным межбуквенным интервалом, с гротеском Santral. Mikimoto использует Cormorant Garamond.

Cartier меняет роли местами. Названия изделий, цены, навигация и кнопки набраны гротеском Brilliant Cut начертания 600 прописными, а антиква Fancy Cut появляется только в описаниях. Получается скорее архитектурно, чем романтично, и узнаётся мгновенно.

Два дома обходятся одним семейством для всего: Messika шрифтом Futura PT, где цена единственный жирный текст на странице изделия, и Bulgari собственным Bulgari Type светлого начертания 300.

То, как набрана цена, говорит не меньше шрифтов. Tiffany печатает и $1,900, и $250,000 кеглем 13 px, тем же, что основной текст, словно число всего лишь деталь. Mikimoto набирает цену своей антиквой 28 px, ровно того же размера, что и название изделия. Bulgari и Mikimoto показывают центы ($3,950.00), Graff, Van Cleef & Arpels и Bulgari добавляют рядом с цифрой «excluding taxes». Ничего из этого не случайно: размер цены показывает, насколько бренду с ней комфортно.

ПЕРВЫЙ ЭКРАН

Одна картинка или движущееся шоу

Главные страницы делятся на два лагеря. Graff, Cartier, David Yurman и Messika открываются видео. Первый экран Graff это видеослайдер, заголовок которого менялся между нашими двумя визитами («Say yes with Graff», потом «Diamonds Take Flight»); на одном снимке белый заголовок лежит на светлой вуали и почти исчезает. Автоматическое видео David Yurman хотя бы снабжено заметными кнопками паузы и звука, это маленькая вежливость, которую большинство сайтов пропускает.

Van Cleef & Arpels и Brunello Cucinelli поступают наоборот. Van Cleef & Arpels отдаёт первый экран одному изделию, балерине из драгоценных камней, с двухстрочным заголовком и одной текстовой ссылкой. Cucinelli ставит одну фотографию кампании во всю ширину и две текстовые ссылки. Именно эти экраны ощущаются самыми дорогими, и их же проще всего сделать и быстрее всего понять.

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

Одно изделие на тихом экране всё ещё выглядит дороже любого шоу.

ОШИБКИ

Где ошибаются даже лучшие

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

Контраст. Van Cleef & Arpels набирает ORDER BY PHONE чёрным текстом (#000000) на почти чёрной кнопке (#222222). Контраст около 1,3:1, а рекомендации по доступности требуют для текста такого размера не меньше 4,5:1. На экране надпись едва видна. И это та самая кнопка, которую дом больше всего хочет, чтобы вы нажали в High Jewellery.

Вес. Главная Graff при первом визите загрузила 19,9 МБ, Van Cleef & Arpels 15,7 МБ. Главная David Yurman весила 5,5 МБ, но потребовала 287 отдельных запросов. На телефоне в лобби отеля это разница между тем, чтобы увидеть кампанию, и серым прямоугольником.

Всё, что лежит поверх кнопки покупки. На телефоне шириной 390 px кнопка чата Graff перекрывает ADD TO BAG, кнопка «Help» у Messika закрывает часть ADD ENGRAVING, а виджет доступности Mikimoto лежит на левом краю закреплённой полосы ADD TO BAG. Скорее всего, каждый из этих виджетов добавляла своя команда в своё время, и никто не посмотрел на них вместе на маленьком экране.

Помехи. Messika открыла окно подписки на рассылку поверх категории и страницы изделия через несколько секунд после того, как мы отклонили cookies.

Структура. На пяти главных из девяти нет видимого заголовка h1, а у Brunello Cucinelli h1 есть, но пустой. На мобильных карточках категории Mikimoto рядом с названиями видны внутренние складские коды вроде «U___16W_CFG». Ничего из этого не видно в дизайн-макете, именно поэтому оно и выживает.

СЕРВИС

Человек за страницей

Каждый из девяти сайтов старается держать живого человека в зоне досягаемости, и способы стоит изучить. У David Yurman на каждой странице полоса с BOOK AN APPOINTMENT и CONTACT US, а на главной ещё и раздел «At your service». Messika держит чёрную полосу сверху: «A Messika adviser is available to respond to all your questions». Cartier ставит CONTACT AN AMBASSADOR и BOOK AN APPOINTMENT тихими текстовыми ссылками под кнопкой покупки. Tiffany и Mikimoto помещают в шапке рядом с корзиной маленький сервисный звонок. Дальше всех пошёл Brunello Cucinelli с закреплённой кнопкой «AI Boutique» на каждой странице.

Оплата тоже стала частью люксового интерфейса. David Yurman, Messika и Mikimoto показывают под ценой ежемесячные платежи через Affirm, Graff предлагает Splitit, а David Yurman прямо на странице изделия даёт выбрать доставку или самовывоз из бутика. Самые люксовые сайты больше не самые недоступные; это те, где легко дотянуться до человека и легко заплатить.

НАШИ ПРАВИЛА

Что мы берём себе и чего не делаем

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

Берём:

• Один объект на первом экране и очень мало слов.
• Антикву для названий и важных чисел, спокойный гротеск для всего, на что нажимают.
• Прямые или почти прямые кнопки, один сильный цвет для главного действия, всё остальное тихо.
• Решение о цене для каждого ценового уровня до того, как нарисован первый шаблон.
• Человека на расстоянии одного касания на каждой странице, но не поверх кнопки покупки.

Не делаем:

• Карусели и автоматические слайдеры как первое впечатление.
• Кнопки-капсулы в роли главного призыва за пределами оформления заказа.
• Фирменный цвет, разлитый на целые секции, вместо цвета в деталях.
• Плавающие виджеты, которые никто не проверил вместе на экране шириной 390 px.
• Главные страницы, которые весят больше, чем стоит видео кампании.

Такой дизайн меньше про изобретение и больше про дисциплину: про решение, чего страница делать не будет. О том же принципе со стороны посетителя мы писали в статье о дизайне, который не замечают. Если ваш бренд живёт в этом мире, наша работа по UI/UX-дизайну начинается именно с такого замера вашего рынка.

Люкс на экране это прежде всего дисциплина не добавлять лишнего.

FAQ

Источники

Замеры Peretz Agency от 9 и 10 октября 2026 года (американские версии сайтов, компьютер 1440 × 900 и телефон 390 × 844, вычисленные стили). Измеренные страницы:

• Graff: кольцо High Jewellery, подвеска Butterfly
• Van Cleef & Arpels: серьги Flowerlace, подвеска Vintage Alhambra
• Cartier: колье Faune et Flore, подвеска Love
• Tiffany & Co.: колье Schlumberger, подвеска Tiffany Knot
• Bulgari: High Jewelry Eclettica, колье Divas' Dream
• David Yurman, Messika, Mikimoto, Brunello Cucinelli: главная, категория и страница изделия американских версий сайтов
• W3C: Understanding contrast (minimum), WCAG 2.2