in.gov

While working for Indiana Interactive, I redesigned and redeveloped the state website for Indiana. I also contributed to a design system so that our 200+ state agency websites could make use of shared components with consistent styles, efficient and reusable code, and a more consistent user experience. We ended up getting 3rd place in the "Best of the Web & Digital Government Achievement Awards 2015" as awarded by the Center for Digital Government.

Tools Used

  • Photoshop
  • Illustrator
  • Adobe Premiere Pro
  • Coda Text Editor

Skills Used

  • Web Design
  • User Experience Design
  • User Interface Design
  • HTML, CSS, JavaScript

Special Features

  • Search, using Google Search Appliance (phased out in 2016)
  • InHistory animated video (video and graphics)
  • Text sizing and contrast settings (custom cookie settings)
  • Location settings for services and weather (using ArcGIS and Mapbox)
  • Statistics and dynamic charts (using Tableau and D3js

Industries Served

  • State Government

Screenshots

Desktop Screenshot (Developed Site)

IN.gov project homepage screenshot

The website was submitted to the "Best of the Web & Digital Government Achievement Awards 2015" and won 3rd place for best State Government Website. The direction of the design was refined and ended up winning first prize in subsequent years, based on my design and my code.

High Fidelity Desktop Ideation (Profile Page)

IN.gov profile page example

The website I designed and developed had a number of features at the time it was live. This screenshot represents a concept of a "profile" page for a user who had signed in. The profile page included:

  • favorite Indiana agencies setting
  • local weather, using a Yahoo weather API
  • favorite Indiana services setting
  • department of traffic tweets
  • Pertinent news releases
  • Subscription settings
  • travel advisories per county
  • State statistics pulled in using Tableau and D3.js