






Accela’s flagship offering, Civic Platform, is a beastly, configurable enterprise product with decades of strange decisions under the hood. While a total overhaul is still in the works, I delivered two major features to modernize the workflow and exceed our accessibility obligations.
With global search, we investigated the use cases for search and the limitations that users were coming up against in the old feature. A new design combines a workflow that more closely maps the mental model of a back-office worker creating reports, flexible filtering options and familiar design system components for an intuitive experience, all within some tricky API constraints.
The platform’s form designer was notoriously unfriendly and inaccessible, and did not help users on either side of the experience. After a dev upgrade to Angular, it was… almost responsive, but not giving our agencies what they wanted. Working with a design researcher and the PM, I stripped extraneous legacy configurability to provide a best-practices model with strong defaults, including supplementing drag-and-drop with accessible interactions and guidance on tab order and hot keys, and devised a migration plan for old customer forms.
Directory interface, showing an empty search state in the Everything filter.
Directory interface, showing 1200 results for a search in the Everything filter.
Directory interface, showing 200 results for a search in the Assets filter.
An Asset Search Tools pane overlaid on the search page, showing logical operators for six search fields.
Directory interface, showing 100 results for a search in the Assets filter with two additional custom filters applied.
Directory interface, showing 100 results for a search in the Records filter with two additional custom filters applied. One entry in the results has a deeper level of information surfaced and highlighted as a content match.
Documentation showing a small amount of the necessary search fields and their logical operators.