Pro-social Market Economy - Brand & Website
Develop comprehensive brand identity for Pro-Social Market Economy including visual language, typography, color palette, and aesthetic direction that balances credibility for business executives with accessibility for broader audiences. Process includes brand questionnaire exploration, metaphor development (flat world/round world, parallel worlds), philosophical stream mapping, and creation of visual precedents. Visual direction should communicate paradigm shift from individual optimization to relational management while feeling fresh, professional, and modern (not dated/yellowed). Core brand metaphor: weaving/tapestry representing relational fields - adaptable across icons, illustrations, and diagrams in both subtle and bold expressions. Exploring two divergent aesthetic directions: one warm-leaning (gold/orange/yellow/terracotta spectrum honoring relational warmth) and one cool earth-tone direction (blue-green spectrum with gold accents). Typography strategy involves single font family that can feel both modern/contemporary and classical/academic. Nature imagery (trees, water, ecosystems) as supportive presence connecting to sustainability. Hero visualization focusing on tapestry/weaving/meshwork metaphors illustrating relational fields rather than individuals, including imagery of people sitting within woven tapestry of relationality. Circular graphics preferred over squared grids to represent how relationships operate. Visual spectrum from literal representation (detailed people, places, connections) to abstract geometry (shapes, light, pattern), with real photographs included to ground concepts. Figures should almost always include humans since paradigm is fundamentally about human action. Color can carry paradigm contrast - darker to brighter with nuanced middle ground (not black-and-white binary). Must feel distinct from Prosocial World's dark aesthetic - bright, light background required. Brand will inform website design and all future materials. Eight homepage mockup variations developed spanning conventional/clean to experimental/boundary-pushing to seed visual field. Mood board exploring light, woven patterns, and color interplay created.
Design and develop an 8-page informational website for the Pro-Social Market Economy paradigm. Site serves as credible resource for executives, researchers, practitioners, and policymakers explaining how economic performance emerges from relational quality. Core structure includes: Home (paradigm hub with world-building metaphor visualization featuring weaving/tapestry metaphor to illustrate relational fields), Explore the Paradigm (interactive overview), Research and Resources (CMS-driven publications with chronological mapping of intellectual history from Ostrom through Wilson to current work, external journal links and PDFs), Practice and Policy (CDP diagnostics - four design mechanisms functioning as both diagnostic and interventionist tools), People, News and Events (simple calendar), Get Involved, and Evaluation and Tools. Built in Webflow with Airtable backend synced via Whalesync for easy content management. Visual strategy: complementary aesthetics within one identity - grounded research feel for academic sections, fresh/modern for practitioner sections, achieved through subtle shifts in color palette and typography rather than separate designs. Four design mechanisms need clear icons/visualizations to make diagnostic/interventionist framework approachable. Strategic nature imagery as supportive presence. Key messaging: this is cultural evolution of existing market economy, not alternative economy - markets where pro-sociality becomes driving force of value creation. Target audience differentiation: academic (grounded, scholarly, decades of research) and practitioner (forward-looking, newly-built organization feel). Site must function as an experience of the paradigm shift itself - visitors should feel the contrast between stressful fragile world of dominant paradigm and stable peaceful world of pro-social paradigm. Circular graphics to represent relational dynamics. Planet/people imagery showing behavioral outcomes under each paradigm with subtle, nuanced contrast line. Content must be AI-accessible with accurate structure for indexing. Performance dimension (creativity, resilience, sustainability, economic outcomes) must remain central throughout. Audience grouping: Research & Education (substance, history, scientific grounding) paired with Practice & Policy (hands-on application, management implications, regulatory framing).
Send revised tailored proposal with two clearly defined budget options based on discovery call
Proposal should reflect two options (~€5,500 streamlined and ~€7,000 core journey) tailored to Jan's existing content document and this conversation rather than the generic June 2025 proposal tiers. Timestamp: 50:57
Review Jan's content document and prior discovery notes to identify which brand questionnaire questions are already answered
Goal is to avoid redundant questioning in vision sessions by mapping what's already known from Jan's existing documentation against the brand questionnaire. Timestamp: 47:30
Schedule first 90-minute vision session once brief is agreed upon and timeline clears post-mid-June
James is heads-down on a large event app build and honeymoon through mid-June. Vision sessions should begin after mid-June with a July launch target in mind. Timestamp: 46:48
Review updated proposal from James and confirm preferred budget option and direction
Jan to review the revised tailored brief once received from James and confirm which option to proceed with. Timestamp: 51:13
Continue developing the content document organically without over-tightening before process begins
James advised keeping the content document loose for now — the early phase is about collecting more input than will ultimately be used, not premature editing. Timestamp: 44:51
Share article 'Rethinking Collective Performance: A New Economic Paradigm' from Pro Social World with James for background context
Jan referenced this article during the conceptual communication discussion. Sharing it will help James understand the paradigm framing before vision sessions begin. Timestamp: 15:11
Continue deepening understanding of the pro-social market economy through research and follow-up questions
James to continue researching the pro-social market economy framework and direct follow-up questions to Jan and Zach to build deeper understanding before design work progresses. Timestamp: 01:27:40
Update branding document to reflect vision session discussion and surface remaining open questions
Explore two divergent aesthetic directions — one warm, one cool — for color palette, typography, and overall visual language
James to develop two parallel aesthetic directions: one warm-leaning (gold/orange/yellow tones evoking relational warmth) and one cooler earth-tone direction, to present both for Jan and Zach's feedback. Timestamp: 01:16:00
Develop hero visual concepts using tapestry, meshwork, and relational metaphors rather than dots-and-lines network diagrams
James to move hero visualization beyond the abstract dots-and-lines treatment toward imagery evoking the relational field — tapestry, weaving, meshwork — focusing on the space between people rather than people themselves. Timestamp: 35:00
Share mockup iterations and Pinterest aesthetic boards for visual feedback from Jan and Zachary
James to continue iterating on the site mockup and compile Pinterest boards reflecting the aesthetic directions explored, sharing with Jan and Zach for ongoing visual alignment. Timestamp: implied throughout visual direction discussion, confirmed in action items.
Schedule next vision session approximately one and a half weeks out
James and Jan to coordinate scheduling of the next session, targeting approximately a week and a half from this meeting. Timestamp: 01:28:44
Continue engaging with brand questionnaire and add further responses where relevant
Jan to continue working through the brand questionnaire and add responses where useful, recognizing that some answers will only emerge through ongoing visual exploration. Timestamp: 01:27:40
Share pertinent papers, studies, and supporting materials to deepen James's understanding of the pro-social market economy framework
Jan to send relevant academic papers, studies, or other supporting materials that can strengthen James's grasp of the paradigm, CDPs, design mechanisms, and economic framing. Timestamp: 01:27:40
Review brand questionnaire and add input alongside Jan where helpful
Zachary to review the brand questionnaire alongside Jan and contribute input where he has relevant perspective to add. Timestamp: 01:29:08
Review and provide feedback on divergent color palette options once presented by James
Zachary to continue thinking through color direction and provide feedback once James presents the two divergent palette options (warm and cool). Timestamp: 01:29:54
Share all mockups and visual mood board materials from today's session with Jan and Zsher
James to distribute all eight homepage mockup variations and the visual mood board explored during today's session so Jan and Zsher have reference materials for ongoing feedback. Timestamp: 54:36
Set up a FigJam space for collaborative inspiration and resource gathering
James to create a FigJam space (or Google folder as alternative) where Jan and Zsher can collectively gather inspiration, reference images, and resources asynchronously during James's Portugal trip. Timestamp: 55:27
Update brand guidelines questionnaire with content from Jan's notes on psychological safety and paradigm adjectives
James to incorporate Jan's recent notes — specifically around psychological safety framing and descriptive adjectives for the paradigm — into the working brand guidelines questionnaire document. Timestamp: 02:18
Articulate clear homework and resource gathering instructions for Jan and Zsher following this call
James to communicate concrete next steps and homework expectations to Jan and Zsher — covering what to gather, where to put it, and how to organize inputs during the asynchronous window before James returns June 13th. Timestamp: 01:00:53
Coordinate backend CMS setup during Portugal trip so Jan can begin organizing research content
James to explore initiating backend CMS architecture during the Portugal trip (before June 3rd) so Jan can begin populating and structuring research content asynchronously. Discussed as a way to make productive use of the asynchronous window. Timestamp: 58:24
Gather and share examples or ideas for illustrating the paradigm contrast using planet-view, people, nature, and light/dark imagery
Jan to collect and share visual references, descriptions, or conceptual sketches illustrating the contrast between paradigms — one side showing pollution, fragmentation, and self-interest; the other showing sustainability, shared purpose, and interdependence. The dividing line should feel subtle and blurred rather than cliché. Timestamp: 28:16
Refine thinking on research and education page structure including chronological mapping of Ostrom, Wilson, and subsequent foundational work
Jan to develop clearer thinking on how to structure the research and education section of the site, including how to visually map the chronological intellectual history from Ostrom's commons work and Wilson's evolutionary theory through to the generalized core design principles and Jan's own extensions into performance management and the pro-social market economy. Timestamp: 46:36
Continue exploring mockup directions and provide feedback on color tone preferences and metaphorical imagery
Jan to review the eight mockup directions presented in today's session, continue forming preferences around warm vs. cool palette, circular vs. grid visuals, and the weaving/tapestry metaphor, and share feedback with James asynchronously. Timestamp: 15:18
Share relevant research papers and readings with James for ongoing domain immersion
Jan to continue forwarding relevant academic papers, readings, and research to James to deepen his understanding of the pro-social market economy framework during the asynchronous window. Timestamp: 01:02:09
Reflect on visual options including circular woven logo treatments and warm vs. cool palette preferences
Zsher to continue thinking through the visual options presented in today's session — particularly the circular woven logo treatments and the contrast between warmer gold/terracotta and cooler blue/gold palettes — and share preferences with James. Timestamp: 15:35
Contribute ideas for imagery and resource integration as inspiration emerges during asynchronous window
Zsher to gather and contribute visual inspiration, imagery references, and resource ideas into the shared FigJam or folder space as they emerge, particularly around illustrative style (hand-drawn vs. graphic), paradigm contrast visuals, and the blurry dividing line concept. Timestamp: 01:02:38
