From Kickoff to First Concept: How to Turn Brand Strategy Into Visual Direction

A client says they want a brand that feels “modern, bold, and trustworthy.” Three adjectives. Three completely different mental images inside the heads of the CMO, the CEO, and the product lead. The agency shows a moodboard. Then a logo. Rejected. Why? Because “bold” meant vibrant purple to one person and clean navy to another. The gap between brand strategy keywords and visual output is where most projects fall apart before the first pixel is designed. Turning brand strategy into visual direction is not a mystical leap. It’s a structured, repeatable process that happens in what we call the pre-concept phase.

A solid pre-concept phase aligns a team around shared perception, not personal taste. It replaces “I don’t like it” with “does this concept express the efficiency and clarity we defined?” This article walks you through exactly how to build that bridge, using two workshop exercises, five perception questions, and a practical checklist that saves time, money, and relationships.

Why most branding projects fail before the first logo

The typical agency kickoff goes like this: talk about business goals, discuss audience, maybe run a stakeholder survey. Then jump straight into moodboards and logo concepts. The problem is that nobody took the time to translate abstract words (like “disruptive” or “human”) into a shared visual dictionary.

Marty Neumeier put it simply in The Brand Gap: “A brand is a person’s gut feeling about a product, service, or company.” But gut feelings are tricky. If five people hold five different gut feelings about what the brand should look like, you’ll get five conflicting evaluations of the same design. That’s not a design problem. That’s a perception alignment problem.

When a founder says “I just don’t feel it,” they’re telling you the concept doesn’t match their internal image of the brand. But that internal image was never made explicit. The pre-concept phase forces it out into the open, before any design work starts.

The Pre-Concept Phase: The missing bridge between strategy and visuals

The pre-concept phase sits after the strategic kickoff but before any visual direction or asset creation. It focuses on uncovering hidden assumptions and turning abstract strategy into concrete visual principles and design boundaries.

Many teams skip it because they mistake it for “just more planning.” In reality, it’s the highest-leverage step most branding projects overlook. Jake Knapp’s Three-Hour Brand Sprint treats similar exercises as the essential glue between strategy and execution: “The point of these exercises is to make the abstract idea of ‘our brand’ into something concrete.”

During this phase, you don’t design any logo, color palette, or typeface. You surface and document:

• What the brand should make people believe after a first impression.
• Which existing competitors define the visual landscape (and where opportunities lie).
• What “bold” or “trustworthy” actually looks like in your specific context.

By the end, you’ll have a set of visual principles and a clear boundary saying, “This feels like our brand; that does not.”

Five perception questions that expose hidden assumptions

Before any visual exercises, run a workshop session built around perception questions. These are not business questions; they dig into the emotional and cognitive signals the brand should send. Use them with stakeholders in a structured discussion. No right answers yet, just raw, documented responses.

1. What should people believe after seeing the brand for the first time?
   This defines the immediate takeaway: not “what we sell” but “what they think we stand for.”

2. What would make the brand feel credible in this category?
   Credibility signals differ wildly. For a fintech, it might be clean data visualization and stately spacing. For a health-tech dealing with government clients, it might be clarity and efficiency over visual flair.

3. If the brand were a person, how would they speak?
   Tone, vocabulary, formality level. This feeds into both copy and visual character (serif vs. sans, generous whitespace vs. dense layout).

4. What do customers currently misunderstand about us?
   Surface the gap between reality and perception. If people think you’re expensive and slow, a visual direction full of gold gradients will amplify that; one with crisp, fast-moving layouts might reframe it.

5. Where must the brand fit category norms and where can it break them?
   A law firm rarely wants MySpace-level creative chaos. But a challenger brand in a staid space might deliberately break a few norms on the axis of “traditional vs. progressive.” Defining that boundary early prevents random rule-breaking that confuses users.

Don’t leave these answers in meeting notes nobody reads. They become the raw material for your first concrete exercise.

Exercise 1: Competitor Perception Mapping

Collect screenshots, homepages, and social profiles from five to ten direct and adjacent competitors. Now plot them on a two-axis map where each axis represents a tension relevant to your brand.

Useful axes include:

• Traditional ↔ Progressive
• Understated ↔ Bold
• Corporate ↔ Human
• Analytical ↔ Emotional

Put an Apple logo and a Samsung logo on the map for a smartphone brand, and you’ll see them far apart on almost every axis, while mid-tier competitors cluster together. That clustering is valuable: it reveals visual whitespace.

But the real gold comes from the discussion when people disagree. Someone puts a competitor on “bold” while someone else puts them on “understated.” That’s not a design disagreement. That’s a different definition of bold. One person thinks bold means heavy black weights and sharp corners; another thinks bold means bright colors and large imagery. Surface that now, not later.

By the end of the session, you’ll have:

• A map that shows where competitors blur together and where space exists.
• A written record of how your team defines terms like “premium,” “friendly,” or “disruptive” in a visual sense.
• A clear brief for where your brand should land on each axis.

Exercise 2: Visual Brand Driver

The Visual Brand Driver is a metaphorical exercise that pushes beyond adjectives and into sensory examples. Instead of debating “we want to be modern,” stakeholders each pick images for nine categories representing the company (not their personal taste).

The categories: transport, typeface, activity, furniture, mood, object, animal, architecture, drink.

Yes, it sounds odd at first. But when one stakeholder picks a bicycle (lightweight, efficient, engineered) while another picks a rocket ship (explosive growth, aspirational), you reveal a fundamental mismatch in how they see the company’s essence.

Here’s how to run it:

1. Each stakeholder selects one image per category that best represents the company.
2. They add four to five adjectives explaining why they chose it.
3. Everyone presents their selections, and the group looks for patterns and contradictions.

A fintech team might collectively choose a Swiss watch (precision, trust), a clean sans-serif typeface (clarity), and a modern glass building (transparency). One outlier chooses a hot rod because they want to convey speed and edge. The group now has a concrete discussion: do we lean into that hot-rod energy as part of our brand, or is that a misinterpretation of “bold” that could damage trust signals?

This exercise doesn’t produce a logo. It produces a shared visual vocabulary. The watch image becomes shorthand for “precision in every UI element.” The glass building translates into a design code that uses generous spacing and layered translucency. By the end, you have a stack of visual metaphors that can be turned directly into look-and-feel principles.

Three layers that translate perception into design boundaries

With the mapping and driver complete, you move from “what we mean” to “what that looks like.” We organize that translation into three connected layers.

Look & Feel
The immediate sensory impression. Derived from the adjectives and metaphors, it defines:

• typography scale (humanist sans, monospaced data tables)
• color temperature (warm neutrals, cold blues)
• spacing and rhythm (generous, clinical)
• motion language (subtle, energetic, none)

Design Code
The explicit rules that make the feel reproducible. These are not vague guidelines. Examples:

• “Buttons always have rounded corners at 4px radius and a soft drop shadow on hover.”
• “Photography is shot from eye-level, never top-down, to convey human connection.”
• “No pure black anywhere; our darkest neutral is #1A1A1A.”

Brand Assets
The tangible outputs that the design team will later create: logo options within these boundaries, color families that satisfy the temperature mapping, icon styles, illustration approaches. Now the logo isn’t being invented in a vacuum; it’s solving a specific visual brief.

This three-layer structure ensures that every future design decision has an anchor. When a new marketing head wants to “spice up the homepage,” you can filter their idea through Ask: does it fit the Design Code? Does it shift the brand towards an axis we already ruled out? It protects consistency without killing creativity.

Pre-Concept Checklist: Are you ready for the first concept?

Before any designer opens their creative tool, confirm the following items. Missing any of these is a red flag that you’re about to spend money on subjective whack-a-mole.

1. Stakeholder perception questions documented. Every key decision-maker’s definitions of adjectives like trustworthy, premium, or friendly are written down.
2. Competitor perception map finalized. The map shows competitor positions, your target position, and notes on the visual cues that distinguish each quadrant.
3. Visual Brand Driver patterns agreed upon. The metaphors that represent the company are selected, and outlier picks have been discussed and either integrated or explicitly excluded.
4. Look & Feel vocabulary defined. You have a short list of adjective-driven principles (e.g., “clean, not sterile” or “human, not childish”) agreed to by the core team.
5. Design Code guardrails written. At minimum, you have a one-pager of do’s and don’ts covering typography, spacing, color temperature, and imagery style.
6. Success criteria for first concept review established. Instead of “do we like it?”, the review question becomes “does this concept align with our documented perception and design code?”

How shared direction makes the first concept review productive

When you finally present that first concept (likely a moodboard with typography, color swatches, and a key page layout), the conversation shifts dramatically. Instead of “it feels too corporate,” the discussion is now: “Our design code says we should feel human, not corporate. This version uses centered, symmetrical layouts and a formal serif, which pushes us toward corporate. How can we adjust the layout and type to bring back humanity?”

That’s a solvable problem. It’s about alignment to documented criteria, not personal taste. Feedback becomes specific, actionable, and fast. The designer doesn’t have to guess. The client feels heard because their input was baked into the criteria itself.

This approach also future-proofs the brand. Six months later, when a new landing page needs to be built, the design code and visual principles are still there. The same visual direction extends into the website, email templates, and social graphics without reinventing the wheel. If you’re curious about how those design principles translate into actual web design, the process starts with this foundational alignment.

Many teams document the finished pre-concept work in a shared brand foundation document (often in FigJam or Notion) that stays open throughout the project. It becomes the single source of truth that anyone, from a new marketing hire to an external agency, can refer back to.

At NextCore, we run exercises like these inside our Custom Web Design Discovery phase. The goal is not just a website; it’s a visual identity that your team and your customers recognize as genuinely yours, from day one of launch. When everyone has a say in defining what the brand looks and feels like, the final output lands with a confidence no subjective review can deliver.