Продавать духи онлайн — дело небанальное. В магазине клиент хотя бы может открыть флакон, послушать ноту и решить. В интернете приходится работать образами, ассоциациями и атмосферой. Тут мало просто «красивых картинок» — важно построить ощущение, которое максимально близко передаёт аромат через экран.

Мы взялись за задачу — упаковать эстетику запаха в цифровую оболочку.

Vittorio — бренд нишевой парфюмерии. Целевая аудитория — эстеты, коллекционеры и просто ценители, которые уже выросли из масс-маркета. Это люди, которые покупают не просто запах, а атмосферу, историю, личный штрих к стилю.

На старте у бренда не было сайта. Есть лишь философия: создавать ароматы с характером, вдохновлённые разными культурами и местами мира.

И стояла задача — превратить эту философию в цифровой бутик.

К этому моменту бренд уже определился: нужен подрядчик, который умеет превращать сложные продукты в вау-опыт. Плюс важным аргументом стало наше портфолио — за плечами у нас проекты для парфюмерной индустрии, отмеченные наградами.

Чего хотел клиент

• Сайт, который сразу знакомит с философией бренда
• Дизайн, в котором можно «увидеть» запах
• Опыт, где нет агрессивных продаж — есть вовлечение и желание «прикоснуться»

Серьезных ограничений по срокам, бюджету и технологиям не было. Это дало пространство для экспериментов.

После первой встречи с заказчиком мы разработали несколько вариантов концепции. В процессе беседы определились на одной, которая послужила вектором движения.

Именно этот этап позволил нам согласовать общее видение — стиль, тон и функциональность. Поэтому дальнейший дизайн был принят с минимальными доработками: команда двигалась в одном ритме с самого начала.

Что мы сделали

Простая, но концептуальная структура

Мы сознательно отказались от глубокой иерархии. Сайт Vittorio — не маркетплейс и не гипермаркет. Это нишевая парфюмерия, где коллекция ароматов невелика, а аудитория — ограниченная, но требовательная.

Поэтому мы приняли решение сразу демонстрировать ароматы с возможностью положить их в корзину без лишних кликов и прелюдий.

Каждая карточка — это маленькая сцена:

• визуализация флакона,
• ассоциативный ряд цветов, предметов и вкусов,
• история аромата, которая позволяет «услышать» замысел автора.

Такая подача решает сразу две задачи: — пользователь быстро находит нужный продукт и может сразу купить; — визуал и атмосфера не отвлекают, а вовлекают.

По задумке, именно простая структура + эмоциональная визуализация должны максимально приблизить онлайн-покупку к офлайн-опыту.

Главная страница сайта Vittorio стала не витриной, а настоящим путешествием по миру ароматов. Мы подошли к задаче так, словно создаём не интернет-магазин, а выставку произведений искусства. Каждый аромат подан как отдельная глава истории — со своей визуальной атмосферой, текстовым сопровождением и цветовой драматургией.

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

Чтобы сайт Vittorio не просто показывал ароматы, а вовлекал в них, мы добавили анимацию и интерактивные элементы, которые создают эффект «живой» страницы.

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

Такой подход решает сразу несколько задач:

• визуально разделяет похожие блоки, делая каждый уникальным;
• задаёт плавный ритм взаимодействия — сайт воспринимается как кинематографичное полотно, а не как набор экранов;
• усиливает премиум-стиль бренда: переходы мягкие, изысканные, а не «механические»;
• создаёт иллюзию, что пользователь листает книгу о бренде — страницу за страницей, аромат за ароматом.

Это решение стало ответом на пожелание заказчика: сайт должен быть интересным сам по себе, таким, чтобы его хотелось изучать даже без цели купить сразу.

Завершающий блок страницы посвящён истории Vittorio. Мы сделали его не просто текстовым разделом, а атмосферным финалом всего путешествия по сайту.

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

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

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

Визуализация аромата

Главный вызов — передать то, что нельзя передать.Сайт Vittorio — это не просто дизайн, а симбиоз дизайна и контента. Мы заранее составили рекомендации для фотографов и видеографов со стороны заказчика, обсудили стилистику, свет и композицию. Клиент предоставил нам атмосферные видео, фотографии и мини-истории про каждый аромат.

Мы работали через:

• цвет (теплые палитры для восточных ароматов, прохладные — для свежих),
• текстуры (бархат, металл, дерево),
• ритм макетов (чтобы сайт «дышал», как раскрывается парфюм).

Мы встроили этот контент в структуру сайта так, чтобы он органично поддерживал общую концепцию и усиливал эмоциональное восприятие бренда.

Фишка, которой нет у конкурентов.

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

Это не просто каталог, а интерактивное погружение: будто вы путешествуете по миру вместе с автором ароматов, открывая их географию и настроение.

Чтобы сделать взаимодействие с сайтом максимально комфортным, мы внедрили закреплённую панель навигации по ароматам в нижней части экрана. Благодаря этому пользователю не нужно возвращаться или прокручивать страницу — доступ к коллекции всегда под рукой.

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

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

В итоге мобильная версия ощущается так же премиально, как и десктоп, — без потери атмосферы и удобства.

За каждой визуальной деталью стоит серьёзная инженерия.

• Frontend: Vue.js + Nuxt — современные фреймверки, который позволяет собирать быстрые и интерактивные интерфейсы.
• Backend: Symfony + Drupal core — надёжный фундамент, который держит нагрузку и обеспечивает гибкость в управлении сайтом.
• Интеграции: онлайн-оплата, подключение транспортной компании с выбором ПВЗ по всей России и автоматический расчёт стоимости доставки.

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

На полный цикл — от концепции до запуска — ушло 6 месяцев. Мы тщательно проработали всё на старте: представили несколько концептов, вместе с клиентом выбрали лучший и двигались в рамках него.

Через 3 месяца линейка ароматов расширилась и их все необходимо было показать на главной странице. При этом нужно было дополнить систему анимаций не нарушая целостность восприятия сайта.

Мы провели полноценную SEO-оптимизацию, в дальнейшем приступаем к SEO-продвижению, чтобы сайт находили ещё больше ценителей нишевой парфюмерии. Цель — укрепить позиции в поиске и привести больше целевых клиентов.

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

Если у вас продукт, который сложно объяснить через экран — мы знаем, как реализовать это.