FIGR / UI TEMPLATE

Hotel Revenue Performance

Compare occupancy, average daily rate and booking-channel revenue.

Use this analytics screen as a starting point for Hospitality & Hotel Operations software. Adapt it to your existing product and design system. Sample records are fictional.

BUILD ON THIS

Make it yours in Figr.

Explore this screen, then bring in your own product and design system to shape the next version.

Use this template ↗

At a glance

Screen

Analytics

Primary action

Compare revenue

Pattern

analytics product workflow

State

Default, Selected, Filtered, Empty, Warning, Success

Design system

Independent UI reference; no 1mg design system

What this screen helps with

Compare occupancy, average daily rate and booking-channel revenue.

What to look for

Sections: Hotel Overview, Reservations, Rooms, Guest Services. Main action: Compare revenue. Example: Direct · 38% room nights.

States to consider

Plan for Default, Selected, Filtered, Empty, Warning, Success and explain what people should do when an action fails.

Where it fits

Hotel Overview → Hotel Revenue Performance → Compare revenue

Patterns in this screen

analytics, status indicators, filters, detail drill-down

UX choices to review

Keep metric definitions, chart periods and data freshness visible.

Test the flow with cases such as Direct · 38% room nights. Plan clear empty, loading, error and permission states.

Try a similar screen in Figr

Adapt this Hotel Revenue Performance workflow to my existing product and design system. Review the default, selected, filtered, empty, warning, success states, explore improved user paths, and produce editable Figma-ready screens.

Open Figr

KEEP EXPLORING

More ways to approach your next screen.

Browse other product UI examples, compare patterns, and pick the direction that suits your product.

Explore all 500 templates ↗