Product Case

Relatorium
UI Quick Activity Button

Flutter app for rural management with a dashboard and quick shortcuts to start flows — activities, soil, budgeting, and more.

Scope UI Component + Dashboard
Stack Flutter · go_router
Code Private code (NDA)
Critical shortcuts 6 actions in 1 click
Message on WhatsApp ↗ View Evidence Private code (NDA)
01

TL;DR — 1 minute

Problem

Starting frequent flows — activity, soil, budgeting — required extra navigation before reaching the action.

Solution

Standardized shortcuts with QuickActionButton + Semantics + Tooltip and named-route navigation (go_router).

Result

A dashboard with consistent and accessible quick entry points for creating records and reaching key screens.

Private code (NDA). This software is in production and owned by a company. Access to sanitized material can be requested directly.
02

Snapshot

Role / scope
Cross-platform Flutter. Scope: UI component + dashboard integration.
Scale
Dashboard shortcuts across multiple modules — Activities, Soil, Finance, Pests & Diseases.
Constraints
Accessibility (Semantics), feedback (Tooltip), and consistent navigation through named routes.
03

Problem & Impact

  • Symptom Quick create and access actions were scattered across screens and menus, delaying the start of the flow.
  • Cause Lack of a reusable shortcuts pattern with consistent dashboard navigation.
  • Impact More steps to start frequent records and a higher chance of navigation drift.
04

Approach

1
Identify

Map actions that start frequent flows in the dashboard — create activity, soil analysis, budgeting — and prioritize them by usage frequency.

2
Encapsulate

Consolidate them into a QuickActionButton with Semantics and Tooltip — a single UI + accessibility standard, reusable across modules.

3
Navigate

Integrate named routes via go_router to keep navigation predictable and eliminate ambiguity between screens.

05

Reliability

Risks

Invisible shortcuts for accessibility, inconsistent navigation, and flow regressions.

Guarantees

Semantics defines role and label; Tooltip provides context; named routes reduce drift.

Evidence

Component implementation and usage in DashboardPage with pushNamed for named routes.

Dart · Flutter 
Semantics(
  button: true,
  label: 'Nova atividade',
  child: Tooltip(
    message: 'Nova atividade',
    child: QuickActionButton(
      label:          'Nova atividade',
      icon:           Icons.event_available,
      semanticsLabel: 'Nova atividade',
      onPressed: () => context.pushNamed(AppRoutes.newActivity),
    ),
  ),
);
FlutterSemanticsTooltipgo_routerNamed routes
06

Extensions & Next steps

  • Allow dashboard shortcut configuration — which actions appear and in what order.
  • Add keyboard and focus shortcuts for desktop without losing mobile consistency.
  • Expand widget tests covering Semantics, Tooltip, and named-route navigation.
Do you have this problem?

Need to reduce daily steps without breaking accessibility?

I redesign flows and implement reusable shortcuts with consistent navigation — and deliver evidence for each decision.

Message on WhatsApp ↗ Private code (NDA) Evidence
Back Top Next case