0-mayorwebsite
We had a great time working with the city on Mayor Suttle’s new website. Here’s a little bit of our thought process behind the project…

THE GOALS OF THE WEBSITE:


ORGANIZATION:
News Categories

We created categories that address the different issues that Mayor Suttle talked about during his campaign that link up to the relating posts… Public Safety, Green Initiatives, Economic Development, etc.

Slideshow
A slideshow is on the homepage that features important posts. This will help keep the needed news from being pushed to the bottom by new posts.


CONNECTING:
Mayor’s Hotline

3-mayorshotline
Mayor’s Hotline is always available as a tab on each page on the left for easy communication.

Links to Social Media and other sites
Links to Mayor Suttle’s Facebook, Twitter, YouTube as well as other city related sites throughout the pages.

Twitter Feed
5-twitterfeed
Mayor Suttle’s Twitter Feed is pulled in directly at the top of each page.


USER-INTERFACE:
Visual Indicators
8-dropdown2
Drop downs replaced with whole section dropping down to reveal all of the links. Once you visit one, a visual indicator checks off of where you’ve been. Links to PDFs are shown with a PDF icon next to it that turns gray if you’ve already been there. Little arrows are also next to links that take you away from the site.

9-top
Some of the pages are so long, so as soon as you scroll down a bit, a TOP button appears in the bottom right corner that can scroll you back up to the top. We utilized scrolling, rather than jumping so users can have a visual for where they’re going.

UPDATABLE
10-updates
The site will always be evolving, so we built it to have dynamic content with the ability to update on the backend by Suttle’s administration.


We had a great time working on this project with the administration, DotComm and everyone else involved. We love Omaha, and we are so proud to work with the city!