DS / Agency001 / Init
DS Agency
DS Agency
Настраиваем цифровую систему
Стратегия / Дизайн / Разработка / Рост
Ufficina digital menu experience
Ufficina · Цифровое меню коктейль-бара

Меню, которое чувствуешь ещё до первого глотка.

DS AGENCY превратило устаревший сайт в кинематографичный mobile-first опыт для знакомства с коктейлями, signature-позициями и атмосферой.

Увидеть трансформацию
До / После

Тот же бизнес. Совершенно другое цифровое впечатление.

Передвигайте разделитель и сравните старый сайт с иммерсивным цифровым меню, созданным DS AGENCY.

Перетаскивайте, свайпайте или используйте стрелки

После
О проекте

От информационного сайта к цифровому гостеприимству.

Мы не меняли айдентику Ufficina. Мы перенесли её тепло, характер и коктейльную культуру в понятную систему, удобную за столом и в движении.

Клиент
Ufficina
Индустрия
Hospitality
Услуги
UI/UX · Разработка
Объём
Цифровое меню
Роль
Design & build
Платформа
Responsive web
Задача

У заведения был характер. Сайт его не передавал.

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

Original Ufficina website
1Слабая иерархия
2Устаревшая подача
3Неудобный mobile
4Низкое эмоциональное влияние
Наш подход

Построить атмосферу вокруг сценария выбора.

Каждый этап связал намерение гостя с конкретным дизайн-решением.

01

Исследование

Структура меню, история заведения и контекст просмотра.

02

Вайрфреймы

Прямые пути к категориям, signature и ключевым действиям.

03

UI-поиск

Редакционная типографика, янтарный свет и фотографии коктейлей.

04

Разработка

Адаптивная компонентная система со сдержанным motion.

05

Запуск

Проверка навигации, читаемости и поведения на устройствах.

Дизайн-система

Компактная система с достаточным диапазоном для каждой подачи.

Редакционный масштаб и функциональные паттерны сохраняют выразительность и скорость выбора.

Типографика
Адаптивная сетка
Кнопки
Карточки напитков
Навигация
Поля
Цветовая палитра

Тепло гостеприимства на спокойном ночном фоне.

Night
#0B0C0DRGB 11 12 13
Paper
#F1EADFRGB 241 234 223
Aperitivo
#F2AA3DRGB 242 170 61
Negroni
#8A2F18RGB 138 47 24
Типографика

Редакционный характер и безупречная практичность.

Контрастный serif создаёт атмосферу, а нейтральный sans делает категории, цены и действия мгновенно понятными.

Aa
Display serif
Il menu
non una brochure.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Interface sans
Живой опыт

Не смотрите на сайт. Пользуйтесь им.

Исследуйте полный опыт Ufficina глазами гостя: листайте меню, открывайте категории и переключайте адаптивные устройства.

dsagency.digital/experiences/ufficina
Превью полностью интерактивно и прокручивается независимо.
Мобильный опыт

Меню остаётся кинематографичным в ладони.

Крупные touch-зоны, контролируемые кадры и прямые категории сохраняют настроение и скорость.

Открыть мобильный сайт
Листайте и используйте меню внутри устройства
Микровзаимодействия

Движение даёт отклик, а не создаёт трение.

Hover, focus и навигационные состояния работают тихо, быстро и последовательно.

Навигация категорий
AperitiviSignatureSpritz
UUFFICINAMenu digitale
7€Classic aperitivo
AperitiviAnalcoliciSpritzUffigin
Плавающий интерфейс
Результат

Многоразовая система меню, а не один концепт-экран.

Без выдуманных KPI: эти цифры описывают подтверждённый объём выполненной работы.

00
Система цифрового меню

Один цельный путь гостя

00
Дисциплины

Design, UX, development, motion

0%
Адаптивный объём

Desktop, tablet и mobile

00
Результаты

Ясность, восприятие, повторное использование, доступ

Полная галерея

Одна атмосфера в каждой точке контакта.

Ufficina menu homepage
Original Ufficina website
Ufficina featured cocktail
Принцип дизайна
Сделать каждый коктейль желанным ещё до первого глотка.

Идея, которая направляла иерархию, изображения и движение.

NFTGO marketplace next case
Следующий проект

NFTGO Marketplace

Смелый Web3-концепт вокруг открытия, доверия и масштабируемых адаптивных компонентов.

Смотреть следующий кейс