← Back to Case Studies

City of Allentown: A DNN City Website, Then a New UI

Municipal GovernmentAllentown, Pennsylvania
City of Allentown website cover for our municipal DNN and UI design case study

Project overview: the city's website, over many years

The City of Allentown's website is how residents find city information. Since January 2012 we have supported and redesigned that DNN site, including a mobile-responsive update, custom modules, and a later UI and UX redesign aimed at accessibility and clearer navigation.

About the City of Allentown website

The City of Allentown website is how residents look up city information and services. Content editors inside the city publish it. The site runs on DNN, the .NET content platform formerly called DotNetNuke.

Support and redesigns from 2012

The city hired Maxiom in January 2012. The first job was support for the existing website. The city provided wireframes. We configured the application so it stayed secure and current.

From there the work became a series of redesigns. We adjusted the color scheme and the templates, and we wrote custom modules that integrate with other web services. The main development of that generation of the site ended in early 2013. A later project made the pages mobile responsive and finished in 2015. Support continued after both of those builds. The stack the city and Maxiom named for the work is .NET, DNN, and IIS hosting.

Content editors said they could manage the site with little friction, and usability complaints stayed low. The city logs support issues in a help desk. From January 2012 through July 2018, the city had spent $128,000 with Maxiom. Antonio Chagoury managed the work and pulled in design or development as each project required.

A later UI and UX redesign

A separate design engagement set out to make the site easier to navigate, current in its visuals, and usable on a range of devices, including for people with disabilities. The city's accessibility requirement was that residents could reach the content.

We interviewed stakeholders, used existing user research, and wireframed the new structure with those stakeholders. Visual design covered type, color, and the hierarchy of the content, so the information residents need is easy to find. The pages were built in HTML, CSS, and JavaScript and tested across major browsers and devices.

The city's CMS was already DNN. The roadmap for that design was to turn the new interface into a theme for the DNN site the city had been running for years, so editors would publish the new design in the system they already knew.

What a city homepage has to do

  • Find a service. Residents arrive with a task. Navigation and the content hierarchy have to make that task obvious.
  • Work on a phone. The 2015 update made the pages mobile responsive. The later design was built for a range of screen sizes.
  • Stay editable. Content editors publish in DNN. Custom modules extend the CMS where a plain page is not enough, including connections to other web services.
  • Stay maintainable. Security updates, a help desk, and a team that already knows the city's DNN installation are how the site keeps running between redesigns.

Municipal websites

Need a city website supported or redesigned? We can take the interface, the CMS work, and support for municipal sites.

A city website your staff have to keep current?

Tell us what residents need to find, what the CMS is today, and whether you are supporting a site or designing the next one. On a 30-minute call we will tell you how we would approach it.

Project inquiry

Tell us what you are trying to ship

Response within 1 business day

The Challenge

Residents use the city website to find information and services. The site has to stay secure, work on a phone, match the city's brand, and be editable by content staff who are not developers.

Our Solution

Starting in January 2012 we supported, redesigned, and maintained the city's DNN website: security and updates, templates, a mobile-responsive design finished in 2015, and custom modules tied to other web services. A later engagement redesigned the UI and UX, with research, wireframes, and pages built in HTML, CSS, and JavaScript, on a roadmap to become a DNN theme.

Technologies Used

DNNDotNetNuke.NETIISCustom ModulesUI/UX DesignHTMLCSSJavaScriptAccessibility

Results & Impact

Impact

Content editors managed the DNN site with little friction and few usability complaints. From January 2012 through July 2018 the city had spent $128,000 with Maxiom. The mobile-responsive update was finished in 2015.

Client Testimonial

Our success has cemented a long-standing collaboration between the City of Allentown and Maxiom Technology.

Laura Ballek-Cole

City of Allentown PA

Services Provided

Why Maxiom?

Ready to start? Back to the inquiry form

Frequently asked questions

What did Maxiom do for the City of Allentown?

Since January 2012 we have supported and redesigned the city's DNN website: security and updates, templates, custom modules, a mobile-responsive design finished in 2015, and a later UI and UX redesign.

What platform is the city website on?

DNN, formerly DotNetNuke, with .NET and IIS hosting. Content editors publish in that CMS.

When did the work start?

January 2012, beginning with support for the existing site. The main development of that generation ended in early 2013. The mobile-responsive update ended in 2015. Support continued after both.

What did the mobile update change?

Pages were made mobile responsive. The same period of work adjusted the color scheme and templates and added custom modules that integrate with other web services.

What did the later UI and UX redesign include?

Stakeholder interviews, user research, wireframes, visual design, and pages built in HTML, CSS, and JavaScript, with accessibility and a clearer content hierarchy. The roadmap was to apply that design as a theme on the city's DNN site.

How did city staff respond to the DNN site?

Content editors reported they could manage the site with little friction, and usability complaints were few. Support requests go through a help desk.

What did the city say about the partnership?

Laura Ballek-Cole of the City of Allentown said the success of the work cemented a long-standing collaboration with Maxiom Technology.

Can Maxiom support or redesign a municipal website?

Yes. We support DNN city sites, design the next interface, and build custom modules. See government software and UI/UX design.