Simplifying an interface.
Community development is very complex. Neighborly Software was also complex before my team at 352 Inc. revamped their process. Our redesign of the app better organizes payments, applications, charts, and forms in a friendly interface.
A marketing site was also built to promote the features and benefits of the software.
Refreshing the feel.
Government agencies, like the city of Savannah, suffer from laggard turnaround and shallow security due to their use of a dated paper-based system.
In order to better catalogue inputs I conducted user interviews, then consolidated the insights into wireframes and flows which translated into a simplified UI display.
With my recordings, I made a list of all of the users and checked off pain points. This allowed me to pinpoint overlapping frustrations which were then grouped by prominence. For example: always knowing where the user is in the application process; organizing and allowing edits in the Audit Log; displaying available properties in a clear format in association with details on particular houses.
Constructing on time.
Daily standups with the client allowed myself and the team to trouble-shoot issues such as scalability for future users and functionality.
My focus was to keep the user top of mind and build this process into the UI. Wireframes were created and run by the client and end-users to verify the new functionalities and organization. After approval we added the branding elements.
Below is a final rendering example where hierarchy, space, color, and flexibility were all targeted on the daily user.
The first step was to determine the hierarchy of information, Who are the most important visitors and how are they coming to NeighborlySoftware.com?
I determined that city officials were the decision makers and thus who we should optimize the site for, followed by office managers and finally the app's power users.
For example, the marketing site needed to explain the product in an overarching manner initially, then allow the user to explore through an interactive section to demonstrate the breadth of the app. Following this is a list of solutions, and finally a CTA to request a demo.
At any point in time the user can decide to take action and request a demo, so I made sure to keep this locked in the nav and in the middle of the page scroll.
View the live marketing site here.