Vision Session
Artifact info
Title:

Pro-Social Market Economy: Brand & Website Vision Session

Engagement:

Pro-social Market Economy - Brand & Website

Client:

Jan Pfister

Meeting Date:
May 11, 2026
Next Meeting Date:
May 22, 2026
Hide This
April 17, 2026
Hide This
People
Jan Pfister
James Redenbaugh
Zachary Sherman
Artifact Image
Meeting Summary

🌍 Paradigm Shift as the Core Design Challenge

The conversation centered on how to make a paradigm shift visible and felt on the website. Jan opened with the recognition that the questionnaire prompted productive reflection, and that some answers will only emerge through visual exploration together (02:20).

The Flat World / Round World Metaphor

Jan revisited the flat world vs. round world metaphor as a way to introduce paradigm shift to first-time visitors. The world itself doesn't change — only how we think about it does. But in social and economic contexts, that shift in thinking actually changes how we act, design, and measure. A flat-world thinker miscalculates distances and possibilities; a round-world thinker navigates accurately. The same applies to economic paradigms: building on individual optimization versus understanding performance as relational leads to fundamentally different organizational outcomes (12:05).

Jan noted that while the metaphor is approachable, it may be too common to anchor the entire homepage. It might work better as an entry point into a more layered visual world.

Light, Dark, and Parallel Worlds

Zachary offered a complementary visualization using a Stranger Things-style parallel world concept — two versions of the same setting, one functioning and bright, one decaying and dark, illustrating what changes when the paradigm shifts (16:00). Jan responded positively: same setting, different outcomes depending on how people, nature, and relationships are treated.

World-Building as a Design Frame

James reframed the challenge as world-building (09:13). The site needs to communicate that this isn't a minor intellectual shift but access to a new world with its own terrain, rules, and possibilities. He drew a parallel to the leap from 2D to 3D video games — a structural shift that opens entirely new dimensions of possibility. The emotional register matters as much as the intellectual one.

🎨 Visual Direction & Aesthetic Exploration

Reactions to the Initial Mockup

James shared an early mockup generated from Jan's copy doc to establish structure. Feedback on the visual treatment:

  • Jan: The color palette feels like "a newspaper that got old and yellowish" — needs to feel fresher (31:24)
  • Zachary: Reminiscent of a museum or library site; the layout structure is solid, but the cream/light brown tones make it feel dated (32:53)
  • Both agreed: bright, light background, professional, fresh — distinct from the Prosocial World site's dark aesthetic
The Hero Visualization Challenge

The dots-and-lines visualization of "individual optimization → connected paradigm" was discussed but felt too technical and abstract. Jan emphasized the goal is to communicate that we are naturally interdependent — every step we take depends on what others have done — rather than reduce this to a network diagram (33:53).

James affirmed the key sentence: "In an interdependent world, performance no longer comes from optimizing individuals. It emerges from the quality of the relationships that connect them." The visual language should evoke relationships through tapestry, weaving, meshwork — illustrating the space between people rather than the people themselves. Stock photos of people-together tend to read as individuals; the focus must be on the relational field (35:00).

Clarifying What "Relationships" Means

Jan added critical nuance: this isn't about everyone simply having "nice" relationships. Relationships need to be clear and well-managed, including protecting groups from exploitative dynamics. The CDPs (Core Design Principles) function as a diagnostic — shared purpose aligned with sustainability, self-regulation, multi-level alignment. Without the sustainability dimension, "pro-social" could describe a mafia (36:51).

Aesthetic References & Audience Differentiation

A useful distinction emerged for visual direction (48:32):

  • Academic side: grounded, scholarly, evoking decades of research lineage (evolutionary science, Ostrom, performance management) — closer to a more classical/modernized treatment
  • Practitioner side: fresh, modern, forward-looking — like a newly-built organization with greenery and openness

The site should blend both: grounded in research, emerging into contemporary practice. Jan raised the question of whether these almost feel like two sites — James suggested complementary aesthetics within one identity: shared structure with subtle shifts in color palette and typography between sections, avoiding patchwork while creating clear contextual cues.

Nature as a Visual Thread

Jan suggested weaving in nature imagery — trees, water, planet, ecosystems — not as the central subject but as a supportive presence connecting the work to sustainability and the bigger system humans operate within (56:14).

🔤 Typography Considerations

Discussion of using a serif/sans-serif combination to signal different registers. Jan floated the idea of using a more classical serif (Times-like, typewriter feel) in academic sections and something more straightforward for practitioners. James suggested finding a single font family that can do both — feeling modern and contemporary while also able to read as classical and academic when needed (45:10).

🎨 Color Direction

Avoiding corporate blues and activist greens as defaults. Initial exploration:

  • Jan's personal pull: yellow and blue (43:00)
  • Red: too aggressive
  • Purple: too mystical
  • Most promising directions: blue-green spectrum (without going too on-the-nose with "teal organizations"), or warm tones in the gold/orange/yellow range

James proposed pursuing two divergent palettes in parallel — likely one warm-leaning (honoring the relational warmth at the heart of the work) and one cooler earth-tone direction — to gauge which resonates. The "letterpress test" framed the goal: if printing in a single ink on white paper, which color carries the message?

🧭 Strategic Framing & Language

Why "Market" Stays in the Name

A key clarification from Jan: the pro-social market economy isn't a separate or alternative economy — it's the cultural evolution of the existing market economy. Markets aren't the enemy; they're an efficient regulatory mechanism. The shift is toward markets where pro-sociality becomes the driving force of economic value creation, where competition happens around pro-sociality, efficiency, and service to stakeholders (01:08:17).

Zachary captured this well: keeping "market" in the name reminds people this isn't operating outside the current economy — it's the next evolution of it (01:10:27).

Characterizing the Old Paradigm

Working toward a single word to contrast with "pro-social," the group landed near selfish / self-interested — recognizing that self-interest itself isn't the problem, only its overemphasis at the expense of relational and collective dimensions (01:07:14).

Economic Orientation Assessment

James walked Jan through an economic orientation assessment used on another project. Jan's responses placed him in integrative territory leaning visionary — bridging conventional markets strategically while channeling them toward new economic models, with each system strengthening the other (01:05:27). James noted the assessment's framing of "market" as a pole may need rethinking given that market isn't the enemy in this work.

🏗️ Site Structure & The Design Mechanisms

The current mockup structure includes: hero / paradigm framing, the architecture (four CDP-based design mechanisms), how pro-social design reshapes the market (variation, selection, retention), tailored entry points by audience, international research and practice collaboration, news/events with a simple calendar, and a rich footer.

James raised a framing question about the design mechanisms section: one possible goal of the site is empowering practitioners to design their own systems using this framework. Jan confirmed: the four mechanisms function as both diagnostic (analyzing what existing performance management systems support or undermine) and interventionist (designing systems that create the conditions for self-regulation aligned with shared purpose and sustainability). Visualizing the four mechanisms with clear icons would make this approachable to practitioners (01:22:15).

Image Strategy

Two paths under consideration:

  1. Minimal imagery — relying on graphics, diagrams, and typography to keep focus on language
  2. Strategic imagery — using earth, ecosystem, and relational imagery to reinforce the story

Jan leaned toward including some imagery as supportive rather than central (01:20:12).

Action Items

James Redenbaugh

  • Continue deepening understanding of the pro-social market economy through research and follow-up questions to Jan and Zach (01:27:40)
  • Update the branding document to reflect today's discussion and surface remaining questions (01:26:48)
  • Explore two divergent aesthetic directions (one warm, one cool) for color, typography, and visual language (01:16:00)
  • Develop visual concepts for the hero that move beyond dots-and-lines toward tapestry/meshwork/relational metaphors (35:00)
  • Share continued mockup iterations and Pinterest aesthetic boards for feedback
  • Schedule next meeting approximately a week and a half out (01:28:44)

Jan Pfister

  • Continue engaging with the questionnaire and add further responses where useful (01:27:40)
  • Share any pertinent papers, studies, or supporting materials that can deepen James's grasp of the framework (01:27:40)
  • Coordinate scheduling of the next session (01:28:44)

Zachary Sherman

  • Review the questionnaire alongside Jan and add input where helpful (01:29:08)
  • Continue thinking through color direction once divergent palettes are presented (01:29:54)
Relevant Initiatives

Brand Design

Priority: 
Medium
Size: 
S
Planning Stage

Website Design & Development

Priority: 
Medium
Size: 
M
Planning Stage
Transcript