FIGR / UI TEMPLATE

Fare Policy Designer

Set concession rules, transfer windows and daily fare limits.

Explore this settings as a reference for Public Transit & Mobility software. Review a real workflow and its UX states, then adapt the design to your product. All sample records are fictional.

Fare Policy Designer

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

Settings

Primary action

Save fare policy

Pattern

settings product workflow

State

Default, selected, filtered, empty, warning, error and success

Design system

Independent product UI reference; no 1mg design system

What this screen helps with

Set concession rules, transfer windows and daily fare limits.

What to look for

Core sections: Operations, Routes, Staff, Riders, Insights. Key action: Save fare policy. Example records: Adult fare · $2.40; Student discount · 50%.

States to consider

Default, selected, filtered, empty, warning, error and success. Where relevant, cover restricted access, stale data, save failures and conflicting changes.

Where it fits

Operations → Fare Policy Designer → Save fare policy

Patterns in this screen

settings, status labels, filtering, record details

UX choices to review

Keep the current task, related records, ownership and next action close together.

Check how the save fare policy task works with example cases like Adult fare · $2.40. Include clear recovery actions when a record is missing or a change fails.

Try a similar screen in Figr

Adapt the Fare Policy Designer workflow to my existing product and design system. Keep our current screens, components, roles and business rules. Review missing states and edge cases before generating editable 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 ↗