Show Me

Below, I have listed sample work of key processes and deliverables that I have completed as a graduate student and user experience designer.


Experience

I worked as UX designer at an interactive agency in San Diego, California where I examined clients business challenges and created solutions to improve online processes and user experience.

If you are interested in learning about client projects that I have worked on, please contact me at atfang-at-gmail-com

Tools of Choice

Omnigraffle is my primary tool of choice for creating wireframes and interaction diagrams. I have experience working with a variety of other applications and am always willing to learn new technologies to help communicate a shared understanding of a user interface.

Tools: Omnigraffle, AxureRP, Adobe Illustrator, PowerPoint, Visio

Site Maps

A site map is a graphical representation of the architecture of a web site. A site map illustrates the distinct pages within a site structure but does not illustrate the content contained on any particular page.

sample sitemap: image 1 of 4 thumb sample sitemap: image 2 of 4 thumb sample sitemap: image 3 of 4 thumb sample sitemap: image 4 of 4 thumb

Wireframes

Wireframes serve as a visual guide that define the importance and functionality of site elements and content. It visually displays the features and functionality for selected site pages. Wireframes also illustrate dynamic elements and specify content requirements. Below are sample wireframes from varying projects that outline functionality and workflow.

sample wireframe: image 1 of 8 thumb sample wireframe: image 2 of 8 thumb sample wireframe: image 3 of 8 thumb sample wireframe: image 4 of 8 thumb sample wireframe: image 4 of 8 thumb sample wireframe: image 6 of 8 thumb sample wireframe: image 7 of 8 thumb sample wireframe: image 8 of 8 thumb

Design

sample design: Image 1 of 8 thumb sample design: Image 2 of 8 thumb sample design: Image 3 of 8 thumb sample design: Image 4 of 8 thumb