RozoVeresk: букет для каждого
Создание бренда и веб-сайта для цветочного салона «RozoVeresk» — проект, в котором эстетика, ботаника и digital-дизайн встретились, чтобы передать атмосферу живого цветочного бутика.
О проекте
«RozoVeresk» — это не просто цветочный магазин, а салон с философией. Каждый букет здесь собирается вручную, с вниманием к деталям и настроению получателя. Задача была — создать цифровой образ, который передаст тёплое, уютное, но при этом современное ощущение от визита в сам салон.
Подбор брендовых цветов
Цветовая палитра — сердце этого проекта. Мы хотели отойти от стереотипных цветочных сайтов и создать нечто более глубокое и природное.
Отправной точкой стали два растения из названия: роза и вереск. Роза дала направление к мягким пудровым оттенкам — благородным, тёплым, но не кричащим. Вереск, растущий в полях и лесах, подсказал приглушённые сиреневые, фиолетовые и серо-зелёные тона.
Цвета тестировались в разных комбинациях: проверяли контраст на мобильных экранах, смотрели, как палитра ведёт себя при дневном и вечернем освещении (для фотографий букетов), и в итоге собрали гармоничную систему, где каждый оттенок работает на общее настроение.
Реализация сайта
Сайт построен на системе управления контентом Directus, что дало владельцам салона полную свободу в управлении каталогом и контентом без помощи разработчиков.
Особое внимание уделили микроанимациям: плавное появление элементов, деликатный параллакс на главном экране, «живой» курсор в виде маленького цветка. Эти детали не отвлекают, но создают ощущение, что сайт «дышит» — как настоящий букет.
Результат
Сайт «RozoVeresk» стал не просто витриной, а полноценным цифровым пространством, отражающим философию бренда. За первые две недели после запуска количество заказов через сайт выросло на 40% по сравнению с заказами по телефону, а средний чек увеличился за счёт того, что клиенты стали чаще добавлять композиции из конструктора.
Цвета, шрифты, фотографии — всё работает как единый организм, где каждая деталь напоминает о том, что красота кроется в мелочах.
Технологии
WordPress CMS • HTML5 • CSS3 (SCSS) • JavaScript (Vanilla) • Адаптивная вёрстка • Оптимизация изображений WebP • Микроанимации CSS
Готовы создать свой проект?
Свяжитесь с нами, и мы поможем воплотить вашу идею в жизнь!