willgarrett.iowillgarrett.io — ~/services/branding-design.md
~ ❯ cat services/branding-design.md

branding-design.md

Branding & design

Identity, interfaces, and the details that make a product coherent

Branding & design

A product should look like someone meant to build it

A business can have a strong product and still struggle to say why it is valuable. The website says one thing. The application looks like something else. The sales materials use a third visual language. Important workflows are confusing, and the interface asks people to understand the software instead of helping them do what they came to do.

The product still runs, and it is harder to trust.

Branding and design get treated as the last coat of paint: a logo, a palette, a set of mockups, maybe a new homepage before launch. I treat them as one system. A brand sets expectations about what a company is and how it operates. Design is how those expectations show up in something a person can use. The interface, the language, the hierarchy, and the behavior of the product all decide whether the expectation holds.

I help businesses build visual identities, websites, and product experiences that connect what they are trying to say with what they are actually building. The business should be recognizable, the product understandable, and the experience intentional.

People hire me for this when the website no longer matches the business they have become, when every new feature looks like a different team designed it, or when they keep explaining the interface to the people who are supposed to be using it.

People judge the product before they understand it

A potential customer arrives with almost no context. They do not know how much engineering is in the platform or how carefully the infrastructure was designed. They see the page. They read the headline, scan the layout, and decide whether the business looks credible, whether the product seems relevant, and whether their time is worth spending.

The same thing happens inside the application. Navigation, forms, dashboards, errors, and workflows all say something about quality. When they are inconsistent or confusing, users pay in time and attention. They hesitate, make mistakes, abandon a workflow, or contact support for a problem the interface should have prevented.

A shared visual and behavioral language tells people where they are, what matters, and what they can do next. It also helps the people building the product. Once type, spacing, components, interaction, and content conventions exist, engineers do not have to reinvent them for every screen. Design becomes something the product reuses, instead of a recurring argument.

What I bring

What the business needs the identity to say

A visual identity is more useful when it comes from a clear picture of the organization. What does the company do? Who is it trying to reach? What problems does it solve? How is it different from the alternatives? What should someone understand or remember after they encounter it?

I look at the existing positioning, the audience, the competitive field, and the expectations the brand has to set. For a new business that can mean an identity from scratch. For an established one it can mean finding where the current presentation no longer matches the capabilities, the customers, or the direction.

It also has to work in more than one place: a website, a product interface, a presentation, a phone, an email, and sometimes print. An identity that looks strong in a single mockup and falls apart everywhere else is not doing the job. I want a direction grounded in the business, not an aesthetic chosen because it is fashionable this year.

A logo does not make a brand. The identity shows up in repeated type, color, composition, imagery, iconography, spacing, and the other conventions you actually use. I design how those elements work together: a primary mark, alternate lockups, palettes, a type hierarchy, layout principles, graphic treatments, and guidance for imagery or illustration.

The system should be recognizable across contexts without forcing every page and every product screen to look the same. It needs structure and room to move. I also account for accessibility, contrast, legibility, responsive behavior, and what it takes to implement the identity in a product. A typeface that fails on a small screen is the wrong typeface. A distinctive palette that makes interface states hard to tell apart creates a problem aesthetics will not solve. The decisions have to survive the presentation they were introduced in.

Websites that answer the visitor’s question

A website is often the first substantial encounter someone has with the business. It has to establish credibility, say what you offer, and help people find what they came for. A lot of sites make that harder than it needs to be. The homepage talks about philosophy and never says what the service is. Navigation mirrors internal departments. Calls to action compete. Important information sits under decoration.

I treat the site as communication and structure. I establish the audiences, the questions they are trying to answer, and the actions the business wants to support. From there I design the information architecture, the page hierarchy, the content structure, the navigation, and the visual direction.

Copy and layout have to work together. A headline needs enough context to mean something. A service description should tell a visitor what they are buying. A call to action should appear once they have enough information to decide. Because I work in design and engineering, implementation is part of the design conversation: responsive layout, performance, accessibility, content management, and whether the site can be maintained. Those are not problems to hand a developer after the mockups are approved.

Interfaces built around the workflow

Products get complicated as features accumulate. Navigation grows. Forms gain fields. Dashboards collect more than a person can interpret. Individual screens work, and the experience as a whole does not.

I look at the workflow under the interface. What is the user trying to accomplish? What do they need at each step? Which decisions need their attention? Where do errors happen? What should happen if the process is interrupted? Those questions set the interaction patterns, the screen structure, the navigation, and the hierarchy.

Depending on the project that is user flows, wireframes, prototypes, high-fidelity screens, or changes to an application that already exists. I also design the states demos skip. What does someone see while data loads? What happens when a request fails? What does an empty result look like? Can a half-finished workflow be resumed? Is a destructive action visually distinct from a routine one? Real applications spend a lot of time outside the screenshot. The product should be understandable in ordinary use.

A design system engineers will actually use

As a product grows, inconsistency gets expensive. Buttons behave differently across pages. Validation changes from one workflow to the next. Spacing, type, and component states drift as different engineers ship features. The interface becomes a set of local decisions.

I set reusable patterns: tokens, component specifications, responsive layout rules, type scales, color semantics, interaction states, and accessibility requirements. For a software product I can also turn those into frontend components and implementation conventions. A component should not exist only as a picture. The people building it need its behavior, its states, its constraints, and when to use it.

I say which patterns should be standard and where the product genuinely needs an exception. A large library can wait until the application needs one. I want enough consistency that a new feature does not mean solving the same interface problems again.

Evidence, where you have it

Visual preference is subjective. Behavior is additional evidence. When a site or product already exists, I look for ways to judge the experience against real use: analytics, conversion paths, support requests, usability sessions, or watching people complete the workflows that matter. I look for where they get confused, abandon a task, make an error, or need help.

From there I form specific hypotheses. A shorter form might reduce abandonment. Clearer navigation might surface a feature. A better hierarchy might make a dashboard readable. Where I can measure, I take a baseline and look again after the change. Recognition, credibility, and the quality of a visual experience sometimes need a qualitative judgment. A significant design decision should still have a reason beyond taste.

Design that survives implementation

The gap between the mockup and the build is where a lot of projects go sour. A polished screen depends on an interaction nobody defined. A layout works at one size and breaks at another. Components look consistent and behave differently. When design and engineering stay separate, those problems show up late, when they are expensive.

I pull responsive behavior, accessibility, component reuse, performance, content constraints, and implementation complexity into the design while it is still cheap to change. Where it helps, I work in the frontend codebase on styles, components, and interaction that match the intended design, and I document the decisions that have to stay consistent as the product grows. The handoff should be a design that can be built faithfully, maintained, and extended without losing coherence.

The brand makes a promise the product has to keep

A company can present itself as simple, dependable, and easy to work with. If the application is confusing and inconsistent, that promise fails. A carefully designed product can also fail to get traction if the website cannot explain why anyone should use it.

The identity is recognition and expectation. The website is the value proposition. The interface is that proposition as something a person can use. A data-heavy dashboard often needs a quieter language than a marketing homepage, and an admin interface may need density more than expressive type, with the same principles applied to the context in front of you.

What I will not recommend

I will not recommend replacing a recognizable identity because the style is out of fashion. I will not recommend animation that makes a site slower or harder to use. I will not turn a straightforward application into an experimental interface when people need to finish familiar tasks. I will not suggest a comprehensive design system for a product that needs a handful of consistent components.

I judge the work by whether the decisions improve communication, usability, recognition, and how maintainable the result is. Sometimes that is a new identity. Sometimes it is a clearer website, more consistent type, or a better explanation of the offer. Sometimes the most useful thing I can do is remove elements that were never necessary.

What you leave with

What you get depends on whether the engagement is identity, a website, a product, or some combination.

  • A brand direction and identity system: positioning, visual concepts, logo treatments, type, color, and the graphic conventions that support them.
  • Usage guidelines for applying the identity on products, websites, presentations, and other materials.
  • Website architecture and designs: page structure, navigation, responsive layouts, and visuals aligned with what the site has to communicate and what you want visitors to do.
  • User flows and interface designs: workflows, wireframes, prototypes, or high-fidelity screens for the product interactions that matter.
  • A design system sized to the product: tokens, component patterns, interaction states, and implementation guidance.
  • An assessment of friction, visual inconsistency, accessibility concerns, and which improvements should come first.
  • Assets and documentation an engineer or a later designer can use without reconstructing the original decisions.

If the engagement includes frontend implementation, that can also mean reusable components and production code. I want to leave a system you can keep using, not a set of images that become hard to maintain.

Who I do this with

Founders starting a business. Companies whose visual identity has fallen behind what they can now do. Software teams whose products grew without a consistent design direction. Organizations about to launch a site, ship a significant feature, or improve an experience customers already have.

Some need a recognizable identity and a credible presence. Some have a strong brand and cannot get it into a usable application. Some have engineers shipping functional software without the design structure that would make the experience coherent.

I work across visual design, product thinking, and implementation so those stay one job. The details are the impression: type, navigation, error states, hierarchy, how components behave, and the language used throughout. From identity and the website through to the interface and the system behind it, I am trying to make the experience communicate clearly, work reliably, and reflect the business.