MMarketing Against The Grain
← All frameworks
Innovation

Multi-Variation Design Exploration Loop

Generate contrasting directions, select one, and iterate from the strongest concept

Difficulty
Starter
Time to result
~days to results
Steps
5
Confidence
96%

Start with a clear design brief or an existing page that establishes the product's content and purpose. Ask Stitch to produce several genuinely distinct variations rather than a single polished answer. Compare each option across layout, visual tone, color scheme, professionalism, and suitability for the intended audience. Select the strongest design on the canvas and use that concrete artifact as the anchor for the next prompt. Continue refining it through spoken or written instructions instead of restarting from scratch. Once the baseline is satisfactory, request narrowly scoped split-test versions, such as alternative headlines or calls to action. The mechanism separates divergent exploration from convergent refinement: first broaden the option set, then commit to one direction and iterate rapidly.

Origin

Extracted from Marketing Against The Grain during Matt Wolf's demonstration of generating three visually distinct Future Tools homepage concepts and continuing from a selected design.

Core principles

  • 01Explore multiple directions before refining one
  • 02Make variations meaningfully different rather than cosmetic
  • 03Select a concrete design as the next iteration anchor
  • 04Use conversational prompts to shorten the feedback loop
  • 05Generate test variants from an approved baseline

How to run it

  1. 1

    Establish the design brief

    Provide the page purpose, audience, and required content, or point the tool toward an existing site for visual context. The brief creates a shared baseline for every variation.

    Pro tip Use a representative existing page when redesigning an established product.

    Watch out A vague brief can produce attractive concepts that do not solve the same problem.

  2. 2

    Generate contrasting variations

    Request several alternatives that differ in layout, palette, and visual tone. Ensure the options are substantive directions rather than minor styling changes.

    Pro tip Three options provide useful breadth without making selection unwieldy.

    Watch out Do not treat arbitrary variation as useful if it violates the product's audience or brand constraints.

  3. 3

    Compare the candidates

    Evaluate each design against the page's purpose, desired tone, readability, and likely audience response. Identify the candidate with the strongest overall fit.

    Pro tip Name the distinguishing quality of each option to make the trade-off explicit.

    Watch out Choosing solely on novelty can produce a design that is striking but ineffective.

  4. 4

    Anchor iteration to one design

    Select the preferred artifact and prompt further changes from that specific version. This narrows the search while preserving the strongest visual foundation.

    Pro tip Use voice prompts for quick, natural revision requests.

    Watch out Failing to select the design can leave the model uncertain about which direction to preserve.

  5. 5

    Create testable variants

    After stabilizing the baseline, request focused alternatives for headlines, calls to action, or other conversion elements. Keep the rest of the design sufficiently consistent for a useful comparison.

    Pro tip Change a small number of variables per test so results remain interpretable.

    Watch out Simultaneously changing the headline, layout, offer, and color system makes test outcomes difficult to attribute.

In the wild

Three Future Tools redesign directions

After Stitch first produced a close replica of Future Tools, Matt requested three homepage or discovery-screen variations. Stitch returned bold dark, warm energetic, and cool professional directions with different layouts, palettes, and designs. He could then select one concept and continue iterating from it.

One prompt expanded a single baseline into three distinct, professional creative directions ready for selection.

Landing-page headline test

A marketer approves one landing-page design, selects it in Stitch, and asks for two versions with different headlines while retaining the same offer and layout. The exported variants can then be implemented and tested against the original.

The team creates a controlled conversion experiment without rebuilding the page from scratch.

Common mistakes

Polishing the first result immediately

Committing to the first acceptable concept eliminates the benefit of cheap exploration. Generate contrasting options before investing in detailed refinement.

Creating superficial variations

Changing only a color or font does not reveal meaningfully different design directions. Vary layout and tone while preserving the underlying objective.

Testing too many variables

A split test becomes hard to interpret when every design element changes simultaneously. Use broad variation for exploration, then focused changes for measurement.

Is it for you?

Best for

It is best for marketers and founders comparing creative directions or producing landing-page variants without repeatedly rebuilding layouts by hand.

Not ideal for

It is not ideal when a locked brand system permits almost no visual variation or when testing traffic is too low to evaluate alternatives meaningfully.

From the transcript

And then I went and said, All right, generate three variations of the home slash discovery screen.

Matt Wolf · 03:30

But each one is like a completely different layout, different color scheme, different design, and all really good modern professional-looking designs.

Matt Wolf · 03:30

Now it's like I literally can speak with my voice and say, create me a split test version with a couple different headlines, and it'll…

Matt Wolf · 02:30

From the episode

I Replaced a $5,000 Designer with Google Stitch