Mandy is a design engineer striving for a more beautiful, sustainable, and human-centered web.

  • UI
  • UX
  • Product Design
  • Interactive Prototyping
  • Production Implementation
  • Creative Direction
  • Visual Design
  • Typography
  • Branding
  • Documentation
  • Technical Editing

For two decades, I've been crafting intuitive interfaces + experiences using modern & pragmatic design, development, and accessibility practices — both independently and embedded within creative + engineering teams.

I am always interested in learning about digital tools that cater to users and needs that are all-too-often underserved. The following are some causes I feel strongly about and would love to collaborate on:

  • climate justice
  • clean energy
  • forest & fire management
  • public safety outreach
  • food & housing insecurity
  • disability/autonomy tech
  • organizing/mutual aid
  • social impact
  • mental health
  • educational/social games
  • digital archivism
  • sustainable ecomm

If you're doing work in these areas, or think I'd be a good fit for your team regardless, let's chat!

Snapshots

A selection of projects and my contributions to them.

Brand application and interactive prototyping for a foundation focused on providing technology education and business incubation for under-represented communities.

Responsibilities

  • Design Implementation
  • UI Library
  • Interactive Prototyping

Toolset

  • Figma
  • Photoshop
  • Illustrator
  • HTML
  • CSS

Web design, accessibility auditing, and interactive prototyping for the microsite of a national healthcare organization's medical diversity awareness campaign.

Responsibilities

  • Accessibility Auditing
  • Design Implementation
  • UI Library
  • Interactive Prototyping

Toolset

  • Figma
  • Photoshop
  • Illustrator
  • HTML
  • CSS

UI/UX, interactive prototyping, & design engineering of a comics web app for a publisher dedicated to uplifting queer and marginalized voices.

Responsibilities

  • UI/UX Design
  • Interactive Prototyping
  • Design Engineering

Toolset

  • Figma
  • Photoshop
  • Illustrator
  • HTML (Go Templates)
  • CSS (Sass)
  • JavaScript (Alpine.js)
  • Hugo

Interactive prototyping and design engineering for an IoT hardware monitor and configuration dashboard.

Responsibilities

  • Accessibility Auditing
  • Interactive Prototyping
  • Design Engineering
  • DX Refactor
  • UI/UX Mentoring

Toolset

  • Sketch
  • Photoshop
  • Illustrator
  • HTML
  • CSS (Sass)
  • JavaScript
  • Angular

Led design engineering, component library development, and accessibility auditing as part of two entire codebase refactors for two large footwear brands.

Responsibilities

  • Interactive Prototyping
  • Component Library
  • Accessibility Auditing
  • Checkout Flow
  • Visual Regression Testing
  • Design Engineering

Toolset

  • HTML
  • CSS (Sass)
  • JavaScript
  • Foundation 5
  • Magento Framework

Led interactive prototyping + design engineering for the first fully-responsive refactor of a high-end home furnishing retailer.

Responsibilities

  • UI/UX Design
  • Checkout Flow
  • Interactive Prototyping
  • Accessibility Auditing
  • Design Engineering
  • DX Auditing
  • DX Refactor

Toolset

  • Sketch
  • Photoshop
  • Illustrator
  • HTML (Haml)
  • CSS (Sass)
  • JavaScript (jQuery)
  • Ruby on Rails

Led product design, user testing, and design engineering for a proprietary in-house CRM for a rapidly growing events company.

Responsibilities

  • Wireframes
  • Product Design
  • Interactive Prototyping
  • Design Engineering
  • Email Design/Dev
  • User Testing
  • DX Refactor

Toolset

  • Axure
  • Photoshop
  • Illustrator
  • HTML
  • CSS (Sass)
  • JavaScript (jQuery)
  • PHP
  • Zend Framework

Led the UI/UX design, interactive prototyping, and design engineering of a private social network and events platform for the Fortune 500 C-suite.

Responsibilities

  • Product Design
  • UI/UX Design
  • Interactive Prototyping
  • Design Engineering
  • Iconography
  • Email Design/Dev

Toolset

  • Axure
  • Photoshop
  • Illustrator
  • HTML (Haml)
  • CSS (LESS)
  • JavaScript (jQuery)
  • Ruby on Rails

Wireframes and product design for a social network built on top of congressional data to allow citizens better access to — and transparency of — their local and state governments.

Responsibilities

  • Wireframes
  • UI/UX Design
  • Product Design
  • Component Library

Toolset

  • Photoshop
  • Illustrator

Web and mobile design engineering for a social networking app focused around close friends and family.

Responsibilities

  • Web Design
  • UI/UX Auditing
  • Interactive Prototyping
  • Design Engineering

Toolset

  • HTML (Haml)
  • CSS (Sass)
  • JavaScript (jQuery)
  • Ruby on Rails
  • RubyMotion

Led digital branding, interactive prototyping, and design engineering for a local skate shop's website, camp registration + emails, and digital waiver system.

Responsibilities

  • Branding
  • Creative Direction
  • Web Design
  • Interactive Prototyping
  • Email Design/Dev
  • Design Engineering

Toolset

  • Sketch
  • Photoshop
  • Illustrator
  • HTML (Scala Templates)
  • CSS (Sass)
  • JavaScript (jQuery)
  • Play Framework

UI/UX and design engineering for a sales proposal app's checkout flow.

Responsibilities

  • UI/UX Design
  • Checkout Flow
  • Design Engineering

Toolset

  • Photoshop
  • HTML
  • CSS (Sass)
  • JavaScript (jQuery)

Explorations

Prototypes, interactions, silly things.