University District Street Medicine

Website redesign for the non-profit organization providing quality care for individuals experiencing homelessness.

Adrian Pacheco

"Providing quality care for individuals experiencing homelessness."

Client

University District Street Medicine


Location

Seattle, Washington


Year

2017

Services

User Experience Design
User Interface Design
Responsive Design


Collaborators

Jonathan Li
Morya Breland

In a rapid prototyping approach, developers and I worked together in an iterative design process of prototyping, reviewing, and refining the new web experience.


RESTRUCTURING THE FRAMEWORK

Before focusing on any visual elements, I spent a great amount of time making sense of how content from the previous UDSM website can be better organized from page to page. Using a card sorting technique, I was able to create a framework that combined related information into categories that would make sense for first-time visitors.

FINDING INSPIRATION

One of the first steps taken within the visual design process began with searching for typography and colors that may fit the UDSM feel and aesthetic.



WIREFRAMING

For each early design iteration, body text, image placement, and other UI elements were repositioned and some relocated onto different screens. Once the final wireframe took its form, I then began to focus on color and typography details that would be a part of a high fidelity prototype.


Adrian Pacheco

DEVELOPER HANDOFF

After a few usability test sessions, I then packaged and handed all web design specs over to the developers. This concluded my role as the web designer for the UDSM.


Next Project