Ателье авторских сладостей: иллюстрированные витрины, ручная роспись и подарочные наборы как маленькие картины.

Самостоятельный концепт вымышленного бренда. Кондитер-художник: авторские пирожные, конфеты ручной работы и букеты из зефира. Работает одна, в маленькой кухне-мастерской, принимает несколько заказов в день. Роль студии — девять гуашевых иллюстраций, концепция, арт-дирекшн, типографика, UX/UI и фронтенд.
Видео-прогулка по проекту «Gouache»: от первого экрана до ключевого действия.
- Бриф
- Вымышленный бренд: Кондитер-художник, работает одна в кухне-мастерской
- Продукт
- Эксклюзивные пирожные, конфеты, букеты из зефира и меренги
- Исходный сценарий
- Продажи в личных сообщениях, витрины нет, ассортимент пересказывается вручную
- Сильный актив
- Девять гуашей, написанных студией специально для сайта: живопись вместо фотосъёмки
- Производство
- Несколько заказов в день, без склада, всё под заказ
- Как измерять
- Гипотезы для реального запуска: Средний чек и качество входящих заявок
В брифе вымышленного бренда каждый индивидуальный заказ потребовал бы одинаковых уточнений: ассортимент, цена, срок. Время одного мастера ограничено. Задача концепции — представить ручную работу в контексте галереи и вынести условия на страницу, чтобы предполагаемый разговор начинался с готового запроса.
Цели- 01Показать ассортимент так, чтобы он читался как искусство, а не как домашняя выпечка
- 02Обосновать высокий чек до того, как человек спросит цену
- 03Сократить переписку: клиент приходит с готовым запросом — повод, дата, вкусы
- 04Отсечь «нужно сегодня и подешевле» до того, как это съест время мастера
- 05Собрать материал, который можно показывать как портфолио — на Behance и в переговорах
Ограничения — не оправдание, а аргумент: они объясняют, почему решение выглядит именно так.
- Нет фотосъёмки и бюджета на неё — поэтому весь визуал написан гуашью: девять листов специально для сайта.
- Иллюстрации писались как единая серия, поэтому интерфейс подстраивается под лист, а не лист под сетку: никаких кадрирований и дорисовок.
- Производство физически ограничено — несколько заказов в день.
- Склада нет, всё делается под заказ, поэтому классическая корзина была бы обманом.
- Один человек в команде: никакой админки, поддержка без разработчика.
Сайт как бумажный артефакт — открытка, конверт, коробка с лентой. Мы не делали «сайт кондитерской», мы сделали продолжение упаковки: тот, кто получает коробку с восковой печатью и рукописной биркой, узнаёт тот же язык на экране.
Открыть действующий сайт ↗Девять листов, одна рука
Девять гуашей вместо фотосъёмки
- Задача
- Показать продукт как искусство, когда нет ни фотографий, ни бюджета на съёмку.
- Ограничение
- Сайт должен быть готов без студийной съёмки и стока.
- Решение
- Сначала я написала девять гуашей — алую коробку с капкейками, эклер, трюфели, розы из меренги, букет леденцов и сцены дарения, — и только потом собрала вокруг них экраны. Крупные планы рук, коробок и лент вместо предметной съёмки: десерты показаны так, как их дарят, — в момент открытия.
- Задуманный эффект
- Каждое изображение на сайте — лист бумаги, а не JPG. Бренд узнаётся по живописи, и её же можно продолжать на упаковке, в соцсетях и на открытках.
Палитра, снятая с кисти
Палитра, взятая из живописи
- Задача
- Сделать так, чтобы картины не «стояли на сайте», а были сайтом.
- Ограничение
- Нельзя менять иллюстрации — можно работать только вокруг них.
- Решение
- Кобальтовый синий, вермильон, кремовый и blush сняты прямо с гуашей, написанных для проекта. Ничего не добавлено «от дизайнера»: интерфейс достраивает поле картины.
- Задуманный эффект
- Кобальт как основной фон — редкость в еде, где все сидят на бежевом и белом. Проект узнаётся с одного скролла и не путается с конкурентами.
Четыре шрифта и их роли
Типографика как ремесло
- Задача
- Перевести восприятие цены из прайс-листа в разряд личной договорённости.
- Ограничение
- Ни фотографии, ни украшений — работать можно только шрифтом и бумагой.
- Решение
- Playfair Display — вес и статус в заголовках; курсивный Cormorant Garamond — интонация письма; Pinyon Script — только цены и подписи, от руки; Jost — служебный текст.
- Задуманный эффект
- Контраст толстой засечки и тонкого рукописного делает ту же работу, что дорогая бумага в приглашении. Цифра, написанная от руки, не провоцирует сравнение.
От листа к экрану: первый экран
Рукодельная система элементов
- Задача
- Убрать цифровую стерильность и продолжить упаковку на экране.
- Ограничение
- Иллюстрация неприкосновенна — украшать можно только обрамление.
- Решение
- Деккль-рамки с неровным краем и лёгким наклоном, кружевные фестоны между секциями, ленты-разделители, кнопки-бирки со скошенным углом, восковые печати с римскими цифрами, зерно бумаги поверх фонов.
- Задуманный эффект
- Работы выглядят как физические, положенные на стол, а не как JPG на странице.
Пять заказов в день и никогда шестого
Ограничение как оффер
- Задача
- Превратить производственный потолок в аргумент продажи.
- Ограничение
- Мастер физически делает несколько заказов в день.
- Решение
- Ограничение вынесено в заголовок раздела: «Five orders a day, never a sixth», рядом — 7 лет у плиты, 100% ручной работы, 48 часов минимального срока.
- Задуманный эффект
- То, что звучало как «я не успеваю», теперь звучит как «столько, чтобы не потерять качество». Дефицит вместо оправдания.
Записка рядом с букетом леденцов
Записка вместо корзины
- Задача
- Сделать сценарий честным и подготовить заявку заранее.
- Ограничение
- Склада нет, каждая позиция собирается под повод.
- Решение
- Корзина убрана. Форма-конверт с клапаном и пунктирными линиями спрашивает ровно то, что мастеру потребовалось бы выяснить для заказа: имя, контакт, дату, повод и пожелания.
- Задуманный эффект
- Поля записки помогают сформулировать повод, дату и пожелания. Экономия времени мастера — гипотеза для реального запуска.
Адаптив: десктоп и мобильный без потери ритма
Три страницы вместо одной
- Задача
- Дать каждому этапу воронки свою посадочную задачу.
- Ограничение
- Поддерживать сложную структуру некому — прототип держится на статике.
- Решение
- Главная — обещание, короткая витрина, мастерская, доставка и форма. Collections — полный ассортимент с историей каждой позиции. Atelier — человек, процесс и правила работы.
- Задуманный эффект
- Истории вместо описаний работают как в люксе: покупают не продукт, а причину, по которой он столько стоит.
- ×Не добавили корзину и оплату: это имеет смысл только тогда, когда мастер решит идти в поток.
- ×Не стали кадрировать и фильтровать иллюстрации ради сетки.
- ×Не пошли в пастельно-розовый визуальный код категории.
- ×Не спрятали сроки, лимит заказов и стоимость доставки — они работают как фильтр.
- ×Не сделали админку: поддержка не должна зависеть от разработчика.
#0f2a86
Кобальт
#dc3a25
Вермильон
#f4e7d9
Кремовая бумага
#f0a89c
Blush
- Дисплей
- Playfair Display
- Интонация
- Cormorant Garamond Italic
- Цены
- Pinyon Script
- Текст
- Jost
- Продукт представлен в контексте галереи вместо «выпечки на дом»
- Композиция объясняет ценность до разговора о цене
- Заявка приходит с поводом, датой и пожеланиями
- Неподходящие запросы отсеиваются страницей, а не перепиской
- Фирменный язык расширяется на упаковку и соцсети
Проект живёт в сети — можно посмотреть вживую
Смотреть сайт ↗