/
← Все проекты
SHEET 17МАГАЗИН ПОДАРКОВ2026

Blooming Treasures

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

Blooming Treasures

Интернет-магазин небольшой ручной мастерской: цветы, текстильные куклы и винтажные сувениры. Роль студии — концепция, арт-дирекшн, UX/UI, фронтенд и структура контента.

A — ФИЛЬМ ПО ЭКРАНАМ

Видео-прогулка по экранам: вход, главы-дисциплины, магазин и хранилище.

B — ВВОДНЫЕ
Бизнес
Мастерская: флористы и мастера текстильных кукол
Ассортимент
Цветы, куклы ручной работы, винтажные сувениры
Производство
Ручное, малыми партиями, наличие меняется в течение дня
Аудитория
Дарящие: повод важнее товара, покупка часто с телефона
Повторные заказы
Постоянные клиенты — 5–10 заказов в год
Контент
Ведут сами мастера, без разработчика и без крупных съёмок
Ключевая проблема

Рынок цветочной доставки визуально одинаков: белый фон, сетка карточек, фильтр по цене. В такой среде ручная мастерская автоматически попадает в сравнение по цене, которое не может выиграть. Плюс две трети ассортимента — куклы и сувениры — были не видны за словом «цветы».

Цели
  1. 01Показать три категории равнозначно: цветы, куклы, сувениры
  2. 02Вести по поводу, а не по товару
  3. 03Сделать сайт носителем атмосферы мастерской — рукотворность и штучность
  4. 04Закрыть повторные покупки: кабинет, получатели, повтор заказа, напоминания
  5. 05Быть быстрым и удобным на телефоне — подарки покупают на бегу
C — ОГРАНИЧЕНИЯ

Ограничения — не оправдание, а аргумент: они объясняют, почему решение выглядит именно так.

  • Ассортимент нестабилен: товары появляются и заканчиваются в течение дня — сетка не должна ломаться.
  • Нет бюджета на регулярную съёмку каталожного уровня — визуальную силу даёт графика и композиция.
  • Контент ведут сами мастера: никаких сложных конструкторов страниц.
  • Мобильный трафик преобладает — тяжёлые сценарии там неуместны.
  • Анимации обязаны корректно отключаться при prefers-reduced-motion.
D — КОНЦЕПЦИЯ

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

E — РЕШЕНИЯ И ОБОСНОВАНИЕ

Первый экран: три лепестка-портала

5.1

Первый экран — портал из лепестков

Задача
Показать три категории равнозначно с первой секунды.
Ограничение
Классический хиро с букетом сразу обнуляет две трети ассортимента.
Решение
Вместо баннера с акцией — три больших лепестка вокруг «зрачка»-портала: Flowers / Dolls / Souvenirs. Лепестки кликабельны и анимированы.
Эффект
Пользователь сразу понимает: тут три мира. Растёт доля заказов в куклах и сувенирах — товарах с более высокой маржой и без срока годности.

Глава Flowers: сцена уезжает влево

5.2

Горизонтальное путешествие по главам

Задача
Дать атмосферу мастерской, не потеряв навигацию.
Ограничение
Сложный сценарий нельзя тащить на мобильный и в reduced-motion.
Решение
На десктопе скролл двигает сцену влево: портал → Flowers → Dolls → Souvenirs. На мобильном — честная быстрая вертикаль.
Эффект
Глубина просмотра и время на сайте: человек не выбирает раздел, он проходит выставку.

Souvenirs: карточки-бутоны

5.3

Карточка-бутон

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

Ритм из трёх карточек в каждой главе

5.4

«More treasures — coming soon»

Задача
Витрина не должна проваливаться при пустом складе.
Ограничение
Нестабильное ежедневное наличие.
Решение
В каждой главе всегда ровно три карточки; если товаров меньше — место занимает оформленная заглушка.
Эффект
Ровный ритм читается как «здесь всегда есть что посмотреть», а заглушка работает обещанием возврата.

Поводы: отдельные лепестки-страницы

5.5

Навигация по поводам

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

Кабинет: ярлычки получателей и повторов

5.6

Личный кабинет как «личный уголок»

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

Atelier: индивидуальный заказ

5.7

Story, Atelier, Journal, Contact

Задача
Продавать ручное производство через людей и процесс.
Ограничение
Второстепенные страницы обычно выпадают из системы.
Решение
История мастерской, форма индивидуального заказа, журнал и контакты — в той же коллажной системе, с формой-лепестком и золотыми линейками.
Эффект
Ателье открывает канал дорогих нестандартных и корпоративных заказов — самого рентабельного сегмента.

Финал путешествия: подпись мастерской

5.8

Единая система, а не набор экранов

Задача
Сделать сайт узнаваемым по одному скриншоту.
Ограничение
Контент ведут сами мастера — система должна держаться без дизайнера.
Решение
Форма лепестка, золотые линейки, вырезанные ярлычки и орнаментальные углы повторяются на всех страницах.
Эффект
Узнаваемость и органические репосты: сайт читается как арт-объект, а не как очередная витрина.
F — ЧТО МЫ СОЗНАТЕЛЬНО НЕ ДЕЛАЛИ
  • ×Не сделали «нежную акварель» — это визуальный код половины цветочных сайтов, он не отстраивает.
  • ×Не пошли в чистый минимализм: он требует сильного продуктового фото и бюджета на съёмку.
  • ×Не стали повторять десктопный горизонтальный сценарий на мобильном.
  • ×Не строили сложный конструктор страниц, который мастерская не смогла бы вести сама.
G — ДИЗАЙН-СИСТЕМА

#f6efdf

Кремовая бумага

#b02a3a

Гранатовый акцент

#2b3f6b

Синий сад

#c9a24a

Золотая линейка

Дисплей
Italiana
Акценты
Pinyon Script
Текст
Jost
H — ЭКРАНЫ
Вход в сад
Souvenirs: часы, вазы, рамы
Мобильная версия: честная вертикаль
Куклы ручной работы
Поводы
Журнал и подпись мастерской
I — РЕЗУЛЬТАТ
  • Три категории равнозначны и видны на первом экране
  • Покупка идёт по поводу, а не через перебор каталога
  • Витрина держит ритм при любом наличии товара
  • Повторные заказы закрыты кабинетом, повторами и напоминаниями
  • Мобильная версия быстрая и вертикальная, анимации деградируют корректно

Проект живёт в сети — можно посмотреть вживую

Смотреть сайт ↗
Следующий проектNUANCE · Soft