DS / Agency001 / Init
DS Agency
DS Agency
Calibrating the digital system
Strategy / Design / Engineering / Growth
Ufficina digital menu experience
Ufficina · Cocktail bar digital menu

A menu made to be felt before the first sip.

DS AGENCY transformed a dated venue website into a cinematic, mobile-first way to discover cocktails, signatures and the atmosphere behind them.

Discover the transformation
Before / After

One business. A completely different digital impression.

Move the divider to compare the original website with the immersive digital menu built by DS AGENCY.

Drag, swipe or use the arrow keys

After
Project introduction

From informational website to digital hospitality experience.

The objective was not to redesign Ufficina's identity. It was to translate its warmth, character and cocktail culture into a clearer digital system that works naturally at the table and on the move.

Client
Ufficina
Industry
Hospitality
Services
UI/UX · Development
Scope
Digital menu
Role
Design & build
Platform
Responsive web
The challenge

The venue had character. The website did not communicate it.

The original experience was content-heavy, visually fragmented and difficult to scan on a phone. Guests needed a faster path to drinks without losing the emotional quality of the physical space.

Original Ufficina website
1Weak visual hierarchy
2Outdated presentation
3Difficult mobile scanning
4Low emotional impact
Our approach

Build the atmosphere around the decision journey.

Every stage connected guest intent with a practical design decision.

01

Research

Mapped the venue story, menu structure and guest browsing context.

02

Wireframes

Reduced the journey to direct categories, signatures and essential actions.

03

UI exploration

Balanced editorial typography, amber light and cocktail photography.

04

Development

Built a responsive component system with restrained motion.

05

Launch

Validated navigation, readability and behavior across devices.

Design system

A small system with enough range for every pour.

The interface combines editorial scale with compact utility patterns, keeping discovery expressive and ordering friction low.

Typography
Responsive grid
Buttons
Drink cards
Navigation
Inputs
Color palette

Warm hospitality against a quiet night backdrop.

Night
#0B0C0DRGB 11 12 13
Paper
#F1EADFRGB 241 234 223
Aperitivo
#F2AA3DRGB 242 170 61
Negroni
#8A2F18RGB 138 47 24
Typography

Editorial character meets effortless utility.

A high-contrast serif carries atmosphere and appetite. A neutral sans-serif keeps categories, prices and actions immediately legible.

Aa
Display serif
Il menu
non una brochure.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Interface sans
Live experience

Do not look at the website. Use it.

Explore the complete Ufficina experience exactly as a guest would: scroll the menu, open categories and switch between responsive devices.

dsagency.digital/experiences/ufficina
The preview is fully interactive and scrolls independently.
Mobile experience

The menu stays cinematic in the palm of your hand.

Large touch targets, controlled crops and direct category paths preserve the mood without slowing the guest down.

Open mobile site
Scroll and use the menu inside the device
Micro interactions

Motion gives feedback, never friction.

Hover, focus and navigation states are quiet, fast and consistent across the system.

Category navigation
AperitiviSignatureSpritz
UUFFICINAMenu digitale
7€Classic aperitivo
AperitiviAnalcoliciSpritzUffigin
Floating interface
Delivered result

A reusable digital menu system, not a one-screen concept.

No invented growth claims. These figures describe the verified scope delivered in the project.

00
Digital menu system

One coherent guest journey

00
Service disciplines

Design, UX, development, motion

0%
Responsive scope

Desktop, tablet and mobile

00
Documented outcomes

Clarity, perception, reuse, access

Full gallery

One atmosphere across every touchpoint.

Ufficina menu homepage
Original Ufficina website
Ufficina featured cocktail
Design principle
Make every cocktail feel worth discovering before the first sip.

The idea that guided hierarchy, imagery and motion throughout the experience.

NFTGO marketplace next case
Next project

NFTGO Marketplace

A bold Web3 marketplace concept built around discovery, trust and scalable responsive components.

View next case