Hello? Γ—
Oh hey! John Henry MΓΌller

Welcome!

I'll do my best to answer all your questions aboutΒ me.

Who are you? Γ—

My name is JohnΒ HenryΒ MΓΌller.

You can call me John, John Henry, JH, or make something else up. I’m not tooΒ picky.

Over the years, people have called me lots of things: graphicΒ designer, webΒ designer, artΒ director, creativeΒ director, productΒ designer, designΒ director, etΒ cetera, etΒ cetera …

Career Timeline

I’ve worked with hobbyists, startups, scaling companies, and Fortune 500s. I’ve worked on brands, websites, apps, and design systems. To me, it’s all the same. It’s understanding the problem and finding a creative way to solveΒ it.


John Henry MΓΌller on stage at Seattle Interactive | photo by Cody Peterson

Me on stage at Seattle Interactive talking about color probably | photo by CodyΒ Peterson

I sometimes speak in front of people about design, design systems, color, creativity, and occasionally, meatballs. If you run a conference or classroom and are interested in having me talk, getΒ inΒ touch.


The Benson Muller family - John Henry, Holly, Annora, Etta, Lucille, and Margot | photo by Daniel Muller

Me with my wife Holly and our four girls: Annora, Etta, Lucille & Margot | photo by DanielΒ Muller

I was born and raised in Le Mars, Iowa (The Ice Cream Capital of the World!). Both of my parents are educators. I’m number 3 of 4 children. I’ve been gluten-free since 1980.

I’ve spent much of my adult life living in ● Omaha, Nebraska. After a brief stint in the Bay Area, where I met a lovely lady, I’m back home in Benson, Omaha, Nebraska with Mrs. Holly Benson Muller and four beautiful daughters.

When I’m not working or chasing after young children, in my free time I love toβ€”just kiddingβ€”I don’t have free time. But that’s by design :)

What do you do? Γ—

I design things.

I’m most useful on projects that have an overlap of strategy, experience design, and visualΒ design.

  • Design Strategy

    What? Who? Why? Why? Why? Why? Why? How? I’ll help you ask the right questions.

  • Experience Design

    Let’s wear someone else’s shoes for a while and make them as comfortable as possible.

  • Visual Design

    Using only colors, shapes, typography, and photos … VOILA! Real human emotions!


Services

Here are the types of projects peopleΒ hireΒ meΒ for:

🌱

Concept Design

Got a wild idea? I’ll help you turn it into something tangible, gather feedback, and gain clarity on what you’re building.

πŸ”¦

Design Audit

It’s true. Your website, sign-up, or app could be better. But where to start? I’ll help identify the highest-impact opportunities.

🧩

Design System Design

Let’s bring order to chaos. I’ll help you create a design language and set a solid foundation for your design system.

🌐

Website Design

Starting fresh? How exciting! I’ll guide you through the strategy and design of your fancy new website.

πŸ“±

Software Design

Your app should be as delightful and charming as you. I’ll help you infuse personality to make it a joy to use.

πŸ΄β€β˜ οΈ

Brand Design

You need to make an impression. I’ll shape a cohesive identity: design language, messaging, and, of course, logo.

✏️

Graphic Design

From packaging to pitch decks to promotional materials, I can create the parts and pieces to pull everything together.

What have you done? Γ—

Here are some thingsΒ IΒ designed.

This is a collection of projects from over the years that I think turned out pretty nice. Maybe you’ll like them, too.

PetFriendly Subscription Box
PetFriendly

PetFriendly Brand

BPTW Visiontype for Office Culture
Quantum Workplace

BPTW Visiontype

Hudl’s Uniform Design System for Sports Teams
Hudl

Hudl’s Uniform Design System

PROJECTNAME
PROJECTNAME

Logos

Soon
Soon

Can I ask other questions? Γ—

Ask me anything!

I gathered up a bunch of questions people sometimes ask me and wrote answers to them. If you think up one I missed, please letΒ meΒ know.

Why should I hire you?

I see you’re getting straight to business. IΒ likeΒ it!

Why you should hire me:

  • Experience. I’ve been doing this a loooong time. About 25 years. I’ve seen a lot. I’ve done a lot. Chances are, I’ve come across a similar problem before, which means high-quality, efficientΒ results.
  • Directness. When you hire me, you get me. You’re not passed off to a junior design team. And there’s no account manager. Just experienced me working through your problem without communicationΒ gaps.
  • Magic. My curiosity to dig into problems, paired with an execution-agnostic approach, often leads to unexpected and delightful results. No fairy dust or secret potions, but sometimes it feels likeΒ it.

Why should I NOT hireΒ you?

Here are a few good reasons:

  • You want the agency treatment. If you’re into catered lunches, a Trademarked Processβ„’, and a big team in a shiny office with impractical seating, you won’t get that from me. Some folks find comfort in structure, hierarchy, and the illusion of multiple specialists working in parallel. You should hire anΒ agency.
  • You have an aggressive timeline and I’m already booked. Unfortunately, my time is a finite resource. You’ll need to lookΒ elsewhere.
  • You already know exactly what you want. If you have a specific execution in mind and just need someone to operate software without thinking about the problem, you can find someone who will do a fine job at aΒ lowerΒ rate.
  • You need a specialist. If you have a narrow, well-defined task that’s best handled by someone with expert-level skill in a specific discipline, you should hireΒ them.
  • You don’t value design. I won’t waste your time trying to convince you why design matters. Just useΒ Canva.
  • I’m not for you. If you get me, you should hire me. If you don’t, that’s fine. You should hire someoneΒ else.

Are you taking on newΒ clients?

At the moment … yes!

I have some availability in May and more in June. Let’s set up a quickΒ meeting to see if there’sΒ aΒ fit.

What’s your specialty?

I work at the intersection of strategy, experience design, and visualΒ design.

I gravitate toward big, messy, interesting problems that need a curious generalist. Especially ones that are tightly connected to the ✨brand experience✨.

Think: onboarding flows, mission-critical interactions, or high-impact moments that shape how people feel about yourΒ product.

Are you reliable?

Yeah.

When aspiring freelance designers ask me for the most important advice on building a successful career, I tell them: β€œDo what you say you’re going to do, when you said you were going to do it.” I live byΒ that.

Is it just you?

Indeed! It’s just me.

If I subcontract anything, it’s only because that person can do it better than I can. And I’ll always be upfront aboutΒ it.

~

Side rant: A thing irks me about agencies is that you talk to experienced folks during the pitch, but then get handed off to junior staff who lackΒ context.

When you hire me, you get me. From start toΒ finish.

How do you structure pricing?

Most projects fall into one of threeΒ structures:

  • Hourly: Best for short-term or open-ended work. I bill at my full hourlyΒ rate.
  • Retainer: Great for ongoing collaboration. You get a discounted rate in exchange for committing to hoursΒ upΒ front.
  • Per project: Ideal for clearly scoped work with defined goals and deliverables. We agree on a flat fee at theΒ start.

We can figure out which one suits you best.

What’s your hourly rate?

Sheesh! Let’s leave something to the imagination.

The truth is: it depends. I sometimes offer sweetheart deals to non-profits and adorable smallΒ businesses. I also offer retainers and fixedΒ projectΒ pricing.

Let’s see if we’re a fit, and then work out theΒ details.

What about contracts?

I’m a big fan of single-page agreements.

If it slips into legalese, we’re probably not starting from a place of clarity andΒ trust.


But if your legal team requires an ICA, MSA, SOW, and/or NDA, we can probably figure itΒ out.

Are you easy to work with?

Yup!

Do you have a specific process youΒ follow?

Not exactly.

I don’t love the idea of forcing a problem into a cookie-cutterΒ process.

Instead, I’d rather work with you to clearly define the problem and design a plan to solve it. For larger or more complex challenges, that might include a dedicated discoveryΒ phase.

What’s the right size of project forΒ you?

Some projects in my portfolio took years. Others came together in a couple days.

I like keeping a mix. Big projects lead to big outcomes. Small projects keep my dopamine-fueled brain happy and my skillsΒ sharp.

Do you have a blog?

I do! I don’t publish often, but you can find words of mine here: johnhenrymuller.com/words

I heard this site is entirely CSS. IsΒ thatΒ true?

Mostly!

There’s also HTML, SVGs, a font, and some images in the mix. But yeah, no, yeah. NoΒ javascript.

Whoa! Why not just use javascript?

I’m not a developer.

I guess you could say I’m what Brad Frost calls a β€œfront front-end developer.” I’m comfortable with HTML and CSS, less so with javascript or js frameworks.

I hadn’t developed anything from scratch in a few years, so when I decided to update my site I wanted to use it as an opportunity to explore some of the newer, shiny things you can do withΒ CSS.

The entire site is a hand-coded, single-page, ~120k HTML file with vanilla CSS in the <head>. NoΒ prepocessors. NoΒ frameworks. NoΒ npm. NoΒ CMS. NoΒ GoogleΒ Analytics. NoΒ tagΒ managers. NoΒ trackingΒ pixels. NoΒ js. NoΒ gluten. πŸ’―

I won’t pretend to know enough to soapbox about javascript. (HeyΒ man. I’m, like, justΒ aΒ designer.) But Lighthouse sure seemsΒ toΒ like myΒ site.

And look! The back button works and the URLs are always inΒ sync.

I wrote a post about creating this website on my blog.

Why don’t you have more work on here?

I’m working on it! Stay tuned …

How do I say your name?

jaan Β· hen Β· ree Β· muh Β· lr

So what’s with the umlaut (ΓΌ)?

Over 150 years ago in Alsace-Lorraine, our family name had an umlaut (ΓΌ). The umlaut was lost in the move to signal decay, assimilation, and time. With the punctuation change also came a pronunciation change: MUHΒ Β·Β lr instead of MOOΒ Β·Β lr.

In 2006, I started using the umlaut as a nod to family history but mostly because it looks like a smileyΒ faceΒ :)

I made a stylized β€œΓΌβ€ my logo because my goal is to makeΒ uΒ happy.

I pronounce my last name MUHΒ Β·Β lr, despite what the umlaut suggests. The Β¨ isΒ optional.

What’s your favorite color?

Colors have the most impact in the context of other colors, which makes it hard to choose justΒ one.

I could exploit a loophole and say β€œrainbow” 🌈, like EttaΒ (ageΒ 6)Β says.

But if I were forced to pick just one, I’m quite fond of the β€œwebΒ safe” #00CCCCβ– .

Four daughters? Trying for a son, eh?

Well, that’s obnoxious to assume.

Actually, we did IVF and knew our youngest was a girl even before pregnancy.

I love being a girl dad!

I can't think of anything else. What else shouldΒ IΒ ask?

Did I mention I’m celiac? How about you ask me about my gluten-freeΒ diet?

So how is it being gluten-free?

Not bad at all!

I’ve been gluten-free my entireΒ life!

My mom was diagnosed with Celiac Sprue Disease in 1977. When I reacted to gluten as a baby, she put me on the diet rightΒ away.

So my mom, three siblings, oldest daughter, and nephews are gluten-free. Family holidays areΒ amazing!

Things certainly got a lot easier in the early-2010s when the diet became trendy. Before then, we had to buy very expensive bread and pasta at weird-smelling groceryΒ stores.

So yeah. I was gluten-free before (andΒ after) itΒ wasΒ cool.

Wait! I thought of another question. CanΒ IΒ ask?

Wow! You have a lot of questions. I am glad you are so curious!

Send me an email and I’ll get your question answered as soon as possible:
answers@johnhenrymuller.com

How about we work together? Γ—

Let’s go!

I hope I did a satisfactory job of answering all your questions about me. And maybe you have a project in mind for us to collaborateΒ on.

Either way, feel free to email, call, or text me. I love making newΒ friends.

Or better yet!
How about a quick meeting?

Yeah! Let’s meet!
β—‘ΜˆΓ—
PetFriendly Brand PetFriendly Brand

PetFriendly Brand

PetFriendly is a subscription box for pet wellness. I helped bring the brand to life, from the website and emails to packaging and product design. I loved working on a consumer brand where we could influence every step of the customerΒ journey.


Identity Update
PetFriendly Brand

Identity Update

The original PetFriendly logo (back when it was β€œPet Friendly Direct”) needed a little polish for a consumer audience. I kept the cheerful essence of the β€œsmiley pet” and made things feel just a bit … friendlier.

Illustration Style
PetFriendly Brand

Illustration Style

Squiggles, wiggles, loops, and poops. Our illustration style embraces the joyful chaos of pet life, with a nod to the β€œsmiley pet” playful line art style.

Lifestyle Imagery
PetFriendly Brand

Lifestyle Imagery

High-quality lifestyle photography helps express the emotional connection between pets and their humans, an essential part of the brand. Plus! We got to work with my brother, Daniel Muller.

Color System
PetFriendly Brand

Color System

I created a vibrant color palette so designs always felt fresh, friendly, and full of life. Our robust guidelines kept things from going totally off the rails.

Physical Products
PetFriendly Brand

Physical Products

As someone who came up through digital, bringing whimsy and interactivity into physical products has been a personal joy.

Product Family
PetFriendly Brand

Product Family

We created a family of product brands, each with its own personality, but all sharing a friendly aesthetic and illustration style that echoed the β€œsmiley pet” style.

PetFriends
PetFriendly Brand

PetFriends

While I led brand execution, every human at PetFriendly contributed in their own special way. Especially: BryanΒ North, JocelynΒ Stange, MegΒ McMolnau, OliviaΒ Washburn, EmilyΒ Raabe, AndrewΒ Kerr, KateΒ Makowski, and KaraΒ Bernbeck.

Quote from Aaron Shaddy
PetFriendly Brand

Building PetFriendly

Building the PetFriendly brand has been one of the most rewarding collaborations of my career. From strategy to squiggles, it was a chance to help shape something meaningful, joyful, and expansive. I got to work alongside some of the best humans out there (andΒ theirΒ pets).


See how I helped Quantum Workplace make BestΒ PlacesΒ toΒ Work a little better.

β—‘ΜˆΓ—
BPTW Visiontype BPTW Visiontype

Best Places to Workβ„’ Visiontype

Best Places to Workβ„’, powered by Quantum Workplace, is a nationwide program that celebrates standout workplace cultures through confidential employeeΒ surveys.

After nearly 20 years of success as the first contest of its kind, the program was ready for a fresh perspective to re-imagine theΒ experience.


Looking for Trouble
BPTW Visiontype

Looking for Trouble

Quantum Workplace partnered with me to identify friction points in the program and create a β€œvisiontype” for how it might beΒ re-imagined.

We started by digging deep into how the complex program worked across contest partners, participating workplaces, survey takers, and QuantumΒ Workplace.

Storm After Storm
BPTW Visiontype

Storm After Storm

Using the conversion funnel as our guide, I worked closely with the BPTW program team through rapid iteration cycles. We prioritized problems, brainstormed potential solutions, presented high-level concepts, gathered feedback,Β repeat.

Slippery Slide
BPTW Visiontype

Slippery Slide

After weeks of collaboration, we had a trove of problems and ideas, both big and small. I pulled everything into a tidy 164-slide presentation. This β€œvisiontype” was a cross between a product vision and a prototype that followed personas through using the re-imaginedΒ product.

A Shared Visiontype
BPTW Visiontype

A Shared Visiontype

The visiontype told a story that resonated with the program team, product team, and business stakeholders, bringing everyone to the same table with a clearer picture of the opportunity ahead. It gave these groups a shared customer journey and a common lens to evaluate ideas, align on priorities, and imagine what the future could lookΒ like.

Medium Fidelity Mockups
BPTW Visiontype

Pretty, Good

People tend to respond more thoughtfully to high-level concepts with a bit of visual polish (even if they’re not entirely accurate) compared to a bunch rectangles in a wireframe. A little fidelity goes a long way in helping others imagine the intent and offer more meaningfulΒ feedback.

It had its Qwirks
BPTW Visiontype

A Few Qwirks

There were so many amazing Quantum Workplace employees (aka β€œQwirks”) involved making this ambitious project come together, especially: PhilΒ Haussler, KellyΒ Fogus, CassieΒ Neary, KristinΒ Pikop, FrancesΒ Cooper, NatalieΒ Wickham, and JarrodΒ Wubbels.

Quote from Phil Haussler
BPTW Visiontype

Creating Space for New Ideas

A lot of product design, especially when improving a battle-tested solution, is about bringing people along. Collective buy-in is important, but even more valuable is all the information people bring from years of insights that can contribute to the endΒ result.

The trick is, to create an environment that allows people to break out of their informed biases so they can imagine and play in a world that looks a littleΒ different.


See how I helped Hudl get Uniform.

β—‘ΜˆΓ—
Uniform Design System Uniform Design System

Uniform Design System

I was hired at Hudl to establish a design language to unify the product and brand. On this product side, the meant working wiht a team to build a design system. On day one, IΒ namedΒ it: β€œUniform.”


Audit
Uniform Design System

Audit

We started by stepping back to look at Hudl’s sprawling UI. We wallpapered an entire conference room in Hudl Omaha to collect feedback. This helped us to identify patterns we wanted to keep and ones we wanted to refine.

Who’s got the button?
Uniform Design System

Who’s got the button?

After over a decade of rapidly building user-centered software by autonomous teams, some design entropy had crept in. The user journey had become embarrassingly fragmented.

Thinking About Feelings
Uniform Design System

Thinking About Feelings

We had the responsibility (and luxury) of defining and reshaping the product’s look and feel. We defined a set of brand attributes to guide us: Smart, Reliable, Understated, Confident. But we wanted it to feel like a game day uniform: fresh, clean, and charged with quietΒ intensity.

In Sync
Uniform Design System

In Sync

With more than 30 opinionated product and brand designers, buy-in and clear communication were essential. I kept an internal blog to share early thinking, gather feedback, explain the reasoning behind decisions, and set expectations for what was to come.

Native Typography
Uniform Design System

Native Typography

Early on, we decided sticking with system fonts would reduce technical dependances and allow Hudl to feel native on every platform. That meant that other visual attributes (especially color) had to carry the workload to make things feel like Hudl.

Orange Means Go
Uniform Design System

Orange Means Go

With few established guidelines, Hudl’s primary brand color (orange) had become overused in the product. This created two issues: 1)Β confusion, since orange often signals a warning, and 2)Β reducedΒ impact when representing the brand. Sitting between brand and product, I was in the unique postion to guide this type of decision to lead to a more cohesive customerΒ experience.

Color System
Uniform Design System

Color System

We built a structured system to ensure color consistency across the product. Each color was given a clear, semantic name to guide correct usage. Appropriate contrast ratios were baked in from the start, ensuring accessibility standards. This let designers move fast and focus on solving meaningful user problems, without second guesses.

Next Level
Uniform Design System

Next Level

We created a layout system built on stacked β€œlevels” to bring structure and depth to both light and dark environments. Subtle color blocking established clear visual hierarchy while reinforcing a consistent, cohesive UI aesthetic.

Iconography
Uniform Design System

Iconic

We overhauled every icon to read clearly at small sizes with a simalar aethetic. Pixel-aligned edges ensured they crisp on standard-resolution screens.

Documentation
Uniform Design System

Documentation

We wrote deep, clear documentation to support both designers and engineers with using guidelines, patterns, and components. We made the whole thing public at uniform.hudl.com to let the rest of the world see how we wereΒ building.

Hudl up!
Uniform Design System

Hudl up!

So many Hudlies contributed Uniform. It took buy-in from company leadership, and feedback and contributions from so many designers, especially: Murph, Fook, Miranda, APane, Kels, Grant, NickA, Brew2, Levi, and CZ.

~
Uniform Design System

Hudl Uniform Pride

My dad, a high school coach, was an early Hudl user. I’m proud my work here is part of helping athletes and teams for years to come.


I’ve designed few logos in my time.
See some of my favorites.

β—‘ΜˆΓ—
Logos Logos

Logos

I don’t fancy myself a β€œlogo designer,” but I’ve made my fair share. Boiling a brand down to simple, distinctive shapes and characters is a solid test of creativity and craft. Here are some of myΒ favorites.


Arbor Aesthetics
Logos

Arbor Aesthetics

Arbor Aesthetics is a high-end tree care company based in Omaha, Nebraska. The logo needed to reflect founder Jeff Grewe’s vision for a business rooted in care and beauty. The mirrored lowercase β€œa”s form a beautiful symmetricalΒ tree.

PoweredBy
Logos

PoweredBy

Proxibid wanted to transform their industry-leading infrastructure into an online auction SaaS platform: β€œPowered by Proxibid.” The PoweredBy brand needed to feel strong, reliable, and powerful. The chonky lightning bolt β€œP” delivered exactlyΒ that.

Cariant
Logos

Cariant

Cariant is a travel nurse placement agency. The goal was to make it feel modern and fresh to attract young nurses ready for adventure. The arrow represents moving forward. A new location. A newΒ opportunity.

Goodlight
Logos

Goodlight

Goodlight is a photo booth rental service for parties and gettogethers. Playing into the idea of β€œlight”, the icon is both a β€œG” and a prism with light beaming from the side, a la DarkΒ Side ofΒ theΒ Moon.

Pack
Logos

Pack

Pack was a social network for people who love their dogs. We wanted the logo to be bold and confident in a sea of kitschy paw prints. In different contexts, the dog silhouette rotated between breeds to reflect differentΒ β€œpacks”.

Verdis Group
Logos

Verdis Group

Verdis Group is a certified B Corp focused on sustainability and climate action. Founders Craig Moody and Daniel Lawse wanted a mark that was clearly β€œgreen” but not clichΓ©. The leaf form hints at a β€œv” with fresh and modernΒ look.

Mellow
Logos

Mellow

Mellow is a line of calming products for cats and dogs, made by PetFriendly. The logo fits into the PetFriendly product family with the β€œsmiley pet” illustrative style but has its own relaxed personality. Both serene yetΒ playful.

PetFriendly
Logos

PetFriendly

The PetFriendly logo was a redesign of the original mark. The β€œsmiley pet” brings forward the cheerfulness of the brand’s original mark but with the polish ready for a DTC market.

Standard
Logos

Standard

Standard Custody & Trust Company provides secure digital asset custody. They operate in a world of crypto, regulation, and institutional finance. The logo needed to convey strength, protection, and legitimacy. The bold β€œS” hints at a vault unlocking. Stability built in.

Bergman
Logos

Bergman

Bergman makes branded goods for organizations across North America. Founded in 1888, the company needed a modern mark that honored its legacy, and looked good on a fleece vest. The abstract shape nods to their original wax-stamp logo and the physical products they adorn: β€œWe help brands takeΒ shape.”

~
Logos

Go Logo Go!

A logo isn’t the whole brand, but it’s an important piece. It sets the tone. A chance to say something simple, clear, and lasting. I’m grateful to those who’ve trusted me to help shape their identity.


Welp. *slaps knees*
Unless you have other questions …