Home|Work Samples

    Work Samples

    A selection of deliverables from past projects spanning user research, information architecture, wireframing, content strategy, accessibility, creative direction, and more.

    Work samples represent deliverables produced during my tenure at Portland Webworks, where I served as Director of User Experience.

    38 samples
    Accessibility Lesson for Content Management Systems

    Accessibility Lesson for Content Management Systems

    A slide deck that supported a presentation to a wide audience of prospective clients and those with responsibility for managing content in a website, helping them understand content construction practices to support accessibility.

    Accessibility Consulting
    Brand Exploration Notes (Rough)

    Brand Exploration Notes (Rough)

    Draft notes for development and collaboration, exploring potential site map models, graphic design directions, taglines, color palettes, and other aspects of design to be developed.

    Graphic DesignLabor and Employment
    Brand Exploration Notes (Rough)

    Brand Exploration Notes (Rough)

    Compiled informal notes exploring key aspects of early design exploration, including potential main navigation models, brand artifacts, textures, accents, and taglines.

    Graphic DesignUX & Design StrategyEnvironment and Conservation
    Brand Exploration Notes (Rough)

    Brand Exploration Notes (Rough)

    Informal materials relating to exploration into site maps, site positioning, taglines and keywords, and graphics directions for an upcoming project.

    Graphic DesignUX & Design StrategyEnvironment and Conservation
    Content Audit and Research Report

    Content Audit and Research Report

    A key deliverable describing user studies conducted and content analysis completed, including methods, findings, and recommendations.

    Content StrategyUser ResearchTransportation
    Executive Leadership Presentation

    Executive Leadership Presentation

    A slides-based project update aimed at high-level stakeholders and project sponsors, summarizing user research activities, site analysis, findings and recommendations, and initial low-fi designs.

    Project PlanningHealth and Human Services
    Feature Summary

    Feature Summary

    A narrative report describing project context, intended functionality, in and out of scope details, and other factors to support upcoming implementation work.

    Business AnalysisLabor and Employment
    Graphic Design Presentation

    Graphic Design Presentation

    A slides presentation that walks the client through analogous research and design exploration in order to establish the creative direction for a new website.

    Graphic DesignUX & Design StrategyMilitary
    High-fidelity Interactive Feature Design

    High-fidelity Interactive Feature Design

    An excerpt of a larger graphic design that provides card styling, layout, and presentation of an intended interactive feature for the client's website.

    Graphic DesignLabor and Employment
    Information Architecture Diagram

    Information Architecture Diagram

    A graphic depiction of the full site map for the client's website, showing the hierarchical positioning of individual pages and the parent-child relationship between pages.

    Information ArchitectureLaw Enforcement
    Information Architecture Diagram

    Information Architecture Diagram

    An org chart-style diagram that reflects the finalized site map for the client's site.

    Information ArchitectureHealth and Human Services
    Information Architecture Diagram

    Information Architecture Diagram

    A site map diagram that specifies the content organization established through information architecture analysis and design.

    Information ArchitectureTransportation
    Information Architecture Diagram

    Information Architecture Diagram

    An organizational diagram depicting the final site map for the client's website.

    Information ArchitectureJudicial
    Information Architecture Options

    Information Architecture Options

    Multiple models for a client's information architecture and the initial model for the main navigation of their site.

    Information ArchitectureHealth and Human Services
    Low-fidelity Wireframe

    Low-fidelity Wireframe

    A grayscale page design that shows anticipated content handling, page layouts, and functional elements to support usability for the client's website.

    WireframingLaw Enforcement
    Low-fidelity Wireframe

    Low-fidelity Wireframe

    A grayscale page design reflecting recommended content management, layout, and function to support usability for the client's website, focused on the main menu presentation.

    WireframingLaw Enforcement
    Low-fidelity Wireframe

    Low-fidelity Wireframe

    A grayscale page layout showing anticipated content for an intranet landing page, representing exploration into new content and presentation.

    WireframingUX & Design StrategyLaw Enforcement
    Low-fidelity Wireframe

    Low-fidelity Wireframe

    A grayscale homepage and interior page designs that show anticipated content handling, page layouts, and functional elements to support usability for the client's website.

    WireframingLabor and Employment
    Low-fidelity Wireframe

    Low-fidelity Wireframe

    Grayscale designs reflecting recommended content management, layout, and function to support usability for the client's website, with multiple options included.

    WireframingEnvironment and Conservation
    Low-fidelity Wireframe

    Low-fidelity Wireframe

    Grayscale homepage designs at desktop and mobile that show anticipated content handling, page layouts, and functional elements to support usability for the client's website.

    WireframingEnvironment and Conservation
    Low-fidelity Wireframe

    Low-fidelity Wireframe

    Grayscale homepage designs at desktop and mobile that show anticipated content handling, page layouts, and functional elements to support usability for the client's website.

    WireframingEnvironment and Conservation
    Low-fidelity Wireframes

    Low-fidelity Wireframes

    Various representations of desktop and mobile designs for homepage and interior pages, reflecting an updated site map and key user workflows and functional access.

    WireframingUX & Design StrategyMilitary
    Market Research Report

    Market Research Report

    A slide-based presentation providing comparative analysis and observations relating to the client's future site relative to similar and analogous sites found across the web.

    Graphic DesignUX & Design StrategyHealth and Human Services
    Project Brief

    Project Brief

    A text-based report describing processes, observations, learnings, recommendations, and anticipated functionality required for the client's website.

    Business AnalysisProject PlanningHealth and Human Services
    Project Brief

    Project Brief

    A comprehensive text-based document that captures key details about the project's genesis and background, enumerating key problems to solve, current strengths and opportunities, prioritized audiences and anticipated features.

    Content StrategyProject PlanningBusiness AnalysisJudicial
    Tone and Style Guide (Draft)

    Tone and Style Guide (Draft)

    A written reference document defining key parameters meant for editors and content creators, describing proper tone, reading level targets, and technical aspects of writing for the web.

    Content StrategyContent TrainingAccessibility ConsultingEducation
    Tree Test Report

    Tree Test Report

    A slide presentation outlining a content organization study (tree test), and summarizing recommendations relating to the site map.

    Information ArchitectureHealth and Human Services
    Tree Test Report

    Tree Test Report

    Slides that report on the process, findings, conclusions and recommendations associated with a tree test study aimed at evaluating an information architecture.

    Information ArchitectureEducation
    Tree Test Report

    Tree Test Report

    A slide presentation outlining the data collection, results, and recommendations from a tree test, which is a content organization study.

    Information ArchitectureEnvironment and Conservation
    User Personas

    User Personas

    Realistic representations of different user types relevant to the services and industry of the client, to ensure functional and design priorities reflect the needs of target users.

    User ResearchHealth and Human Services
    User Personas

    User Personas

    Representations of key audience demographics used to validate functional and organizational choices in the client's website.

    User ResearchJudicial
    User Research Plan

    User Research Plan

    A text-based planning document to document and collaborate on research methods, planned questions, and scripting.

    User ResearchLabor and Employment
    User Research Report

    User Research Report

    A slide presentation analyzing user tasks that had been tested using a prototype.

    User ResearchPrototypingEnvironment and Conservation
    User Research Report

    User Research Report

    Comprehensive slide-based report summarizing findings from multiple user research studies.

    User ResearchJudicial
    User Research Report

    User Research Report

    A reporting of multiple user research studies that had been conducted, including background information on the methods applied, the scale and scope of research conducted, intended goals, questions and prompts involved, responses, results, and conclusions.

    User ResearchHealth and Human Services
    Workflow Diagram

    Workflow Diagram

    A graphic that depicts key user workflows for functionality being planned for the client's website, describing the role of the website in an enhanced future state.

    Business AnalysisHealth and Human Services
    Workflow Diagram Relating to IA and Content Taxonomy

    Workflow Diagram Relating to IA and Content Taxonomy

    A visual workflow artifact describing two different methods for handling courts hierarchy in the client's website.

    Business AnalysisInformation ArchitectureJudicial
    Writing for the Web Training Slides

    Writing for the Web Training Slides

    One of a two-part training series that educates content managers on updated content strategies, tone of voice goals, and processes to maintain a newly designed site.

    Content StrategyContent TrainingAccessibility ConsultingEducation