Florentini — сеть из пяти ресторанов итальянской кухни в Москве с развитым направлением доставки. Основной канал заказов — мобильные устройства: пользователи чаще всего оформляют заказ на ходу и ожидают от сайта скорости, простоты и опыта, близкого к нативному приложению.

Новая версия сайта была запущена 1 ноября 2024 года. Для оценки эффекта сравнили показатели старой и новой версии за сопоставимые периоды с минимальной сезонностью.

После запуска:
+13,2% рост дохода по ключевым целям
+11% рост количества посетителей
+8,5% рост общего числа визитов
+7% рост вовлечённости (визиты > 2)
+17% рост достижений целей при переходе из социальных сетей
+13,8% рост прямых заходов

🥇 Tagline Awards 2025 — золото
Номинация: «Лучший сайт в сфере потребительских услуг»

🥈🥉 Workspace Digital Awards 2025 — серебро и бронза
Номинации: сайты / HoReCa и дизайн, брендинг / UX/UI

🏆 Best UI на Dprofile

Шорт-лист Dprofile Awards 2024 — «Лучшие интерфейсы»

Запрос со стороны бизнеса формулировался широко: создать удобный, понятный и визуально привлекательный сайт доставки, который:

• отражает атмосферу и уровень ресторанов Florentini,
• работает как сервис, а не как витрина меню,
• позволяет оформить заказ в несколько кликов, без лишних шагов и когнитивной нагрузки.

Я выступала лидом по дизайну проекта и отвечала за пользовательский опыт и итоговое качество решения — от формулировки задачи до передачи дизайна в разработку.

Мои обязанности:

• формирование понимания бизнес-задачи и синхронизация ожиданий со стейкхолдерами
• проектирование пользовательских сценариев и user-flow сервиса с фокусом на mobile-first
• создание и развитие дизайн-концепции, отражающей характер бренда Florentini
• ревью и финальное согласование дизайн-решений
• дизайн-ревью макетов и контроль реализации
• взаимодействие с дизайнерами и разработчиками
• защита UX- и UI-решений перед арт-директором и стейкхолдерами
• подготовка дизайн-системы, компонентов и состояний интерфейса для передачи в разработку
• дизайн-контроль реализации и ревью сверстанных экранов сторонней командой разработчиков

Спроектировать сервис доставки, который:

• работает как приложение, а не как классический сайт
• позволяет оформить заказ быстро и без лишних шагов
• адаптируется под разные сценарии: доставка и самовывоз
• масштабируется под изменения меню и ресторанов
• одинаково удобно работает на мобильных устройствах и десктопе

Так как до запуска не проводились количественные исследования и A/B-тесты, критерии успеха формулировались через поведенческие и бизнес-показатели после релиза:

Проект реализовывался в условиях ограниченных сроков и бюджета, поэтому вместо классического пользовательского исследования мы опирались на комбинацию бенчмаркинга, анализа конкурентов и данных из проверенных источников по e-commerce и FoodTech (Nielsen Norman Group, Hard Client). Такой формат позволил быстро сформировать обоснованные продуктовые решения и сфокусироваться на сценариях с наибольшим влиянием на конверсию и пользовательский опыт.

• Проанализировали более 15 сервисов доставки еды — российских и международных (Додо, Братья Караваевы, Яндекс Еда, Деливери, Mybox, Сушивесла, Бургер Кинг, Кухня на районе и др)
• Изучили лучшие практики мобильных интерфейсов, в том числе приложение Кофемании как прямой референс от клиента
• Разобрали ключевые пользовательские сценарии: выбор блюд, добавление в корзину, оформление заказа, повторные заказы
• Выполнили коридорные исследования: наблюдали за реальным поведением пользователей в процессе заказа и взаимодействия с сервисами
• Опирались на открытые исследования пользовательского поведения в food-tech и e-commerce

Как пользователи получают информацию на мобильных и десктоп устройствахКоличество шагов до выполнения ключевых действий (выбор блюда, изменение адреса, оформление заказа) Логика сегментации меню в зависимости от адреса доставкиНабор опций и модификаторов для блюдВизуальные и интерактивные паттерны, которые упрощают ориентацию в интерфейсеНа основе этого анализа мы оставили только основные категории и ключевую информацию на главной странице, чтобы пользователь сразу видел доступные блюда, рабочие часы ресторанов и мог выбрать адрес доставки.

На основе исследования и наблюдений были выдвинуты гипотезы:

• Сокращённый путь до заказа и интерфейс, визуально близкий к мобильному приложению, повысят конверсию
• Фокус на ключевых действиях на первом экране ускорит ориентацию пользователей
• Детальная карточка блюда с возможностью выбора опций снизит сомнения и нагрузку на операторов
• Корзина, доступная на всех этапах заказа, позволит пользователю изменять состав заказа без потери контекста и снизит количество незавершённых заказов
• Адаптация интерфейса под конкретный ресторан и адрес доставки позволит исключить недоступные позиции из сценария заказа и уменьшить количество пользовательских ошибок

Для бизнеса было критично:
быстро запустить обновлённый сервис, не нарушить привычные сценарии текущих пользователей, улучшить мобильный опыт и визуальное восприятие продукта. Выбранный подход позволил принять обоснованные решения без увеличения сроков проекта и сохранить гибкость для дальнейших улучшений на основе данных после релиза.

Сервис доставки Florentini — это сеть из 5 ресторанов в разных локациях Москвы, с отличиями в меню, доступности блюд и условиях доставки. Один и тот же пользователь может заказывать еду из разных ресторанов, каждый раз сталкиваясь с разными ограничениями и сценариями.

Чтобы сохранить эту логику и не усложнить пользовательский путь, проектирование начали с карты сайта и декомпозиции сервиса. Мы зафиксировали ключевые сценарии заказа, точки входа и минимально необходимый набор экранов — от первого касания до повторного заказа. Это позволило заранее договориться о структуре продукта и функционале, не распыляясь на второстепенные решения.

Далее мы собрали user flow для основных сценариев: доставка, самовывоз, выбор ресторана, работа с корзиной и повторные заказы. Особое внимание уделяли моментам, где логика могла «ломаться» — смене ресторана, недоступности блюд, изменению адреса доставки. Эти сценарии сразу учитывались в архитектуре, а не решались на этапе визуала.

Проектирование велось в тесной связке со стейкхолдерами: мы регулярно синхронизировались по бизнес-механикам, быстро вносили правки и уточняли требования. Такой формат позволил держать высокий темп и принимать решения без затягивания сроков.

На основе согласованной структуры были собраны мобильные прототипы — mobile first, так как основной сценарий заказа происходит со смартфона. Прототипы использовались как рабочий инструмент: для обсуждения логики, навигации и взаимодействий, а не для финальной эстетики. Это помогло выровнять ожидания команды ещё до этапа дизайн-концепции и снизить количество изменений на поздних стадиях.

Florentini — это сеть из пяти итальянских ресторанов в разных районах Москвы. Они отличаются по локации, аудитории и атмосфере: где-то это семейный ресторан для завтраков и обедов, где-то — место для деловых встреч и ужинов. При этом все рестораны объединяет общее ощущение — аутентичная итальянская кухня, спокойный уровень «выше среднего» и внимание к деталям.

Задача визуального концепта заключалась в создании единого цифрового образа бренда, который:

• передаёт атмосферу Florentini независимо от локации,
• вызывает доверие к качеству еды,
• ощущается тёплым, спокойным и «своим»,
• не спорит с интерфейсом и не усложняет пользовательский путь.

Florentini — это самостоятельный ресторанный бренд, а не агрегатор доставки.
В отличие от агрегаторов с нейтральным и универсальным интерфейсом, Florentini важно было сохранить характер и атмосферу конкретного ресторана. При этом визуальный язык не должен был быть перегруженным или избыточно декоративным — он должен поддерживать продуктовый сценарий, а не отвлекать от него.

Мы сознательно отказались от агрессивных визуальных акцентов, баннеров и маркетинговых паттернов. Интерфейс строился вокруг спокойного, уверенного визуала, который подчёркивает качество, а не конкурирует за внимание пользователя.

Визуальная концепция не опиралась на буквальные и очевидные образы Италии — флаги, туристические символы или прямые культурные отсылки. Эти приёмы не используются и в самих ресторанах, поэтому в цифровой среде они выглядели бы неаутентично.
Вместо этого мы опирались на атмосферу самих пространств Florentini:

• тёплые оттенки,
• натуральные материалы,
• светлое дерево,
• арочные формы,
• мягкий свет,
• внимание к деталям и фактурам.

Цветовую палитру мы сформировали, опираясь на интерьер ресторанов Florentini.

В интерфейсе используются пастельные оттенки бежевого и голубого, которые создают ощущение тепла и спокойствия. Эти цвета применяются в элементах управления и навигации, помогая мягко направлять пользователя по сценариям.

Для фона и текстового контента были выбраны контрастные светлые и тёмные оттенки — это обеспечило хорошую читаемость и не перегружало восприятие, особенно на мобильных устройствах.

Типографика также поддерживает баланс эстетики и удобства:

• для заголовков выбран шрифт Angst — декоративный, изящный и при этом хорошо читаемый, который подчёркивает характер бренда и ассоциируется с изысканной кухней;
• для основного текстового контента использован Manrope — нейтральный и устойчивый шрифт, обеспечивающий комфортное чтение важной информации.

На основе контекста бренда и продуктовых задач были сформулированы ключевые принципы визуального решения:

Тёплый и спокойный Интерфейс не перегружает внимание и создаёт ощущение доверия и уюта.

Фокус на еде и опыте Визуал подчёркивает блюда и детали, не отвлекая от основного сценария.

Простота и читаемость Каждое решение работает на понятность и удобство.

Ощущение приложения Интерфейс проектировался так, чтобы восприниматься как привычный сервис — быстрый, нативный и интуитивный, а не как классический мобильный сайт.

Визуальная концепция напрямую поддерживала продуктовые цели:

• снижала когнитивную нагрузку,
• ускоряла ориентацию и выбор блюд,
• усиливала доверие к качеству еды за счёт фотографий и проработанных карточек,
• создавала ощущение персонального и продуманного пользовательского опыта.

При проектировании навигации мы опирались на привычные food-tech паттерны и сценарии, которые выявили на этапе анализа сервисов доставки. Меню с категориями и подкатегориями «закрепили» вверху экрана, чтобы оно оставалось доступным на протяжении всего взаимодействия с каталогом. Это позволило быстро переключаться между разделами, не терять контекст и собирать заказ без лишних возвратов и скролла.

Такой подход помог сохранить ощущение «приложения», даже несмотря на формат сайта, и сократить путь пользователя от выбора блюд до оформления заказа — особенно на мобильных устройствах.

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

За счёт этого карточка не выглядит как обычная строка в меню, а воспринимается как полноценное описание ресторанного блюда — с ощущением качества, прозрачности и индивидуального выбора. Это способствовало усилению доверия к продукту и снижало количество сомнений на этапе добавления в корзину.

Корзина была спроектирована как часть единого сценария заказа, без резких переключений между экранами. Пользователь мог редактировать состав заказа, менять опции и сразу видеть итоговую стоимость, не выпадая из основного потока взаимодействия.

Такой формат снижал фрустрацию на финальном этапе и делал оформление заказа быстрым и предсказуемым — по тем же принципам, к которым пользователи привыкли в мобильных приложениях доставки.

Параллельно с проектированием мы собрали UI-библиотеку ключевых компонентов: навигация, карточки блюд, состояния элементов, корзина, формы и служебные экраны. Это позволило удерживать единый визуальный язык, быстрее вносить изменения и упростить передачу макетов в разработку.

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

Такой формат помог:

• согласовать логику работы интерфейса со стейкхолдерами без долгих объяснений,
• снять вопросы у разработки по поведению элементов и переходам,
• минимизировать расхождения между задуманным UX и реализованным интерфейсом.

Бэк и фронт находились на стороне клиента. Я сопровождала проект на этапе разработки: объясняла логику интерфейсов и механик, давала комментарии по реализации и отвечала на вопросы команды.

Детальное дизайн-ревью всех экранов вел другой дизайнер, а финальное утверждение решений было на стороне арт-директора. Моя зона ответственности — сохранение продуктовой логики и соответствие ключевых сценариев исходным макетам.

Отдельное внимание уделили навигации: на этапе разработки команда предлагала отказаться от закреплённого меню категорий как от более сложного в реализации. Я отстояла это решение, аргументировав его значимостью для пользовательского опыта и соответствием привычным food-tech паттернам.

🍒 Ключевые цифры и награды я вынесла в начало кейса — там как раз та самая вишенка на торте: метрики, рост и профессиональные награды.

Фотографии с офлайн-награждений можно посмотреть на главной странице.

Если коротко про эффект от запуска:

• сайт стал заметно лучше работать на продажу — выручка по ключевым целям выросла на +13,2%
• пользователи стали чаще возвращаться и делать повторные заказы
• проект получил несколько профессиональных наград, включая золото Tagline Awards 2025 и призовые места на Workspace Digital Awards

После запуска команда Florentini вернулась к нам уже с новыми задачами — за пределами сайта. Мы начали работать над элементами айдентики для доставки: брендирование машин, коробки для пиццы, стаканчики для кофе.