Government Admin UI/UX Modernization Example

한국어 README

This repository is a practical before/after example for modernizing a 10+ year-old public-sector admin system.

The goal is not to redesign everything at once. The focus is to reduce user resistance, preserve familiar work patterns, and improve consultation management and map-based selection flows for real business users.

Summary

• Target: legacy admin consultation and map-based workflow screens
• Main users: field operators and public-sector staff, especially users in their 40s to 60s
• Goal: reduce friction, improve task efficiency, and lower input errors
• Core methods: conversational consultation UI, OpenLayers map selection, report automation

Who This Is For

• Developers modernizing old Java/JSP admin systems
• Teams looking for UI/UX examples that respect existing user habits
• Portfolio builders who want to explain a practical before/after redesign

Features

• Conversational consultation management UI
• Map-based parcel selection to reduce manual input errors
• Automated operation report flow
• Performance notes for PL/SQL and query optimization examples

Quick Start

1. Install Java 11+ and Maven.
2. Build from the project root.

mvn clean package

3. Check sample DB/config files under resources/ when available.

Before & After

The gallery below shows how the interface changes from dense legacy screens to more guided task flows.

Before	After
Dense text and table-based screen Nested forms and long lists Map flow not integrated	Conversational consultation with key summary Simplified filters and shortcut actions Direct map-based selection

Design Principles

• Keep base text around 16px to 18px for readability.
• Use 44px to 48px minimum control heights to reduce click mistakes.
• Use explicit labels and step-by-step progressive disclosure.
• Preserve enough contrast between text and backgrounds.
• Explain both the cause and next action in error messages.

Suggested Design Tokens

:root {
  --font-size-base: 18px;
  --line-height: 1.4;
  --button-min-height: 48px;
  --space-section: 24px;
  --accent-color: #2b7cff;
}

Contributing

• Report bugs or setup problems in Issues.
• Share public-sector or legacy UI improvement ideas in Discussions.
• Documentation, accessibility, and screenshot explanation improvements are welcome as pull requests.

License

No explicit license is currently provided. If this project is intended for open reuse, adding MIT or Apache-2.0 is recommended.