User Experience Design

User experience (UX) design deliverables include both low and high fidelity wireframes, workflow diagrams, and click-through prototypes, and at times, can work together with visual design deliverables.

The user experience of a website visitor is in every part of the website from branding to content, but the key points in UX design focus on workflows, wireframes and user testing.

Project Examples

Insight Terra

The overall layout of the homepage was quickly laid out with a colorful yet low fidelity wireframe.

No items found.

View Project

SCAG 2016-2040 RTP/SCS

Wireframes for some of the more complex pages were created, but most of the UX designs were in highly detailed mockups in Invision that showed what each click would do.

No items found.

View Project

The Toll Roads of Orange County

Several workflows needed to be created including signing up for an account, paying a toll, and even creating a contact us page that focused on FAQ questions first before providing a contact us form. This helped to reduce calls and emails to customer service center.

No items found.

View Project

MTC Web Accessibility

Good UX also helps accessibility in making sure websites are understandable to all.

No items found.

View Project

511.org SF Bay

The main UX focus was the trip planner in the 2016 redesign. After adjusting the navigation from the previous redesign, I focused on the content page layouts built in Drupal.

No items found.

View Project

Port of Seattle

The user experience of navigating the site was focus on the tagging functionality by the content creators. This allowed for control of the design, but flexibility on the content. While I started wireframes out with super low fidelity ones, my highly-skilled team at CivicConnect created highly detailed wireframes for my presentations to the client.