CREAMART
Навигация по ролям
Повар, собственник и технолог получают разные входы в продукт. Берём этот принцип для владельца, администратора и команды.
Переработка Паутины / 3 октября 2026
От референса — к работающей странице.
Новая Паутина строится вокруг творческого пространства и понятного рабочего сценария. Сгенерирована единая фотографическая серия и рисованный Пау; интерфейсы показаны настоящими экранами приложения. Предыдущий вариант сохранён отдельно.
| Источник | Что изучено | Что применено |
|---|---|---|
| Zenlook / Behance ↗ | Связь бренда, физического контекста и системы онлайн-записи. | Единая серия студийных изображений, ясная продуктовая история, конкретный пример брони. |
| Numa / Dprofile ↗ | Согласованность фотографии, цветового акцента и типографики. | Одна палитра и один шрифт Onest с кириллицей; графика продолжает характер продукта. |
| Only ↗ | Свободное пространство и ясная иерархия первого экрана. | Один главный визуальный акцент, короткое объяснение и два понятных действия. |
| MISH ↗ | Выразительный визуальный характер и продуктовые кейсы. | Контекст реальной работы студии; персонаж занимает поддерживающую роль. |
| CloudMill / ЭРГА ↗ | Сценарии посетителя и конкретный путь к действию. | Выбор пространства → пример бронирования → условия → аккаунт. Чужие метрики не представлены как результат Паутины. |
| Каталог инструментов и насмотренности ↗ | Разделы насмотренности, графики и motion; площадки для изучения интерфейсов и визуального языка. | Оригинальные растровые изображения, проверка рабочего сценария и короткие переходы GSAP с поддержкой reduced motion. |
Визуально просмотрены указанные страницы MISH, Only, кейсы Zenlook и Numa, подборка Awwwards Sites of the Year, ранние версии Паутины и Event. Другие ссылки ниже остаются каталогом исследования; это не утверждение о полном визуальном аудите каждой работы.
Разбор / 2 октября 2026
У красивого сайта
есть причина.
Раскрыт весь текущий каталог CloudMill: 36 проектов. Прочитаны доступные описания кейсов и страниц. Ниже — решения, которые применены к новым направлениям, и логика их проверки.
Исследование — наша интерпретация опубликованных решений. Не каждый кейс содержит численные показатели. Награда за дизайн и рост конверсии — разные свидетельства результата.
LUP
Показать механику
Интерактивная айдентика и калькулятор объясняют сервис через действие. У нас это ролевые панели, экраны и история бронирования.
Master House
Предметность и порядок
Модульные рамки, крупные фотографии и сравнение помогают выбирать. Применяем в «Сете» и «Краткой».
ЭРГА
Маршрут по задаче
Подбор по отрасли и кнопки из анализа обращений сокращают путь к нужному продукту. У нас — сценарии бизнеса и понятные действия.
Леккер
Смысл движения
Скролл-последовательность 3D и векторные маски связаны с продуктом. У нас движение показывает этапы работы; его можно остановить.
ОТЛК: отчёт 2024
Контекст в большом документе
Сильная типографика, 3D-метафоры и видимая навигация помогают читать данные. У нас — последовательная история и связанные внутренние страницы.
Krass
Материал диктует переход
Движение слайдов связано с вязкостью материала, а калькулятор решает практическую задачу. Для нас характер движения вытекает из метафоры бренда.
Allen Brau
Фактура как бренд
Крупные предметные композиции и шрифтовая пара показывают характер продукта. Для каждой новой концепции создан собственный CGI-образ.
Курган ЭМИ
Объяснить сложный процесс
Анимированные иллюстрации поддерживают описание услуг. Для Event три наглядных шага связывают запрос, подготовку и результат.
Что говорят показатели
В кейсе ЭРГА CloudMill сообщает о росте числа обращений в 10 раз и конверсии из заявки в покупку в 3 раза через полгода после запуска. Это данные автора кейса; исходные значения и полный метод измерения на странице не раскрыты. Источник ↗
Для наших вариантов результатов эксперимента пока нет. После выбора направления полезно измерять посещение → просмотр продукта → тарифы → регистрация → первая настроенная площадка. Ниже указаны цели проверки, а не обещанные результаты.
| Концепция | Почему устроена так | Движение | Что проверять |
|---|---|---|---|
| Паутина ↗ Onest / Onest | Творческое пространство и его рабочий день важнее декоративного объекта. Фотографическая серия, ясная типографика, крупные экраны приложения и пример бронирования. Светлая и тёмная темы. | Короткие переходы, мягкое раскрытие фотографий, выбор экранов и управляемое настроение рисованного Пау. | Просмотр продукта → проба сценария → тарифы → регистрация → первая бронь. |
| SetDesk ↗ Manrope / Onest | Рабочий стол как место, где складывается день пространства. Редакционная композиция, тёплая бумага, оранжевый диск и дневной план. | Интерактивный план дня, смена пространства и 3D-композиция рабочего стола. | Выбор своего сценария → демонстрация → подходящий тариф. |
| Кулиса ↗ Literata / Manrope | Событие видно гостям. Работу за ним видит владелец. Центральная сцена, двойная рамка, билет бронирования, спокойная антиква. | Мягкое раскрытие блоков и поворот сценической композиции. | Переход от первого экрана к демонстрации продукта. |
| Реприза ↗ Prata / Commissioner | Повторение связывает события и отношения с клиентами. Редакционная левая колонка, круглая композиция-петля, смещённый билет. | Трёхшаговая история и объёмная петля, которую можно вращать. | Доля посетителей, открывших сценарий своего бизнеса. |
| Краткая ↗ Unbounded / Onest | Рабочая система объясняется коротко и предметно. Крупный геометрический заголовок, журнальная сетка, линейные разделители. | Короткие переходы между страницами, движение по действию пользователя. | Переход к регистрации без потери понимания продукта. |
| Event Reef ↗ Rubik / Manrope | Площадка как экосистема людей, мест и событий. Биоморфная графика, спокойный зелёный, мягкие формы и выбор роли. | Состояния ролевой панели и интерактивный предметный риф. | Использование ролевого переключателя и переход к продукту. |
| Событие ↗ Golos Text / Golos Text | Место, время и люди встречаются в одном процессе. Плакатная типографика, большой графический разворот и тёплый акцент. | Переходы по страницам и движение иллюстрированной истории. | Переходы в отраслевые сценарии с главной страницы. |
| Рампа ↗ Oswald / Manrope | Подготовить работу бизнеса к выходу в свет. Тёмная сцена, узкая типографика, реальный предметный свет вместо абстрактного свечения. | Управляемый осмотр прожектора и переход между шагами подготовки. | Открытие демонстрации и последующий переход к регистрации. |
| Пульт ↗ IBM Plex Mono / IBM Plex Sans | Одна панель управления для всей площадки. Приборная сетка, моноширинный акцент, рамки и механический фейдер. | Ползунок демонстрационной загрузки и поворот консоли. | Сравнение тарифов и выбор условия для своей команды. |
| Сет ↗ Montserrat / PT Sans | Собрать расписание, людей и ресурсы в цельный сет. Модульные ячейки, холодные спокойные цвета, тактильный металлический набор. | Переход между рабочими модулями и осмотр собранной композиции. | Просмотр функций и переход на страницу подготовки компании. |
| Line Up ↗ Yeseva One / Onest | У каждого события своё место в программе дня. Стопка афиш, выразительная антиква, строчный лайнап и ритм колонок. | Трёхшаговый анимационный ряд и поворот ритмической композиции. | Прохождение истории рабочего дня и переход к продукту. |
Похожие продукты и другие студии
Cue
Конкретные типы бизнеса, примеры бронирования и прямой переход к началу работы.
MySlot
Календарь в контексте бизнеса, ресурсы и отраслевые сценарии.
Bookfast
Почасовая аренда раскрыта через пространства и конкретные задачи.
Планёрка
Простая формулировка задачи, демонстрация записи и короткий путь к пробе.
Skedda
Самостоятельное бронирование, интерактивный тур и понятные правила использования пространства.
Cal.com
Разделение по масштабу команды и сценариям, быстрый вход в продукт.
Only.digital
Широкий каталог и фильтрация проектов помогают искать решения в контексте отрасли.
Новый акцент: Паутина и SetDesk
Новая Паутина объединяет фотографии творческих пространств, реальные экраны и рисованного Пау. В SetDesk порядок раскрывается через предметную композицию и пример рабочего дня. Посмотреть арт-дирекшен и персонажей ↗
Behance / BlastUp
Семейство персонажей связано с задачами и частью общего визуального языка. Наши персонажи и материалы созданы заново.
Lusion / Choo Choo World
Интерактивное действие раскрывает характер объекта. Референс ранней версии. В обновлённой Паутине движение применяется к смене экранов и коротким действиям персонажа.
Lusion / Digital City
Пространственные связи помогают представить несколько объектов как общую среду. В ранней Паутине этот принцип применялся к рабочим модулям. Новая версия делает акцент на продукте и физическом контексте студии.
Все 36 просмотренных проектов
В части кейсов подробности представлены преимущественно изображениями; численная оценка эффекта отсутствует. Ссылки ведут на исходные материалы.
- Allen BrauСайт немецкого бренда премиальной сантехники ↗
- РИВССайт российской производственно-инжиниринговой компании ↗
- Master HouseСайт российского бренда посуды и товаров для дома ↗
- Курган ЭМИСайт крупнейшего производителя кабеленесущих систем и других изделий для электромонтажа ↗
- Респираторный КомплексСайт производителя фильтрующих респираторов ↗
- CREAMARTСайт производителя функциональных сливок для профессиональной кухни ↗
- LUPСайт экосистемы инфлюенс-маркетинга в формате интерактивного брендинга ↗
- Novikov GroupСайт ресторанного холдинга с функциональностью онлайн-заказа блюд ↗
- РелокМини-приложение для оплаты покупок в турецком и индийском PS Store ↗
- HoobsСайт производителя материалов для отопления и водоснабжения ↗
- ОТЛК Годовой отчет 2024Интерактивный годовой отчет за 2024 год ↗
- ОТЛК ЕРА Итоги 2024 годаПромо-сайт со статистикой клиентов ОТЛК ЕРА за 2024 год ↗
- ОТЛК ЕРАСайт интеграционного оператора железнодорожных транзитных сервисов между Китаем и Европой ↗
- RonnnyИнтернет-магазин женского трикотажа ↗
- СЛТ АкваСайт для российского бренда производителя полипропиленовых труб ↗
- ОТЛК ЕРА Годовой отчет 2022Годовой отчет за 2022 год, интерактивная и печатная версии ↗
- Гиагинский молочный заводКорпоративный сайт и каталог производителя молочной продукции ↗
- GEL4UДизайн интернет-магазина дистрибьютора спортивного питания ↗
- Чистая ЛинияКорпоративный сайт и каталог производителя мороженого ↗
- AkvasinkДизайн интернет-магазина сантехники ↗
- SaliniСайт итальянского бренда сантехники премиум-класса ↗
- Эпиген ИнтимСайт линии средств для женского интимного здоровья ↗
- ЛеккерСайт фармацевтической компании—производителя медицинских и косметических средств ↗
- WineberryИнтернет-магазин и личный кабинет дистрибьютера алкогольной продукции ↗
- Alan AINo-code-разработка сайта платформы голосового ассистента ↗
- ЭРГАCайт производителя магнитных систем и промышленного оборудования ↗
- Альфа ГоризонтCайт производителя скважинного оборудования ↗
- WelldoneПромо-сайт бренда производителя растительного мяса ↗
- Театр балета Бориса ЭйфманаДизайн сайта для государственного академического театра Бориса Эйфмана ↗
- PrideИнтернет-магазин поставщика профессионального инструмента и автохимии ↗
- FKLИнтернет-магазин генерального дистрибьютора завода FKL на территории России и СНГ ↗
- Best GuidesСайт и личный кабинет для бронирования индивидуальных и групповых туров в Санкт-Петербурге ↗
- ДубкиCайт и приложение c доставкой для торговой сети продуктовых магазинов «у дома» ↗
- KrassCайт производителя строительных герметиков, монтажных пен, клеев и уплотнителей ↗
- ССП-КонсалтСайт юридической компании ↗
- Люди ЛюбятСайт сети кафе-пекарен в Санкт-Петерубр с функциональностью онлайн-заказа ↗