Свадебное ателье как кукольный театр: фарфоровая невеста, живые портреты по наведению и четыре акта до записи на приватную примерку.
Сайт частного свадебного ателье, где одну невесту принимают на девяносто минут без посторонних. Роль студии: исследование аудитории, концепция, арт-дирекшн, сценарий, UX/UI, авторская визуальная система, анимация и сборка сайта.
Видео-прогулка по проекту «VOILE»: от первого экрана до ключевого действия.
- Бриф
- Вымышленный бренд: Камерное свадебное ателье с персональной примеркой
- Продукт
- Три коллекции: Soft Light, Earth & Silk, Private Edition
- Формат
- Одна невеста, 90 минут, одна комната, без посторонних
- Аудитория
- Невесты, которым важны приватность, тактильность и авторский выбор
- Точка действия
- Запись на персональную примерку
- Роль студии
- Стратегия, концепция, арт-дирекшн, UX/UI, движение и разработка
Каталожная сетка платьев делала бы VOILE похожим на десятки салонов и продавала бы ассортимент вместо главной ценности — приватного опыта. Нужно было одновременно показать различия трёх коллекций, сделать вымышленный сервис предметным и понятным и провести человека к записи, не разрушив ощущение тишины рекламными приёмами свадебной индустрии.
Цели- 01Привлечь не массовую аудиторию, а невесту, которая выбирает камерность вместо свадебного глянца
- 02Передать ценность персональной примерки до разговора с ателье
- 03Развести три коллекции визуально ещё до чтения названий
- 04Показать предметную логику ремесла, ткани и процесс внутри авторского мира
- 05Выстроить короткий и спокойный путь от первого впечатления до записи
- 06Сохранить полноценную сцену и характер проекта на мобильном экране
Ограничения — не оправдание, а аргумент: они объясняют, почему решение выглядит именно так.
- Нельзя опираться на привычные свадебные клише: белый глянец, шампанское, блёстки и рекламный пафос противоречат бренду.
- Три коллекции близки по назначению, поэтому обычная сетка платьев стирала бы разницу между ними.
- Визуальный мир не должен превращать вымышленное ателье в сказку без адреса, процесса и понятной записи.
- Анимация обязана поддерживать тишину: без автозвука, резких переходов и движения ради эффекта.
- На телефоне сложная театральная композиция должна остаться читаемой и удобной для касания.
- Доказательством качества служат экраны и работающий сайт; вымышленные отзывы и неподтверждённые цифры не используются.
«Примерка как спектакль для одной зрительницы». Сайт поставлен в четырёх актах: занавес открывает фарфоровая невеста, примерочная знакомит с ремеслом, три коллекции выходят на сцену как персонажи, а финал приводит к приватной записи. Бордовый бархат даёт глубину и интимность, приглушённое золото — ощущение мастерства и церемонии, фарфор — хрупкость момента, тёплый свет — человеческое присутствие.
Открыть действующий сайт ↗Примерка, поставленная для одной зрительницы
Каталожная сетка сделала бы VOILE похожим на десятки салонов и продавала бы ассортимент вместо главного — приватной примерки. Поэтому сайт стал спектаклем в четырёх актах: вход, комната, коллекции как персонажи, запись.
Доказательство 01 — входная сцена VOILE
Сцена вместо витрины
- Задача
- За первые секунды отделить VOILE от типового свадебного салона.
- Ограничение
- Каталог на первом экране сразу переводил бы разговор к количеству платьев и цене.
- Решение
- Вход устроен как театральная сцена: золочёная рама, тяжёлый бордовый занавес, тёплые огни и одна фарфоровая героиня. Сначала человек встречает характер, затем ассортимент.
- Задуманный эффект
- Первый экран фильтрует аудиторию по вкусу и обещает приватное событие, а не массовую покупку.
Доказательство 02 — акт о пространстве и ремесле
Четыре акта вместо длинной страницы
- Задача
- Провести невесту от эмоции к понятному действию.
- Ограничение
- Линейный рекламный лендинг разрушал бы камерный ритм, а сложное меню — историю.
- Решение
- Контент собран как спектакль: вход, пространство ателье, коллекции-персонажи и финальная запись. Каждый акт отвечает на следующий вопрос посетительницы и сохраняет одну интонацию.
- Задуманный эффект
- Путь читается без инструкции: почувствовать атмосферу → увидеть выбор → понять процесс → записаться.
Доказательство 03 — три характера коллекций
Три коллекции — три персонажа
- Задача
- Сделать различия коллекций видимыми до чтения описаний.
- Ограничение
- На одинаковых моделях и в одинаковой сетке силуэты воспринимались бы как один ассортимент.
- Решение
- Soft Light получила длинную воздушную фату, Earth & Silk — короткую шёлковую с веночком, Private Edition — кружевную мантилью с тиарой. Одна фарфоровая героиня меняет характер вместе с коллекцией.
- Задуманный эффект
- Посетительница сначала узнаёт себя в образе, а уже затем входит в соответствующую коллекцию.
Доказательство 04 — цветовая система в главе Soft Light
Бордовый, золото и фарфор — не декор
- Задача
- Собрать цветовую систему, которая говорит о приватности и мастерстве.
- Ограничение
- Чистый белый делал бы сайт клиническим, яркое золото — громким, а розовый — слишком привычно свадебным.
- Решение
- Бордовый работает как затемнённый бархатный зал, старое золото — как след ручной работы и церемонии, молочный фарфор — как светлая точка внимания. Тёплый янтарный свет связывает цифровую сцену с живым ателье.
- Задуманный эффект
- Цвет не украшает интерфейс, а заранее сообщает: здесь тихо, лично, материально и не массово.
Доказательство 05 — живой портрет коллекции
Живой портрет вместо карусели
- Задача
- Показать движение ткани и сохранить ощущение ручной сцены.
- Ограничение
- Постоянное видео отвлекало бы, утяжеляло страницу и спорило с обещанием тишины.
- Решение
- Портрет оживает только в ответ на интерес: при наведении или касании героиня кружится и поправляет фату, мерцают лампа и огни. Без взаимодействия кадр остаётся спокойным; reduced-motion сохраняет статичную версию.
- Задуманный эффект
- Движение становится наградой за внимание и показывает пластику образа, не превращая сайт в аттракцион.
Доказательство 06 — финальная запись на приватную примерку
Реальность внутри сказки
- Задача
- Показать образ ателье и понятную логику сервиса за сценографией.
- Ограничение
- Одна художественная метафора без деталей процесса снижала бы доверие.
- Решение
- В театральную историю встроены предметные свидетельства: стойка платьев, зеркало, сантиметровая лента, ткань и последовательность примерки. Финал формулирует конкретное предложение — персональная встреча на 90 минут.
- Задуманный эффект
- Эмоциональное желание получает рациональную опору и естественный выход в запись.
Доказательство 07 — мобильная сцена и коллекции
Та же пьеса на телефоне
- Задача
- Сохранить сцену для аудитории, приходящей из социальных сетей.
- Ограничение
- Рама, занавес, героиня и подписи не помещаются на узком экране в десктопной композиции.
- Решение
- Мобильная версия перестраивает сцену по вертикали, сохраняет крупную героиню и переводит взаимодействия с наведения на касание. Декор уступает место содержанию, но цвет, свет и ритм остаются прежними.
- Задуманный эффект
- Телефон не показывает уменьшенный десктоп: посетительница получает тот же характер и прямой путь к записи.
- ×Не делали белый свадебный шаблон — он стирал бы приватный характер VOILE.
- ×Не выводили десятки платьев на первый экран — сначала продаётся опыт, затем выбор.
- ×Не использовали скидки, таймеры, дефицит и вымышленные отзывы.
- ×Не включали автозвук и непрерывную анимацию — движение остаётся деликатным.
- ×Не прятали запись за длинной анкетой — финал ведёт к личной примерке.
#35151d
Бордовый бархат
#a78346
Состаренное золото
#eadfcf
Фарфоровый свет
#c48355
Янтарная лампа
#130d0f
Театральная тень
- Титры
- DM Serif Display
- Текст
- Fira Sans
- Для VOILE создан собственный визуальный мир, который невозможно спутать с каталогом свадебного салона.
- Три коллекции стали тремя различимыми характерами, а не соседними карточками одного ассортимента.
- Художественная концепция связана с продуктом: каждый акт отвечает на реальный вопрос невесты.
- Сценография поддержана доказательствами ремесла и завершается конкретной записью на 90-минутную примерку.
- Широкий фильм и семь экранов фиксируют решение от первой сцены до мобильной версии.
Самостоятельный концепт. Концепция, изображения и фильм, арт-дирекшн, сценарий, UX/UI, визуальная система, анимация и разработка — Юлия Юрчевская, Julia Web Studio.
Проект живёт в сети — можно посмотреть вживую
Смотреть сайт ↗