Worked with the Institute of Healthcare Improvement (in collaboration with the American Medical Association and Race Forward) to design desktop and mobile views for the website of their new initiative.

Work Overview

• overhauled and formalized provided outlines into refined wireframes
• updated existing branding and user interface elements to be WCAG AA-AAA compliant
• crafted an interactive component library with corresponding markup, browser prototypes, and production-ready code
• collaborated with project management and stakeholders to track both formal and informal rounds of visual and content-related feedback from multiple organizations and levels of authority

Ergon was a very talented ecommerce dev shop doing custom development and platform migrations for Magento storefronts, now a part of LaCrosse Footwear, Inc.

Selected Clients:

• Danner
• LaCrosse Footwear
• Wildfang

Initially brought in to help lead and train design engineers, our growth quickly shifted my primary focus back to production. This included designing and prototyping interactions, interfaces, user flows as well as developing their final implementations.

For Danner and LaCrosse, I was responsible for a total refactor of the CSS as part of their respective migrations from Magento 1 to 2 and Foundation 4 to 5. Outside of a few adjustment to typography for readability purposes, a custom cart view, and a redesigned checkout experience, the new and old sites shared 1:1 visual parity, confirmed with visual regression testing. As part of this work, I also created custom living style guides for both design systems with documentation to assist their content teams.

At Steelcase, I was part of the Interaction Design team within their former Smart + Connected category. The team was small and built intentionally — each designer had a specialization; mine being rapid prototyping and development — to support our category's hardware and software offerings. This included creating mobile and web applications for desktop and touch interfaces, boot/idle states and animations, and lighting design.

In addition to providing my team with prototypes for their own projects, I primarily worked on the flagship hardware and software package the category was developing to help organizations better utilize their spaces and amenities through capturing a series of real- and over-time data points for assessment and feedback. The web interface included roles-based analytics dashboards and visualizations for equipment monitoring and management.

Initially, I started out with learning Angular to independently develop a dedicated proof-of-concept to make it easy for design to review and for engineering to port over. When the front-end implementation on the production application continued missing design and UX requirements, I began contributing directly to the codebase, pair-programming with the project's front-end team, assisting with design-related code reviews, and participating in feature demos for category stakeholders. As a result of improving the rapport between disciplines and teams, regressions were mitigated entirely and front-end velocity improved drastically.

I also collaborated with my IxD team to document best practices for our category (specifically relating to web application design), and met with a variety of departments including global branding, UX research, industrial design, education, medical, and IT to document challenges they were facing and wanted to solve through design technology.

Copious was a digital agency with a focus on ecomm. As a hybrid designer, I:

• bridged and optimized their design-to-engineering workflow
• translated various fidelities of design documents to code
• helped creatives explore possibilities through modern web technologies, and brought engineers up-to-speed on how/when to use them

My primary client was Rejuvenation (Williams-Sonoma), who used a custom Rails solution for their storefront. I was responsible for engaging with designers and engineers to ship new and updated features, as well as the design engineering behind a fully responsive rebrand that prioritized accessibility, a flexible product grid system, and replacing JS interactions with native CSS.

I also assisted with the UI/UX implementation and project management of a privacy-driven social platform. Collaborating directly with the founder, we were able to design, build, iterate, and ship v1 of the native mobile app and its web counterpart in tandem in just a few months.

In 2013, a group of friends came together to help Matt invest in a skatepark with a gallery space, which he transformed into a full retail experience. In addition to awkwardly working the register for the first few months, my responsibilities included:

• branding, UI/UX, and design engineering for the user-facing website
• UI/UX and design engineering for an online event registration system
• email templates for event registration and ecommerce
• design templates for social media
• helping with art direction for skate decks, apparel, and stickers
• participating in shareholder meetings

I also spent time exploring a digital waiver system for on-site iPads as well as productizing this alongside our employee-facing application.

When we sold the business to another friend in 2023, I helped with the initial design and migration to a Squarespace solution that utilizes Lightspeed on the backend for managing product.

Evanta, now a Gartner company, organizes leadership events for Fortune 500 C-Suite executives. During my time there, they saw incredible growth in offerings and talent, and my role was to lead and scale the design of all of their digital properties throughout this process, including:

• a proprietary, in-house CRM
• events website
• custom private social network
• internal help desk & emails

Internally, I also helped my team create:

• an animated event status dashboard designed for large, flat-screen TVs across the office
• a web interface for a microcomputer with scales to determine the amount of a flavor left across multiple industrial coffee stations that would alert operations for refills, and prevent sad walks back from across the building

I also initiated a rebranding campaign to both re‐imagine and standardize the company's visuals and tone of voice, bridging the disparity between print and web with the hope of digitizing some of our expensive printed materials. Along with three designers from the Marketing department, we explored numerous ways to maintain brand cohesion throughout the non-stop growth, and mitigating costs while increasing engagement through digitization and personalization.

Stepframe was a small but highly efficient digital agency with a deep bench of local and national clients. During my time there, I designed and developed websites, emails, Flash animations, print materials. This work also included copywriting and commercial script-writing.

Selected Clients:

• Microsoft
• Starbucks
• Kaiser Permanente
• T-Mobile
• Expedia
• Hewlett-Packard
• Pacific Northwest National Laboratory (PNNL)
• Energy Northwest
• Kadlec Regional Medical Center

Created and modified layouts for two weekly print publications with quick turnarounds for our three-day pre-press schedule. Collaborated closely with sales representatives and dealership clients on effective headlines and copy, as well as custom designs for seasonal and special events.

After collaborating with a rep to rebrand and revitalize the monthly real estate guide to be more modern and femme, we saw immediate increases in readership, advertising, and pick-up locations.