Proposal for the Vision Body

Redesigning
themenscircle.com

A modern, low-maintenance website that serves both curious men and active members — powered by the Google Sheets you already use.

Submitted by Brian December 2025

Executive Summary

Public Landing Page

A welcoming entry point for men curious about The Men's Circle, with clear pathways to learn more and connect.

Member Resource Hub

A simple authenticated area where active men can access directories, documentation, and announcements.

Google Sheets Backend

Administrators continue working exactly as they do now. The website automatically reflects current information.

The Vision

For the Public

  • Clean, inviting landing page explaining who we are and what we offer
  • Clear contact pathways to reach the right men
  • Information about how to get involved or attend events

For Active Men

  • Member Directory — Names, contact info, circle affiliation, status
  • Documentation Library — Agendas, guidelines, resources
  • Announcements — Current information for the community

Why Google Sheets as the Backend?

We already maintain extensive information in Google Sheets — rosters, documentation, agendas, contact lists. This proposal builds on that investment rather than replacing it.

How It Works

  • Designated Google Sheets serve as the "database"
  • The website reads from these sheets automatically
  • When someone updates a sheet, the website reflects the change within minutes
  • No duplicate data entry, no sync issues, no new systems to learn

What This Means for Administrators

  • Continue using Google Sheets exactly as you do now
  • No new software to learn
  • No manual website updates needed for routine information changes
  • No security patches or plugin updates to manage
1 Admin edits Google Sheet
2 Website reads via secure API
3 Members see current info

Visual Design Direction

The design should reflect The Men's Circle's character: grounded, welcoming, clear, and masculine without being aggressive.

Proposed Color Palette

Deep Charcoal Primary text
Warm Earth Accents
Soft Cream Background
Ember Orange CTAs
Forest Shadow Secondary

Typography

Playfair Display for Headlines
Source Sans for body text — readable, grounded, not trendy

Imagery Direction

Yes
  • Nature elements (fire, earth, trees)
  • Warm lighting
  • Texture (wood grain, stone)
No
  • Corporate stock photos
  • Posed groups
  • Anything artificial

This Approach vs. WordPress

Consideration Google Sheets + Modern Web WordPress
Content Updates Edit sheets → automatic Login → edit → publish
Security Maintenance Automatic (Vercel handles) Manual updates required
Plugin/Theme Issues None Common problems
Member Directory Live from roster sheet Manual entry or plugin
Learning Curve None for content Moderate
Hosting Cost ~$0/month ~$10-30/month
Long-term Reliability Very stable Requires attention
Custom Code Changes Requires developer Requires developer

Advantages of This Approach

  • Minimal ongoing maintenance
  • Single source of truth in Google Sheets
  • Administrators keep their workflow
  • Modern, fast, secure
  • Cost-effective

Honest Considerations

  • Initial build requires development work
  • Code changes require technical skill
  • Less "off-the-shelf" than WordPress
  • Depends on sheet structure staying consistent

Ongoing Maintenance

Automatic (No Action)

  • Security updates
  • SSL certificates
  • Performance optimization
  • Uptime monitoring

Administrator Tasks

  • Edit Google Sheets as usual
  • That's it — no website work

Occasional (Developer)

  • Adding new features
  • Changing layouts
  • Structural modifications

Estimated ongoing time: 1-2 hours/month (mostly verification)

Full Product Requirements

User Journeys

Public Visitor
Finds website Reads about TMC Fills contact form Gets personal follow-up
Active Member
Clicks login Enters email Clicks magic link Access directory/resources

Features

Public Landing
  • Hero with mission
  • What we do section
  • Contact form
  • Member login link
Member Directory
  • Searchable list
  • Name, contact info
  • Circle affiliation
  • Status/role
Resources
  • Organized by category
  • Agendas, guidelines
  • Community agreements
  • Reference materials
Announcements
  • Chronological list
  • Date, title, body
  • Recent highlighted

Technical Stack

Frontend Vite + JavaScript
Hosting Vercel (free tier)
Backend Vercel serverless
Data Google Sheets API
Auth Magic link (JWT)
Email Resend

My Offer

I'm willing to build and deploy this initial version at no cost to The Men's Circle, as my contribution to our community.

This includes:

  • Design and build the public landing page
  • Set up Google Sheets integration for member directory and resources
  • Implement magic-link authentication for the member area
  • Deploy on modern hosting with automatic security and performance
  • Document how the system works for future maintainers
  • Provide initial training for administrators

Questions for the Vision Body

1

Visual Direction

Does the proposed design feel right for The Men's Circle?

2

Content

Who will provide/approve the landing page copy?

3

DNS

Who currently controls themenscircle.com, and how do we coordinate the transfer?

4

Sheet Review

When can we review the actual sheet structure to ensure compatibility?

5

Approval

What's the process for final approval to proceed?

Next Steps

1

Vision Body Review

Review this proposal, discuss, raise questions

2

Approval

Decision to proceed (or request modifications)

3

Sheet Review

Map existing Google Sheets structure

4

Development

Build the site (estimated 1-3 days to MVP)

5

Launch

Coordinate DNS, deploy, train administrators