Zack MacTavish portrait

ZackMacTavish

A product designer based in Philadelphia, PA. I'm currently shaping shopping experiences at Microsoft.

My projects

Microsoft

Shopping ecosystem across Bing, Copilot, Windows, Outlook

Seagate God of War Ragnarok launch artwork

Seagate

Licensed gaming launches and cloud storage communication

Varfaj Partners wordmark over a split black-and-white sphere

Varfaj Partners

UX/UI, branding, and art direction across an agency roster

Giga product design project tile

Giga

Full web app design for an evolving AI-native platform

Piton fitness app project tile

Piton

Voice-first iOS workout app for an early-stage startup

Outsource project tile

Outsource

Brand systems and digital experiences across four businesses

I’ve partnered with agencies including Publicis Groupe, Prairie & Forge, and Varfaj Partners on work spanning UX, product, and brand design. My background includes agency experience in New York City and formal design training in Chicago. Client collaborations have included Microsoft, Walmart, Seagate Technology, and Chip Ganassi Racing.

How I work

My Process

Structured enough to scale, flexible enough to stay curious. Built to turn ambiguity into focused solutions.

01/04

Discovery

I start by getting into the client's world: competitive context, stakeholder kickoffs, and a FigJam brainstorm to pull everyone's perspective into one place. I also dig into past and existing research on the topic, then map pain points from both the business side and the user's side so we are solving the right problem before design starts.

02/04

Ideation

This is where solutions start taking shape: sketches, site maps, user flows, personas. I work through a lot of it solo first, then bring it to the team early for feedback, because the best ideas get sharper in the room. I also like building out the story behind a flow, not just screen A to B to C to D. A narrative helps a user journey land in a way a static screen sequence can't.

03/04

Design & Research

From here, ideas become real: low, medium, and high-fidelity mockups, then interactive prototypes to test the design. I validate the work with quantitative and qualitative research, including A/B testing on early screens and interview-style studies on platforms like UserTesting, so decisions are grounded in real behavior, not assumptions. Whether it's a Figma prototype or a working build, the goal is the same: get something real in front of users fast.

04/04

Testing & Handoff

I pressure-test the work with usability sessions, edge-case mapping, accessibility checks, and design-peer reviews to make sure every state holds up. Then I hand off with redlines, specs, and token-based guidance in Figma Dev Mode, staying close with engineers through check-ins and kickoff alignment with PMs and stakeholders.

Frequently asked questions

What is your design process?

Discovery and research, ideation, design, testing, and developer handoff, but it’s never a straight line. I loop back to earlier stages whenever new feedback or research calls for it.

What tools and software do you use for your UX design?

Figma is home base, alongside FigJam for workshops and brainstorms. I’ve also started building with Figma’s MCP and Claude Code to turn designs into working prototypes faster. AI is changing how quickly ideas can go from concept to something clickable.

Do you have experience with design systems?

Yes. At Microsoft I work across multiple design systems, including Bing, Copilot, Windows, and Outlook, each with its own patterns, tokens, and constraints. That’s taught me a lot about designing for consistency at scale without losing what makes each product distinct.

Have you worked cross-functionally?

Constantly. I work closely with engineers on edge cases and technical feasibility, PMs on scope and priorities, and researchers on testing, plus agency partners like Publicis Groupe, Prairie & Forge, and Varfaj Partners on brand and product work. Good design happens in the overlap between teams, not in isolation.

How do you measure the success of your UX design?

A mix of things: usability testing results, whether the design holds up across all user states and accessibility needs, and feedback from both users and design peers. If the experience feels intuitive and the team can build it without friction, that’s success.

76 features in Figma to know — article cover

76 features in Figma to know

A guide to all things Figma

My journey as a Product designer at Microsoft — article cover

My journey as a Product designer at Microsoft

Shaping the shopping experience at Microsoft

12 features to consider when designing an e-commerce mobile app — article cover

12 features to consider when building an E-commerce app

A practical UX checklist for e‑commerce mobile apps

Designing in the 8pt grid system — article cover

Designing in the 8pt grid system

Consistent spacing for scalable UI components

Card 6

30 CSS styles to know

A beginner's guide to CSS for designers

Card 5

30 HTML tags to know

A beginner's guide to HTML for designers

Quilt hanging
Outside of work, I live with my partner Olivia Smith, who is also an artist. In my own creative time, I focus on making quilts that combine photography, textile techniques, and mixed media, exploring the intersection of art, design, and storytelling.

Thanks for stopping by

I'm also an artist. Check out my art portfolio.

View Portfolio
Piton project previewMicrosoft shopping ecosystem previewThreePillars project previewLeysi project previewOutsource project preview

ZACHARYMACTAVISH.

058%