Концепт сайта для парфюмерной мастерской — Гнездовье
Тёмный кадр мастерской с лампой светлеет под курсором, а у каждого аромата есть своё окно с нотами и объёмами.
Запись прокрутки сайта от первого экрана до подвала, 0:47. Вживую сайт отвечает на прокрутку и курсор — откройте живую версию.
Что это за сайт
Одностраничный сайт мастерской ботанической парфюмерии, которая сама делает абсолюты для своих духов. Страница рассказывает историю по порядку: сырьё, экстракция, слова парфюмера, линейка из одиннадцати ароматов, духи на заказ, моноароматы и наборы, шоурум и ответы о доставке. Купить на странице нельзя: кнопки в шапке и в окне каждого аромата ведут в магазин мастерской.
Оформление
Тёмная гамма: почти чёрный тёплый фон, текст цвета льна и янтарный акцент. Заголовки собраны из гротеска Inter и курсива Playfair Display, подписи набраны моноширинным PT Mono. Фотографии документальные: склянки, сырьё и стол мастерской в тёплом свете лампы.
Кому подойдёт такой подход
- Нишевые парфюмерные и косметические марки
- Ремесленные мастерские с собственным производством
- Бренды, которым важно показать сырьё и процесс
Что внутри
Первый экран со светом лампы
Фотография мастерской затемнена, светлое пятно стоит на лампе. Оно идёт за курсором и открывает кадр в полную яркость, а без курсора возвращается к лампе.
Лента сырья
Закреплённая сцена: пять карточек — бархатцы, полынь, тополь, ладан и сено — едут по горизонтали вместе с прокруткой, счётчик показывает номер текущей.
Экстракция и ремесло по прокрутке
Три закреплённые сцены подряд: фотографии процесса сходятся в композицию с четырьмя шагами, слова цитаты собираются в строку, сетка снимков вырастает и набирает цвет.
Окна ароматов
У одиннадцати ароматов линейки, премиального аромата, шести моноароматов и двух наборов есть своё окно: история, ноты, пирамида, стойкость, объёмы и цены.
Духи на заказ, шоурум и вопросы
Четыре этапа работы над личным ароматом, блок шоурума со ссылкой на маршрут и шесть ответов о заказе, доставке и возврате снимают вопросы до покупки.
