2. Challenge: ASTSWMO, a non-profit
representing the 50 States, 5 Territories
and the District of Columbia, seeks to
better its engagement metrics and to
better share information distributed by
the Association on it’s website. Create
the website with the mindset that it
would be both a tool for the
membership as well as rebranding.
Solution: Redesigning the old site to
improve functionality and better organize
information and data.
My Role: The organization’s staff and I
collaborated on researching,
interviewing, and formatting of the new
site. It was my job to work with staff and
transform it using my UX design and front-
end web development skills. I used
surveys sent to potential users (staff
contacts) to gain metrics with which I
could compare the viability of the new
site.
Duration: October 2015-October 2016.
OVERVIEW
4. Why was the old site underperforming?
Complaints from staff:
“It cannot be easily navigated on a mobile
device.”
“New information is cluttered with old
information.”
“It is hard to find staff contact information.”
“There is too much unused white space.”
New site priorities:
Mobile First
Well organized navigation
Easy to access search
Purposeful design that is both functional and
aesthetically pleasing.
Google analytics revealed that the
average daily metrics for the site were
not as favorable as they could have
been. It was noted that bounce rate
was high.
5. TIMELINE
ASTSWMO has quarterly Board meetings that happen throughout the year (January, April, July,
October) in various locations throughout the country.
These meetings offered a testing opportunity for the website and gave the project an opportunity to
get feedback on the site and its development.
January 2016: Presented 1st Survey Questions
Survey sent out January 15th, 2016
April 2016: Discussion on how the project was progressing
July 2016: Provided a demo to Board members
August 1st, 2016 the new site was rolled out.
October 1st, 2016 a second survey was sent out
October 2016: Shared response from the 2nd Survey with Board.
6. Research: Who is our User?
WHAT WE WANT TO KNOW:
How many visits have you made to ASTSWMO.org?
In what Region do you work (1-10)?
In what program area do you work?
How many years have you worked in a government
office?
How many years of work experience do you have
which pertains to your current role within the
government?
WHAT WE KNOW:
State or Federal Employee of the USA
Involved in issues pertaining to the
environment and federal regulations
7. Research: Who is our User?
Results from 1st Survey
Sent out January 15, 2016
Responses:
400 emails sent out
307 responses
10 were not included in graphs as they were
not Federal/ State Employees
Most surprising result: ~20% of those who
responded never used the website.
Good News: The results were pretty even from
every region which meant we got a good, broad
sample to analyze.
8. RESEARCH: Who is our Audience?
What is your Gender?
Male
What Region is your office?
Region 10 (Washington State)
Are you a Federal or State Employee?
State
How often do you visit ASTSWMO.org website?
Visits the website 1-5 times a month
In which program area do you work?
Works in Federal Facilities Program Management
How many years have you worked for a government
office?
24 years of experience
When are you planning to retire?
Will retire in the next 5 years
In what capacity do you use the ASTSWMO website?
Reading papers/documents pertaining to his
program area
Do you check ASTSWMO.org for updates on news
regarding issues concerning your work?
Does not use website for news section
How long have you know about ASTSWMO?
10+ years
Meet Kevin!
ASTSWMO
Member
10. ASTSWMO: Preparing for a Political Transition
The Priority Areas for ASTSWMOS preparation for a transition concern funding, strategic plan review, and
appointment announcements...
2017 ASTSWMO MYM
Wireframe for home page. I sketched for the site using InDesign. We
decided instead to use a landing page that would be the users first
interaction with site. I used Bootstrap framework.
11. Working with Staff
During the process of reorganization of the website, I worked closely with
staff so that I could get their feedback on the project.
We had weekly meetings that were aimed at going through and
organizing 40 years of resources/ documents and figuring out how best to
archive that information.
12. Navigation Organization
The eventual organization of the
site was decided on by staff.
I made the NavTab sticky so
that users would always be able
to click there if they were lost
without having to scroll.
The landing page (next slide)
was to keep up with our mobile-
first initiative.
13. This is the landing page that I decided to use.
It was very clean and brought users
immediately to the most highly trafficked areas
of the site.
14. </> Front-End Development
I coded the site using HTML5 and CSS3. The site is fully responsive and uses a 12-
column CSS grid. Bootstrap was the framework I used during the development
process.
Please feel free to visit the site yourself: http://astswmo.org/
15. Results from 2nd survey (Post Redesign)
150 responses—October 15, 2016 Survey sent out
91%: prefer new site
5% never used old site
27% were using a mobile device to access the site
62% gave new site a B overall; 35% gave new site an A overall
85%: New site is easier to navigate
5% never used old site
When comparing average daily metrics
from September 2015 with September
2016, Google Analytics shows a clearly
positive trajectory.