Back to Selected Work
Land & Property Legacy Modernization Confidential · Name Anonymized

eProperty Plus — Modern Application Experience

Redesigning a legacy web application into a clearer, more modern product experience — improving information hierarchy, navigation, workflow clarity, reusable components, and interactive prototyping for land and property operations.

UI/UX Designer
IA · Modern UI · Workflows
Figma · Auto Layout · Proto
Interactive Figma prototype

01 Project Overview

Designed a new, modern application experience to replace a legacy web system. The work focused on reducing ambiguity, improving usability and navigation, and making complex property workflows easier to understand.

02 Business / Product Context

eProperty Innovations provides software and strategic business consulting for local governments, land banks, and organizations involved in acquiring, stabilizing, and repurposing land and property. The product needed a clearer digital experience aligned to those operational workflows.

03 The Design Challenge

Legacy product friction

  • Existing web application felt outdated and harder to navigate
  • Complex data and workflows could create ambiguity
  • Inconsistent UI patterns weakened clarity and engagement
  • Business requirements still needed full support in the new design

Design objectives

  • Reduce ambiguity and improve clarity
  • Make workflows easier to understand
  • Create a more modern, standard UI
  • Improve usability, navigation, and engagement

04 Understanding the Workflow & Requirements

The design approach started from legacy workflow understanding: how users move through land/property-related tasks, where complexity and ambiguity appear, and which screens needed stronger structure before visual modernization.

05 UX / Problem-Solving Approach

UX / design process
Legacy workflowsUnderstand existing paths
Find ambiguityComplexity & friction
Organize IAClearer structure
Task flowsDefine key journeys
WireframesKey screen structure
UI patternsModern standards
ComponentsReusable Auto Layout
Hi-fi screensPolished UI
PrototypeKey workflows

06 User Roles / System Actors

Organizational users

Local government teams

Operate land and property processes within structured administrative workflows.

Organizational users

Land bank / property staff

Work across acquisition, stabilization, and repurposing-related activities.

Product need

Business stakeholders

Need a modern experience that still supports required operational and business rules.

07 Information Architecture / Workflow Diagram

IA focused on making property-related objects and actions easier to locate and understand.

Modernized information structure (conceptual)
App shellNav · search · context
Property / landCore records
WorkflowsAcquire · stabilize · repurpose
Details & actionsStates · forms · status

08 Key User or Task Flows

1

Orient in the modern shell

Clear navigation and hierarchy help users understand where they are in the application.

2

Locate property / land context

Records and related actions are organized to reduce hunting across legacy-style screens.

3

Complete workflow steps

Task flows emphasize clear actions and visible states for complex operational processes.

4

Confirm status and continue

Consistent feedback patterns help users understand what changed and what remains.

09 Ideation & Wireframing Approach

Key screens were wireframed after IA and task-flow definition — prioritizing layout structure, action placement, and content hierarchy before high-fidelity styling. This kept modernization grounded in workflow clarity.

10 UI Design & Design Decisions

Hierarchy

Clear information priority

Headers, status, and primary actions were elevated so dense property data is easier to scan.

Actions

Visible states & CTAs

Designed clearer action and status treatment so users know what they can do next.

Modern UI

Standard patterns

Applied contemporary layout and interaction patterns while supporting required business workflows.

11 Design System / Components / Auto Layout

Reusable navigation, tables, forms, cards, badges, and action bars were built in Figma with Auto Layout to keep spacing, alignment, and responsive behavior consistent across high-fidelity screens.

12 Interaction Design & Prototyping

Key workflows were connected into an interactive Figma prototype for stakeholder review — demonstrating navigation, screen transitions, and clearer task progression in the modernized experience.

Open Figma Prototype

Explore the modernized property application flows. Client branding removed for confidentiality.

Launch Prototype

13 Key Design Considerations

Complex dataProperty workflows need hierarchy and grouping, not just restyled pages.
Navigation clarityUsers should always understand location and next available actions.
Component consistencyReusable Auto Layout components keep the modern UI coherent.
Responsive behaviorLayouts considered adaptable presentation across common viewport sizes.

14 Reflection / What I Learned

Legacy modernization works best when IA and task clarity lead the redesign. For eProperty Plus, the design approach treated modern UI as the outcome of organized information, clearer actions/states, and consistent components — not a visual layer on top of unresolved complexity.