Частная продажа · Сайт-каталог · Айдентика · Без корзины
Aura Salem
Частная коллекция мебели, оформленная как музейный каталог и созданная, чтобы продавать при личной встрече.
- Клиент
- Aura Salem
- Сфера
- Антикварная и стильная мебель · Частная продажа
- Рынок
- Салем, Массачусетс · США
- Роль
- Айдентика, арт-дирекшн, UX-тексты и полная разработка
- Сроки
- Октябрь 2026
- Что входило
- Логотип · Каталог · Карточки · Проверка габаритов · Планировщик вывоза · Заявки
Несколько лет женщина покупала мебель для дома, который так и не купила: резной орех, мрамор, латунь, гранёное стекло. Теперь всё это нужно продать, не превращаясь в магазин. Корзины и доставки нет: сделка происходит у неё в гостиной, в Салеме. Поэтому задача сайта уже и сложнее: приводить людей, которые уже знают, что вещь у них поместится, как они её увезут и что хотят увидеть её вживую.
- Измерено · Lighthouse 13.5, мобильный, 18.10.2026
- Оценка · первые восемь недель, по журналу заявок владелицы и Ads Manager
Дорогая мебель, которую продаёт частное лицо: ни бренда, ни гарантии, ни отзывов. Старый сайт был шаблоном магазина с корзиной, которой никто не мог воспользоваться, «Call for price» у каждого предмета, растянутыми фотографиями, громкими «100% authentic» без единого доказательства и её домашним адресом и телефоном на каждой странице. Настоящие вопросы (какой размер, пройдёт ли в дверь, как это увезти) оставались без ответа, и люди просто не писали.
Подать коллекцию как аукционный каталог: пронумерованные предметы, честные факты, у каждого утверждения есть источник. А затем ответить на три вопроса, из-за которых люди не пишут, ровно там, где они возникают.
От шаблона магазина к частному каталогу
Первый экран теперь одной фразой объясняет, что это: частная коллекция в Салеме, просмотр по записи, самовывоз. Ни всплывающих окон, ни карусели, ни бегущей строки, ни корзины. Только мебель, которой отдан весь экран, и два понятных входа. Проведите по изображению:
Три остановки для взгляда
Первый экран задаёт порядок чтения, а не собирает коллаж. Этот построен так, чтобы внимание останавливалось в трёх местах и именно в таком порядке: что это, сама мебель и единственное важное действие. Всё остальное (навигация, лампа, мелкий текст) намеренно остаётся в тени. Карта внимания показывает этот путь поверх настоящей страницы.
- 1Заголовок: что это, одной фразой
- 2Резная розетка: дальше говорит мебель
- 3Одна светлая кнопка, один очевидный следующий шаг
Каталог, который читается как книга
На главной коллекция раскрывается разворотом: слева иллюстрация в обрез, справа нумерованный указатель. Иллюстрация меняется вместе с предметом, который вы читаете, и при этом не перехватывает прокрутку. На телефоне разворот превращается в ленту, которую листают большим пальцем.
- Предметы пронумерованы от AS-01 до AS-14, как лоты на торгах
- Цена, размеры и статус на каждой карточке: никаких «цена по запросу»
- Вид галереи или указателя и фильтры по категориям, которые работают без JavaScript
- 1Номер разворота, как номер страницы
- 2Номер лота и понятное название
- 3Цена на виду
- 4Кольцо статуса из логотипа
Карточка, которая читается как отчёт о состоянии
Цена на виду. Если её скрыть, это никого не отсеет, а лишь отложит момент, пока все не потеряют полдня. Рядом указано, что заявка делает и чего не делает (ничего не бронирует и ни к чему не обязывает), размеры в двух системах мер, честная оценка состояния и заметки о вывозе.
Лупа ×2 следует за курсором по резьбе, текстуре дерева и фурнитуре, а изображение в полном разрешении загружается только при открытии.
Работа, которую не видно
Старая страница весила 23 МБ, и на телефоне её главное изображение появлялось через две минуты. Новая весит меньше 1 МБ, а JavaScript на весь сайт занимает 11 КБ. Ни трекеров, ни аналитики, фотографии с телефона теряют GPS-координаты по дороге, а адрес отправляется только после подтверждения визита. Всё работает на бесплатных тарифах: платить приходится только за домен.
- Новый предмет: папка с одним текстовым файлом и фотографиями. Ни админки, ни подписки.
- Одна команда готовит фото с телефона: конвертирует, выравнивает, стирает геоданные
- Публикация не пройдёт, если остались демо-карточки или включён предпросмотр
- 29 автотестов для формы заявки; почта подписана DKIM, SPF и DMARC
Я хотела продать мебель, не открывая магазин и так, чтобы это не выглядело как блошиный рынок. Эрнест сразу понял, что мне нужно. Я хотела, чтобы каждую вещь видели такой, какой она того заслуживает, а тот, кто пишет, уже знал, поместится ли она и как её увезти. Сайт прекрасный, а главное, заявки приходят полными.
Система за экранами
Мебель богато украшена, поэтому интерфейс остаётся спокойным и никогда с ней не спорит. Всё держится на одной идее: открытая «a» логотипа, ореол с просветом, становится системой, которая показывает, доступен ли ещё предмет.
Цвет
Три цвета статуса, и больше ничего. У каждого оттенка в интерфейсе своя задача, а тепло дают орех, мрамор и латунь на фотографиях.
Типографика
A private collection of furniture, in Salem.
Заголовки · текст для чтенияАнтиква с оптическими размерами: тонкая в 168 px, крепкая в 19 px. Курсив звучит вторым голосом.
W 46 × D 21 × H 35 in · About 160 lb
Данные · элементы управления · подписиПростой гротеск для всего, что измеряют, сравнивают или нажимают.
Сетка и отступы
- Колонки
- 12
- Макс. ширина
- 1680px
- Межколонник
- 32px
- Базовый шаг
- 8px
Двенадцать колонок до 1680 px, гибкие поля и кегли. Заголовки до 168 px против подписей в 12 px: иерархию задаёт масштаб, а не цвет.
Решения и их причины
-
01
Цена всегда на виду
ПочемуОна сразу говорит, стоит ли ехать, и отсеивает заявки, которые ни к чему бы не привели.
Вместо
«Call for price», из-за которого любой вопрос превращается в звонок. -
02
Три пункта в меню
ПочемуCollection, Viewings & pickup, Contact: три вещи, ради которых сюда приходят.
Вместо
Девять вкладок, блог и магазин для продажи, у которой нет ни того, ни другого. -
03
Анимация никогда не прячет контент
ПочемуКрасота делает сайт на вид удобнее, но не оправдывает препятствий (NN/g, эффект эстетики и удобства).
Вместо
Перехваченная прокрутка, всплывающее окно и самокрутящаяся карусель. -
04
Никакой ложной срочности
ПочемуНи обратных отсчётов, ни «остался 1», ни зачёркнутых цен (Mathur et al., 2019). Здесь каждый предмет и так единственный.
Вместо
Баннеры срочности, позаимствованные у масс-маркета. -
05
Один свет для четырнадцати предметов
ПочемуФотографии владелицы с помощью ИИ получили единый свет и одну стену, а сами предметы остались нетронутыми, чтобы коллекция читалась как единое целое.
Вместо
Четырнадцать комнат, четырнадцать светов, четырнадцать цветовых оттенков.
Схема
- Открытая «a» логотипа
- Доступен · открытое кольцо
- Продажа в процессе · кольцо с точкой
- Продан · закрытый диск
- Индикатор отправки
- Отметка «сообщение отправлено»
- Шаги визита
- Конец линии между разделами
- Логотип и гид по айдентике
- Арт-дирекшн и фотография
- Контент-стратегия и UX-тексты
- Каталог: разворот, галерея и указатель
- 14 карточек с блоком «What is known»
- Проверка «Will it fit?»
- Список просмотра и планировщик вывоза
- Форма заявки, антиспам и отправка писем
- Скрипты обслуживания для владелицы без технических навыков
- Открыть каталог поисковикам: по проиндексированной странице на каждый предмет.
- Собирать объявление для каждого предмета из его фото и данных со ссылкой на карточку.
- Прайс-лист на одну страницу для декораторов из того же источника данных.
