top of page

Low Fidelity Wireframes

Potential Homepage Layout

Potential Map View Recommendation

Potential Profile Layout

Potential Knowledge Base Search 

After gathering preliminary information from the client, my manager and I came up with some potential layouts that would highlight important information clarify resources for the Department of Transportation. 

High Fidelity Wireframes

High Fidelity Homepage

High Fidelity Benefits Page

High Fidelity Profile Page

High Fidelity About Page

After several weeks of feedback from the client, the high-fidelity wireframes and final design for the website were created. This is a sampling of some of the web pages here, but there is a live site with these designs today. 

Exceeding All Expectations with  User Guide

I created this guide as a resource, tutorial, and reference only for content managers, contributors, and administrators to the ITS Deployment Evaluation website. The client requested a guide they could refer back to just in case they needed to train new members of their team at any point. 

Project Overview

Department of Transportation Redesign-

Intelligent Transportation System (ITS) &

Joint Program Office (JPO)

 

Intelligent transportation systems (ITS) provides a proven set of strategies for advancing transportation objectives. The goal of establishing the ITS Data Repository was to make the extensive amount of deployment data collected over the years by the United States Department of Transportation (USDOT) Intelligent Transportation System Joint Program Office (ITS JPO) available to interested researchers, policy makers, and others for exploration, analysis, and use.

TEAM

Senior UX Designer

Project manager

Developer

Technical Lead

Data Analyst

Developer

Developer

Deputy Program Manager

MY ROLE

Digital Product Design, & Research

Tools

Adobe Creative Suite (Visuals), Sketch (Wireframes & Prototypes)

The Problem

COVID-19 had just taken effect, and all future development of the project resulted in working remotely. The Department of Transportation needed a simplified ITS Deployment Evaluation website that was easier to navigate and updated with current design standards. 

The Solution

For this project, I was the UX Specialist who:​

  • Conducted competitive research on other website's search functions

  • Designed and produced low, mid, and high-fidelity wireframes

  • Advised design decisions using accessibility standards

  • Assisted in Finalizing a responsive website design

  • Developed and presented a working prototype in Invision

  • Final outcome deliverable: https://www.itskrs.its.dot.gov/

The client had some specific requirements: 

- Their UX Designer had to be proficient in 508 Compliance and Accessibility standards. 

- Developers need to be able to understand the recommended Style Guide

- An Analysis of accessibility needs to be conducted on the current website and continuing design questions need to be answered for customizability

 

The client's questions on color contrast and layout informed my recommendations for the Style Guide, Menu System, and the Homepage Layout. 

Website Map

First, to get an understanding of everything currently existing and what our team needed to create, I conducted a website inventory and documented all of the missing and existing pages in an Excel spreadsheet. We brought this to the client, and it gave them a good picture of what needed to be simplified. 

Competitive Analysis 

In the research phase of the project, I conducted a competitive analysis of 7 websites. Then I also gathered our favorite design elements to use in our layouts. I evaluated each website on five basic principles:

  • Search Capabilities

  • Clear Labeling

  • Simplified Visual Design

  • Range of Filters and their usability

  • and Usability in Navigation

bottom of page