My Process
There is so much more to a designer than being able to utilize software and pick pretty fonts. Below I have shared my process for the City of Round Rock website project.
UX Design - Figma
After many conversations not only with the Communications team, I met with the Director and web editors from each City department. This feedback was crucial to being able to create the initial UX design and share with my IT counterpart to begin the project.
Design Concept, Version 1 - WordPress
Working with the City IT department on this project allowed me access to play around with WordPress processes and concept the work-flow moving forward. We created a testing site and came up with using Elementor Page Builder within WordPress.
UX Design, Round 2 - Figma
The review brought us back to square one with navigation concepts and responsive mode issues with the first design. A great lesson learned with Elementor Page Builder and all of it’s amazing widgets, is that just because you can, doesn’t mean you should. After another go at the UX, I presented Round 2 to Directors and project leaders and got the sign-off to proceed.
Design, Version 2 - WordPress
The presentation of design version 2 provided me with positive feedback on the design, but we still had some work to do for responsive mode design. From here I did several tests of functionality on the Search widget, Icons and Event and News posts. All of this had to be reworked, which at first was hard to understand, but then ended up with the best possible solution for launch.
Final Design and Development
With one final presentation to the City Manager and department directors, the final build out the web site set to launch July 2021.
- Provided UX mobile design
- Tested best practices for web editors
- Created a Learning Management System website for editors
- Created website training videos and learning documents for the LMS, utilizing Office 365, SharePoint and Stream apps
Mood Board
Created mood boards so the web editors would have a reference for design, photos, color and fonts.
Website Style Guide
Designed and provided training on a City web site style guide
Canva Branding
Created a Canva account with all of the City web site branding assets in place. This allowed web editors to create web graphics or download assets as needed.