Blooming Treasures
Магазин ручной мастерской: цветы, текстильные куклы и сувениры в языке сюрреалистичного сада-коллажа, где покупка идёт по поводу, а не по каталогу.

Интернет-магазин небольшой ручной мастерской: цветы, текстильные куклы и винтажные сувениры. Роль студии — концепция, арт-дирекшн, UX/UI, фронтенд и структура контента.
Видео-прогулка по экранам: вход, главы-дисциплины, магазин и хранилище.
- Бизнес
- Мастерская: флористы и мастера текстильных кукол
- Ассортимент
- Цветы, куклы ручной работы, винтажные сувениры
- Производство
- Ручное, малыми партиями, наличие меняется в течение дня
- Аудитория
- Дарящие: повод важнее товара, покупка часто с телефона
- Повторные заказы
- Постоянные клиенты — 5–10 заказов в год
- Контент
- Ведут сами мастера, без разработчика и без крупных съёмок
Рынок цветочной доставки визуально одинаков: белый фон, сетка карточек, фильтр по цене. В такой среде ручная мастерская автоматически попадает в сравнение по цене, которое не может выиграть. Плюс две трети ассортимента — куклы и сувениры — были не видны за словом «цветы».
Цели- 01Показать три категории равнозначно: цветы, куклы, сувениры
- 02Вести по поводу, а не по товару
- 03Сделать сайт носителем атмосферы мастерской — рукотворность и штучность
- 04Закрыть повторные покупки: кабинет, получатели, повтор заказа, напоминания
- 05Быть быстрым и удобным на телефоне — подарки покупают на бегу
Ограничения — не оправдание, а аргумент: они объясняют, почему решение выглядит именно так.
- Ассортимент нестабилен: товары появляются и заканчиваются в течение дня — сетка не должна ломаться.
- Нет бюджета на регулярную съёмку каталожного уровня — визуальную силу даёт графика и композиция.
- Контент ведут сами мастера: никаких сложных конструкторов страниц.
- Мобильный трафик преобладает — тяжёлые сценарии там неуместны.
- Анимации обязаны корректно отключаться при prefers-reduced-motion.
«Сюрреалистичный сад-коллаж»: гравюрные глаза, лепестки-порталы, акварельные текстуры и вырезанные ножницами ярлычки. Форма повторяет производство — мастерская тоже собирает целое из разнородного.
Первый экран: три лепестка-портала
Первый экран — портал из лепестков
- Задача
- Показать три категории равнозначно с первой секунды.
- Ограничение
- Классический хиро с букетом сразу обнуляет две трети ассортимента.
- Решение
- Вместо баннера с акцией — три больших лепестка вокруг «зрачка»-портала: Flowers / Dolls / Souvenirs. Лепестки кликабельны и анимированы.
- Эффект
- Пользователь сразу понимает: тут три мира. Растёт доля заказов в куклах и сувенирах — товарах с более высокой маржой и без срока годности.
Глава Flowers: сцена уезжает влево
Горизонтальное путешествие по главам
- Задача
- Дать атмосферу мастерской, не потеряв навигацию.
- Ограничение
- Сложный сценарий нельзя тащить на мобильный и в reduced-motion.
- Решение
- На десктопе скролл двигает сцену влево: портал → Flowers → Dolls → Souvenirs. На мобильном — честная быстрая вертикаль.
- Эффект
- Глубина просмотра и время на сайте: человек не выбирает раздел, он проходит выставку.
Souvenirs: карточки-бутоны
Карточка-бутон
- Задача
- Цена и кнопка «Add» должны быть видны и кликабельны.
- Ограничение
- В первой версии прототипа они перекрывались формой лепестка.
- Решение
- Карточка имеет органичную форму лепестка и при наведении раскрывается вниз, а не сжимается — как распускающийся бутон.
- Эффект
- Кнопка покупки не спорит с эстетикой, область клика больше — меньше потерь на шаге «добавить в корзину».
Ритм из трёх карточек в каждой главе
«More treasures — coming soon»
- Задача
- Витрина не должна проваливаться при пустом складе.
- Ограничение
- Нестабильное ежедневное наличие.
- Решение
- В каждой главе всегда ровно три карточки; если товаров меньше — место занимает оформленная заглушка.
- Эффект
- Ровный ритм читается как «здесь всегда есть что посмотреть», а заглушка работает обещанием возврата.
Поводы: отдельные лепестки-страницы
Навигация по поводам
- Задача
- Человек, покупающий подарок, знает не «что», а «зачем».
- Ограничение
- Каталог заставляет выбирать вместо того, чтобы рекомендовать.
- Решение
- Отдельный блок и отдельные страницы поводов — день рождения, извинение, «просто так», корпоратив.
- Эффект
- Самый прямой путь к конверсии, плюс каждая страница повода — посадочная под поисковый запрос и бесплатный трафик.
Кабинет: ярлычки получателей и повторов
Личный кабинет как «личный уголок»
- Задача
- Закрыть экономику повторных покупок.
- Ограничение
- Кабинет не должен выглядеть как административная панель.
- Решение
- Раскрывающаяся панель с плавающими ярлычками: сохранённые получатели, повтор заказа в один клик, напоминания о датах, корпоративные скидки.
- Эффект
- Напоминание о дате — заказ, которого иначе не было бы; повтор в один клик снимает главный барьер второй покупки.
Atelier: индивидуальный заказ
Story, Atelier, Journal, Contact
- Задача
- Продавать ручное производство через людей и процесс.
- Ограничение
- Второстепенные страницы обычно выпадают из системы.
- Решение
- История мастерской, форма индивидуального заказа, журнал и контакты — в той же коллажной системе, с формой-лепестком и золотыми линейками.
- Эффект
- Ателье открывает канал дорогих нестандартных и корпоративных заказов — самого рентабельного сегмента.
Финал путешествия: подпись мастерской
Единая система, а не набор экранов
- Задача
- Сделать сайт узнаваемым по одному скриншоту.
- Ограничение
- Контент ведут сами мастера — система должна держаться без дизайнера.
- Решение
- Форма лепестка, золотые линейки, вырезанные ярлычки и орнаментальные углы повторяются на всех страницах.
- Эффект
- Узнаваемость и органические репосты: сайт читается как арт-объект, а не как очередная витрина.
- ×Не сделали «нежную акварель» — это визуальный код половины цветочных сайтов, он не отстраивает.
- ×Не пошли в чистый минимализм: он требует сильного продуктового фото и бюджета на съёмку.
- ×Не стали повторять десктопный горизонтальный сценарий на мобильном.
- ×Не строили сложный конструктор страниц, который мастерская не смогла бы вести сама.
#f6efdf
Кремовая бумага
#b02a3a
Гранатовый акцент
#2b3f6b
Синий сад
#c9a24a
Золотая линейка
- Дисплей
- Italiana
- Акценты
- Pinyon Script
- Текст
- Jost
- Три категории равнозначны и видны на первом экране
- Покупка идёт по поводу, а не через перебор каталога
- Витрина держит ритм при любом наличии товара
- Повторные заказы закрыты кабинетом, повторами и напоминаниями
- Мобильная версия быстрая и вертикальная, анимации деградируют корректно
Проект живёт в сети — можно посмотреть вживую
Смотреть сайт ↗