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-зони, контрольовані кадри та прямі категорії зберігають настрій і швидкість.

Відкрити mobile-сайт
Гортайте та користуйтеся меню всередині пристрою
Мікровзаємодії

Рух дає відгук, а не створює тертя.

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-концепт навколо відкриття, довіри й масштабованих адаптивних компонентів.

Дивитися наступний кейс