Contact ME

Want to talk about your UX project? Send me an email!

           

123 Street Avenue, City Town, 99999

(123) 555-6789

email@address.com

 

You can set your address, phone number, email and site description in the settings tab.
Link to read me page with more information.

UX Portfolio

 

PBS documentary series - The raising of america

UX CHALLENGE

  • Take the dense, complicated arguments and concepts around family policy in America and make it clear, accessible, inviting for advocacy professionals, direct service providers and early childhood practitioners
  • Allow users to dip their toes in the content and find things quickly that grab their attention--and find what they can adopt for their own outreach work

The Goals

Get organizations across the country to use The Raising of America documentary series and website content to move their advocacy and community education forward

My Role

Lead UX Architect and Designer in conjunction with Free Range Studios

  • Site architecture - Crafted global and micro site architectures, in response to stakeholders and in conjunction with Free Range 

  • Wireframes/User Flows - Drafted wireframes and user flows to articulate design feedback to Free Range and suggest alternative UX solutions

  • Design - Designed mockups to suggest alternative UX solutions for numerous pages and elements based on initial visual designs by Free Range Studios

  • Data Visualizations - Created several interactive data visualizations using D3.js library (sketches -> mockups -> coding) and customized other visualizations originally produced by Free Range 

Approach

  • Divide the site into three actionable areas: Watch, Discover and Take Action to clearly show users easy entry points into this rich material
  • “Nuggetize” content into video clips and interactive articles that users can digest and download for their own work
  • Create step-by-step, clear description of how organizations can get involved in the campaign and use the documentary series in their own work
  • Develop infographics and data visualizations for key research findings and data points

The child olympics - data visualization

UX Challenge

Unpack the dense, technical UNICEF report on child well-being to make the rankings and data come alive

The Goals

Engage the user in the data and the bigger picture to prompt them to ask, “How could this have happened in America?”

My Role

Customized the design and user flow based on original design by Free Range Studios

Approach

  • Frame entire interactive mini-app as “olympic games” with four “events in which the U.S. is competing against other nations
  • Isolate four specific, visceral results in the data
  • [Infant Mortality, Child Poverty, Preschool Attendance, High School Graduation]
  • Pose data as a guessing game: Where does the U.S. rank in relation to the world’s other 30 richest nations?
  • Require user interaction to submit guesses (drag-and-drop) and proceed through the “event”
  • Use animations to draw user into the interactive and from one event to the next event
  • Use graphic elements to evoke Olympics metaphor (medals, background image of track and field, classic scoreboard typeface and layout, specific language)

Wages vs. productivity - data visualization

UX CHALLENGE

Translate the dry, raw data of wages vs. productivity growth over 60 years into an engaging, comprehensible interactive

THE GOALS

Draw users' attention to the question, "Where did all the wealth go?" and make them viscerally see the gap

MY ROLE

Complete design from sketches to final product + Complete development using d3.js, a data visualization javascript library

THE APPROACH

  • Animate each stage of the graph into "scenes"
  • Break down the classic "median wages vs. U.S. productivity" data into a mini-story with a series of scenes for users to walk through
  • Simplify each scene enough for user to truly comprehend what was happening during that period
  • Each scene isolated the wage growth or productivity growth over each 30-year period
  • Each scene built on the previous scene, drawing users through the mini-story toward a realization that there is a huge gap between median wages and U.S. productivity

inspire Medical - wireframes

ux challenge

Using imagery, site structure and page layout, engage potential investors in a clear, compelling opportunity for investing in an innovative medical device for children in developing countries

the goals

  • Draw investors to the project
  • Provide background resources to lend credibility and understanding to the project

my role

  • Through discovery, develop the site concept (a problem and an opportunity)
  • Set up the site architecture to reflect the Problem-->Opportunity idea
  • Wireframe all site pages to best use imagery, menus, navigation and explanatory text

approach

  • Thorough review of dozens of background papers and project descriptions
  • Frame project as "Problem-->Opportunity" rather than "Problem-->Solution" to illustrate the active, dynamic nature of the project that needs investor action
  • Organize site materials to reflect Problem and Opportunity
  • Draft wireframes with strong imagery that emphasize the opportunity while clearly educating investors about the urgent problem

SAN FRANCISCO FRIENDS SCHOOL

UX Challenge

Develop a website that conveyed the ethos, spirit and soul of San Francisco’s only Quaker school...while providing all the critical nuts-and-bolts that prospective parents need when comparing and choosing private schools for their children

The Goals

Reflect the nature of the school’s unique educational approach to attract like-minded families in the highly competitive world of San Francisco private schools

My Role

Developed the architecture, led the content development process, guided the design (including mockups)

Approach

  • Make the navigation simple for parents to find information nuggets and make comparisons with other schools
  • Refine, refine, refine the design and structure of the site to communicate through simple colors, bold images, and much, much less text
  • Build a clear information structure for all the academic and community content and structure that content with patterns so users can scan and digest information quickly
  • Humanize the school through high-quality images of teachers and students in action
  • Highlight the unique architecture and history of the school building (the original Levi’s factory)

NONPROFIT HOUSING OF NORTHERN CALIFORNIA

THE UX CHALLENGE

Redesign dense information-centric website for nonprofit development professions into a contemporary, accessible, attractive hub for this professional association

THE GOALS

Give the nonprofit development community pride in the work they do and remove the friction in engaging the professional community in broad policy initiatives

my role

UX Team Lead - led all client engagements, led team of 5 through discovery, design and development

The Approach

  • Refine and pare down content into critical and secondary areas
  • Re-structure site to bring actions to the forefront while pushing supporting information to the background
  • Craft language to be active rather than descriptive, from the menu items to the page titles to the content summaries
  • Infuse site with visuals more than text to convey content to the users, for example:
    • indicate "profile piece" with casual photos of new residents
    • indicate "policy initiative" with image of legislator in action

STORY DEVELOPMENT

As part of my UX work, I often incorporate story development—the underlying narrative that holds the content together and engages the user in a bigger story.

THE PYATOK STORY

UX Challenge

Convey through print and web what makes Pyatok Architects a unique, mission-driven organization

The Goals

Draw like-minded clients to the work of great architecture for nonprofit housing developments and civic-minded urban architecture

My Role

Redesign structure and design of entire site + Synthesized and drafted content

Approach

  • Dive deep into the 30 years of visionary writings by the founder and leading principal of the organization
  • Distill numerous abstract ideas about architecture and social justice into a one-page “Pyatok Story”
  • Redesign pyatok.com website into a clear, approachable, visual site that allowed users to engage with the bigger ideas
  • Bring visual content to the fore with professional architectural photography, tightly written descriptions, and informal images and bios of the architects

Nasa's quest to test einstein's spacetime

UX Challenge

Distill a compelling story, presentation and web presence from the story of Einstein’s biggest thinking about the universe (curved spacetime) and NASA’s cutting-edge, fifty-year mission to find out the truth about it

The Goals

Engage science teachers, students and the science-attentive public in Einstein’s Ideas and NASA’s amazing quest to find curved spacetime around the Earth with the world’s roundest object

My Role

Lead story developer, presentation designer, and web architecture

Approach

  • Develop a human-centric story based on abstract physics and technology, taking the user through each step in Einstein’s thinking and, simultaneously, through each step in NASA’s incredible technology
  • Make every step relatable: “just like walking down the street”, “the size size of a golf ball”, “just like spinning a basketball on your finger”
  • Use demonstrations, illustrations to attract and engage users; multiple entry point in the story
  • In Einstein’s words, make everything as simple as possible, but no simpler
  • Give audience ownership of ideas and info by making it digestible and relatable
    • eclipses reveal the bending of light in curved spacetime
    • gyroscopes are just like bicycles- keep them spinning and they stay upright, the faster they spin, the more they are balanced